【429個頂尖網頁設計要領,創造滿足使用體驗的版面】
打造絕佳UI/UX的產品體驗,理解使用者感受
結合趨勢設計,電腦或手機都方便瀏覽的技巧
掌握客戶與使用者需要的版面,成功創造友善設計
善用小工具,提高網站易用性與使用者黏著度
-全書429個範例均附QRCODE,隨找隨用立即溝通設計寶典-「希望與客戶討論時,能有範本具體歸納出方向性。」
「雖然有構想,卻不知道需要什麼?該怎麼做?」
「想不出設計的點子。」
本書就是能夠在這些情況派上用場的好幫手!
【一次掌握網頁新法】◆協助新手破解設計迷思
◆七個視角達到客戶需求
◆隨找隨用可溝通事典
◆掌握版式構成要訣
◆全書範例均附QRCODE
【超給力設計補給站】◆12個最新網頁設計趨勢網站
◆45個優質可授權圖庫網站
◆4大成功傳遞網頁訴求法則
◆6個可免費使用的調色盤產生器
嚴選429件優質網頁設計範例,從「基礎知識」、「形象」、「配色」、「行業」、「排版、構圖」、「素材、字型與程式」、「趨勢」、「區塊」這八個方向進行網頁製作分析,依客戶需求、品牌識別、產品特色、使用者習慣打造響應式網頁設計。不管在電腦或手機介面上觀看都可以輕鬆瀏覽,符合現代趨勢的設計。
案例非常多,有「我想打造具透明感的設計」「以黃色基調的配色」「要製作餐廳、咖啡廳網頁」「想要多欄式排版」「動態影片的設計」「響應式網頁設計」或「調色盤產生器」「買斷式授權的圖庫網站」支援工具,能夠依目的找到符合需求的設計,很適合當作需要時再來翻閱的事典運用。此外,書中每個範例都有網址與QRCODE供你參考使用,加強學習效果。
【本書的目標讀者】◆想不出設計點子的人
◆對設計沒有自信的人
◆想準備與客戶討論時使用的範本,讓方向性更明確
◆想知道網頁設計最新趨勢的人
作者簡介:
RyokoKubota
1982年出生於廣島縣廣島市,畢業於東京女子大學心理系。
理念為「打造出令人怦然心動的物品、時間與場所」的自由創作者。
網站製作公司Coco-Factory代表,從事國內外網站統籌之餘,兼任DigitalHollywoodSTUDIO講師,提供線上講座、教材開發與工作坊開發等服務。
著作:《網頁設計優質範本集》《會動的網頁設計創意集》《會動的網頁設計創意集-實踐篇》
官網:https://kubotaryoko.com
作者序
「希望與客戶討論時,能有範本具體歸納出方向性。」
「雖然有構想,卻不知道需要什麼?該怎麼做?」
「想不出設計的點子。」
本書就是能夠在這些情況派上用場的範本集。
2017年推出的第一版,獲得許多讀者喜愛,成為超過40,000本的暢銷書,由衷感謝各位讀者與創作者的支持。由於本書已經出版超過四年半,網頁設計的呈現方式與趨勢已經有了大幅變化,因此決定全面修訂。
從各個角度欣賞優秀網頁設計,有助於激盪出下一個點子。本書彙整了429個優秀網站設計,數量超過第一版。將從「基本知識」「形象」「配色」「行業」「排版、構圖」「素材、字型與程式」「趨勢」「區塊」這八個方向進行分析。本書均會解說實際使用方法,能夠清楚理解光看網頁無法得知的「設計呈現法與運用法」,讓你立即運用在網頁製作上。
從「我想打造散發透明感的設計」這種以形象出發的設計,到「要製作餐廳、咖啡廳網頁」這種以行業出發的設計都有,能夠依目的找到符合需求的設計,很適合在工作需求時拿來翻閱的事典運用。
此外這次也增加了「從趨勢出發的設計」單元,解說現在流行的設計與技術。只要閱讀本書,就能夠知道最新設計與技術。
本書進行的同時,我也擔任數位好萊塢STUDIO的講師,透過學生們了解大家都在「煩惱些什麼」「想知道什麼」,所以決定站在網頁設計師新手的角度,依照「如果有這種書就好了」的需求呈現。即使是剛開始學習網頁設計的人,也能快速上手。
想要成功完成網頁設計,就必須接觸大量的網頁,從形形色色的視角檢視設計,並培養出解析網頁的能力。
若本書能夠讓你在製作網頁設計時派上用場,我將深感榮幸。
「希望與客戶討論時,能有範本具體歸納出方向性。」
「雖然有構想,卻不知道需要什麼?該怎麼做?」
「想不出設計的點子。」
本書就是能夠在這些情況派上用場的範本集。
2017年推出的第一版,獲得許多讀者喜愛,成為超過40,000本的暢銷書,由衷感謝各位讀者與創作者的支持。由於本書已經出版超過四年半,網頁設計的呈現方式與趨勢已經有了大幅變化,因此決定全面修訂。
從各個角度欣賞優秀網頁設計,有助於激盪出下一個點子。本書彙整了429個優秀網站設計,數量超過第一版。將從「基本知識」「形象」「配色」「行業」「排版、構...
目錄
本書使用方法
PART0網頁設計基礎知識
01網頁設計基礎知識
02網頁設計結構與工作流程
03網頁設計中的設計區塊
04網頁設計中的圖像
05網頁設計與字型學
06色彩基礎知識
07配色基礎知識
COLUMN買斷式授權的圖庫網站①
PART1從形象出發的設計
01散發透明感的設計
02簡約清爽的設計
03自然柔和的設計
04優雅有質感的設計
05冷冽前衛的設計
06可愛俏麗的設計
07活潑普普風的設計
08踏實值得信賴的設計
09古典高雅的設計
10日本和風設計
11適合兒童的設計
12女性化的柔美設計
13男性化的陽剛設計
14帶有高級感的設計
15讓食物更顯美味的設計
16帶有季節感的設計
COLUMN買斷式授權的圖庫網站②
PART2從配色出發的設計
01從LOGO與品牌色出發的配色
02黃色基調的配色
03橙色基調的配色
04紅色基調的配色
05粉紅色基調的配色
06紫色基調的配色
07藍色基調的配色
08綠色基調的配色
09褐色基調的配色
10白色或灰色基調的配色
11黑色基調的配色
12按照色調決定配色
COLUMN調色盤產生器與瀏覽器附加元件
PART3從行業、類型出發的設計
01餐廳、咖啡廳網站
02醫療機構、醫院網站
03時尚網站
04美容、沙龍網站
05藝術展、活動網站
06音樂網站
07動漫、遊戲網站
08專業事務所網站
09學校、幼稚園網站
10個人履歷網站
11新聞、入口網站
12電子商務網站
13公司網站
14運動、健身網站
15一頁式網頁
COLUMN網頁設計參考網站
PART4從排版、構圖出發的設計
01網格式排版
02卡片、磁磚型排版
03單欄式排版
04雙欄式排版
05多欄式排版
06全螢幕式排版
07跳脫網格的排版
08自由排版
COLUMN排版時應顧及的4大法則
PART5用到素材、字型、程式的設計
01以照片為主的設計
02使用去背照片的設計
03以紋理質感為主的設計
04使用裝飾的設計
05藉插圖打造親切感的設計
06善用字體排印學的設計
07有效運用影片的設計
08具備動態要素的設計
09用資訊圖表呈現的設計
COLUMN買斷式授權的圖示圖庫
PART6從趨勢出發的設計
013D圖形
02玻璃擬態
03微互動
04跳脫網格排版
05視差滾動
06鮮豔漸層
07手寫風字型
08流體形狀
09等距視角插圖
10復古時尚
11響應式網頁設計
12網頁字型
COLUMN網頁字型服務範例
COLUMN按照需求的資訊設計與設計編排法
PART7從區塊出發的設計
01頁首
02導覽列
03標題
04按鈕
05載入效果
06表單
07頁尾
COLUMN買斷式授權的插圖圖庫
本書使用方法
PART0網頁設計基礎知識
01網頁設計基礎知識
02網頁設計結構與工作流程
03網頁設計中的設計區塊
04網頁設計中的圖像
05網頁設計與字型學
06色彩基礎知識
07配色基礎知識
COLUMN買斷式授權的圖庫網站①
PART1從形象出發的設計
01散發透明感的設計
02簡約清爽的設計
03自然柔和的設計
04優雅有質感的設計
05冷冽前衛的設計
06可愛俏麗的設計
07活潑普普風的設計
08踏實值得信賴的設計
09古典高雅的設計
10日本和風設計
11適合兒童的設計
12女性化的柔美設計
13男性化的陽剛設計
14帶有高級感的設計
...
購物須知
退換貨說明:
會員均享有10天的商品猶豫期(含例假日)。若您欲辦理退換貨,請於取得該商品10日內寄回。
辦理退換貨時,請保持商品全新狀態與完整包裝(商品本身、贈品、贈票、附件、內外包裝、保證書、隨貨文件等)一併寄回。若退回商品無法回復原狀者,可能影響退換貨權利之行使或須負擔部分費用。
訂購本商品前請務必詳閱退換貨原則。