-
版面研究所. 6, 網頁版面學：429個網頁設計要領，創造友善易用的版面（429個國際頂尖網站，QRCODE隨掃隨參考）
-
點閱：231
89人已收藏
- 譯自：Webデザイン良質見本帳:目的別に探せて、すぐに使えるアイデア集 第2版
- 作者： Ryoko Kubota 著
- 出版社：三采文化股份有限公司
- 出版年：2024
- 集叢名：創意家:46
- ISBN：9786263582521
- EISBN：9786263582507 EPUB
- 格式：EPUB 版式,PDF,JPG
- 系列書： 版面研究所，本系列共3本
【429個頂尖網頁設計要領，創造滿足使用體驗的版面】
打造絕佳UI/UX的產品體驗，理解使用者感受
結合趨勢設計，電腦或手機都方便瀏覽的技巧
掌握客戶與使用者需要的版面，成功創造友善設計
善用小工具，提高網站易用性與使用者黏著度
- 全書429個範例均附QRCODE，隨找隨用立即溝通設計寶典 -
「希望與客戶討論時，能有範本具體歸納出方向性。」
「雖然有構想，卻不知道需要什麼？該怎麼做？」
「想不出設計的點子。」
本書就是能夠在這些情況派上用場的好幫手！
【一次掌握網頁新法】
◆協助新手破解設計迷思
◆七個視角達到客戶需求
◆隨找隨用可溝通事典
◆掌握版式構成要訣
◆全書範例均附QRCODE
【超給力設計補給站】
◆12個最新網頁設計趨勢網站
◆45個優質可授權圖庫網站
◆4大成功傳遞網頁訴求法則
◆6個可免費使用的調色盤產生器
嚴選429件優質網頁設計範例，從「基礎知識」、「形象」、「配色」、「行業」、「排版、構圖」、「素材、字型與程式」、「趨勢」、「區塊」這八個方向進行網頁製作分析，依客戶需求、品牌識別、產品特色、使用者習慣打造響應式網頁設計。不管在電腦或手機介面上觀看都可以輕鬆瀏覽，符合現代趨勢的設計。
案例非常多，有「我想打造具透明感的設計」「以黃色基調的配色」「要製作餐廳、咖啡廳網頁」「想要多欄式排版」「動態影片的設計」「響應式網頁設計」或「調色盤產生器」「買斷式授權的圖庫網站」支援工具，能夠依目的找到符合需求的設計，很適合當作需要時再來翻閱的事典運用。此外，書中每個範例都有網址與QRCODE供你參考使用，加強學習效果。
【本書的目標讀者】
◆想不出設計點子的人
◆對設計沒有自信的人
◆想準備與客戶討論時使用的範本，讓方向性更明確
◆想知道網頁設計最新趨勢的人
- 本書使用方法
- PART 0 網頁設計基礎知識
- 01｜網頁設計基礎知識
- 02｜網頁設計結構與工作流程
- 03｜網頁設計中的設計區塊
- 04｜網頁設計中的圖像
- 05｜網頁設計與字型學
- 06｜色彩基礎知識
- 07｜配色基礎知識
- COLUMN 買斷式授權的圖庫網站①
- PART 1 從形象出發的設計
- 01｜透明感的設計
- 02｜簡約清爽的設計
- 03｜自然柔和的設計
- 04｜優雅質感的設計
- 05｜冷冽前衛的設計
- 06｜可愛俏麗的設計
- 07｜活潑普普風的設計
- 08｜踏實值得信賴的設計
- 09｜古典高雅的設計
- 10｜日本和風設計
- 11｜適合兒童的設計
- 12｜女性化的設計
- 13｜男性化的設計
- 14｜高級感的設計
- 15｜食物更美味的設計
- 16｜季節感的設計
- COLUMN 買斷式授權的圖庫網站②
- PART 2 從配色出發的設計
- 01｜從LOGO與品牌色出發的配色
- 02｜黃色基調的配色
- 03｜橙色基調的配色
- 04｜紅色基調的配色
- 05｜粉紅色基調的配色
- 06｜紫色基調的配色
- 07｜藍色基調的配色
- 08｜綠色基調的配色
- 09｜褐色基調的配色
- 10｜白色或灰色基調的配色
- 11｜黑色基調的配色
- 12｜按照色調決定配色
- COLUMN 調色盤產生器與瀏覽器附加元件
- PART 3 從行業、類型出發的設計
- 01｜餐廳、咖啡廳網站
- 02｜醫療機構、醫院網站
- 03｜時尚網站
- 04｜美容室、沙龍網站
- 05｜藝術展、活動網站
- 06｜音樂網站
- 07｜動漫、遊戲網站
- 08｜專業事務所網站
- 09｜學校、幼稚園網站
- 10｜個人履歷網站
- 11｜新聞、入口網站
- 12｜電子商務網站
- 13｜公司網站
- 14｜運動、健身網站
- 15｜一頁式網頁
- COLUMN 網頁設計參考網站
- PART 4 從排版、構圖出發的設計
- 01｜網格式排版
- 02｜卡片、磁磚型排版
- 03｜單欄式排版
- 04｜雙欄式排版
- 05｜多欄式排版
- 06｜全螢幕式排版
- 07｜跳脫網格的排版
- 08｜自由排版
- COLUMN 排版時應顧及的4大法則
- PART 5 用到素材、字型、程式的設計
- 01｜以照片為主的設計
- 02｜使用去背照片的設計
- 03｜以紋理質感為主的設計
- 04｜使用裝飾的設計
- 05｜藉插圖營造親切感的設計
- 06｜善用字體排印學的設計
- 07｜有效運用影片的設計
- 08｜具備動態要素的設計
- 09｜用資訊圖表呈現的設計
- COLUMN 買斷式授權的圖示圖庫
- PART 6 從趨勢出發的設計
- 01｜3D圖形
- 02｜玻璃擬態
- 03｜微互動
- 04｜跳脫網格排版
- 05｜視差滾動
- 06｜鮮豔漸層
- 07｜手寫風字型
- 08｜流體形狀
- 09｜等距視角插圖
- 10｜復古時尚
- 11｜響應式網頁設計
- 12｜網頁字型
- COLUMN 按照目的的資訊設計與設計編排法
- PART 7 從區塊出發的設計
- 01｜頁首
- 02｜導覽列
- 03｜標題
- 04｜按鈕
- 05｜載入效果
- 06｜表單
- 07｜頁尾
- COLUMN 買斷式授權的插圖圖庫
- Credit
- 參考文獻
- 作者介紹
