版面研究所⑥網頁版面學：429個網頁設計要領，創造友善易用的版面（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 網頁字型服務範例
COLUMN 按照需求的資訊設計與設計編排法

PART 7 從區塊出發的設計
01 頁首
02 導覽列
03 標題
04 按鈕
05 載入效果
06 表單
07 頁尾
COLUMN 買斷式授權的插圖圖庫

Ryoko Kubota

1982年出生於廣島縣廣島市，畢業於東京女子大學心理系。
理念為「打造出令人怦然心動的物品、時間與場所」的自由創作者。
網站製作公司Coco-Factory代表，從事國內外網站統籌之餘，兼任Digital Hollywood STUDIO講師，提供線上講座、教材開發與工作坊開發等服務。

著作：《網頁設計優質範本集》《會動的網頁設計創意集》《會動的網頁設計創意集-實踐篇》

官網：https://kubotaryoko.com