第1章 　以文字為中心的版面設計

?? 基本01 使用符合主題的字體來加深印象

?? 基本02 以文字組為基礎的版面

?? 基本03 為文字加工，賦予標題衝擊力

?? 基本04 利用對齊文字展現唯美的版面

?? 基本05 以文字的跳躍率來引導視線

?? 基本06 將文字編排成圖形的技巧



第2章? 以照片為中心的版面設計

?? 基本07 利用裁切照片，讓主題更明確

?? 基本08 大膽將照片出血裁切，讓主題更為亮眼

?? 基本09 利用去背照片，展現富有動感的版面

?? 基本10 運用跳躍率，編排多張照片

?? 基本11 只用同一張照片，也能感覺到動感

?? 基本12 將照片本身的構圖，納入版面編排中



第3章　使用插畫的版面設計

?? 基本13 運用圖示明確傳達訊息

?? 基本14 將照片的局部描繪為插畫

?? 基本15 使用插畫，將版面點綴得熱鬧非凡

?? 基本16 大膽地配置插畫，讓版面產生動感

?? 基本17 使用插畫來當視覺焦點，作為設計的重點

?? 基本18 以插畫為主的版面，也能容易閱讀



第4章? 運用一個以上的要素編排版面

?? 基本19 使用格線，有條理地展示資訊

?? 基本20 利用留白空間，賦予版面高雅的印象

?? 基本21 利用方形等面積，組合照片與文章

?? 基本22 組合矩形照片與去背照片，展現出愉快的印象

?? 基本23 藉由配色，將資訊分類

?? 基本24 加入手作的質感，展現溫暖的氛圍



第5章　以印象分類的版面設計

?? 基本25 格狀的組合為版面添加韻律

?? 基本26 左右對稱，創造出有格調的印象

?? 基本27 利用簡單的版面與配色展現高級感

?? 基本28 拋開水平與垂直的編排，展現獨特的版面

?? 基本29 採用三角形的構圖，傳達版面的動感與安定感

?? 基本30 粗略地將照片去背，表現熱鬧的印象

?

作者序



　　始終站在觀看者立場思考，就是Layout的基礎

?