Introduction　縮圖設計的基礎知識
何謂縮圖 012
縮圖的尺寸 014
設計會隨著用途而有所不同 016
縮圖的製作方法 018
本書的目的與閱讀方法 022

Chapter 1　構圖與排版的基礎詳解
1-1 增添對比，加強印象 026
Design Point 跳躍率
1-2 以區塊集中視線 028
Design Point 以密集營造緊迫感
1-3 可掌握視線的視覺焦點 030
Design Point 對比與亮點
1-4 想傳達的訊息1至2項即可 032
Design Point 元素篩選
1-5 聚焦在想呈現的部分 034
Design Point 明暗對比
1-6 聚焦主要元素的中心構圖 036
Design Point 中心構圖
1-7 二分法構圖平衡又穩定 038
Design Point 二分法構圖
1-8 三分法構圖充滿戲劇性效果 040
Design Point 三分法構圖
1-9 阿吽型構圖能相互映襯 042
Design Point 阿吽型構圖
1-10 相框構圖令人印象深刻 044
Design Point 相框構圖
1-11 有分割畫面 046
Design Point 背景分割
1-12 要留心邊距的分量 048
Design Point 邊距
1-13 為照片鑲邊與圍框 050
Design Point 鑲邊與圍框
1-14 可愛圍框 052
Design Point 裝飾線條
1-15 有效裁切 054
Design Point 裁切
1-16 放大並超出畫面 056
Design Point 超出畫面
1-17 傾斜營造動態感 058
Design Point 傾斜排版
1-18 從大物件開始依序放入畫面 060
Design Point 大小差異營造出遠近感
Column 草稿素描與構圖 062

Chapter 2　配色與文字的基礎詳解
2-1 看不見就沒有意義 064
Design Point 明度
2-2 對比帶給大腦刺激 066
Design Point 色相
2-3 統一鮮豔度以免畫面不協調 068
Design Point 彩度與色調
2-4 強調主色調 070
Design Point 色彩形象
2-5 文字容易辨識 072
Design Point 對比
2-6 字體挑選 074
Design Point 字體產生的形象變化
2-7 文字和背景合而為一 076
Design Point 讓文字融入背景
2-8 讓文字占滿畫面 078
Design Point 將文字當成設計素材
2-9 直排文字與橫排文字的搭配組合 080
Design Point 直橫排形成的視覺亮點
2-10 以手寫字營造感性氛圍 082
Design Point 手寫風字體
2-11 將文字標誌化 084
Design Point 文字標誌
2-12 為文字添加動態感 086
Design Point 文字的形狀和配置
2-13 以線形文字營造時尚感 088
Design Point 線形文字
Column 字體系列與日歐混合 090

Chapter 3　圖形與圖示的基礎詳解
3-1 將文稿化為視覺圖像 092
Design Point 視覺化
3-2 利用圖示的平面化設計 094
Design Point 圖示
3-3 使用圖樣輕鬆作業 096
Design Point 圖樣
3-4 素色乾淨的畫面 098
Design Point 素色背景
3-5 減法美學 100
Design Point 捨棄裝飾
3-6 是否需要這個元素？ 102
Design Point 元素的選擇取捨
3-7 亮點有3個即可 104
Design Point 亮點
3-8 線條邊界 106
Design Point 線條
3-9 3D設計的視覺衝擊 108
Design Point 3D設計
3-10 照片和手繪的組合 110
Design Point 手繪
3-11 透過景深感加以強調 112
Design Point 利用不透明度和模糊營造出遠近感
3-12 以模糊營造情緒氛圍 114
Design Point 模糊
3-13 以漸層營造絢爛華麗 116
Design Point 漸層
3-14 以漸層營造恬淡柔和 118
Design Point 高明度的漸層
3-15 線條和塗色錯開營造輕鬆感 120
Design Point 看似色版錯位
3-16 去背照片的運用 122
Design Point 去背照片
3-17 以類比效果吸引目光 124
Design Point 類比素材的利用
3-18 以抽象圖像直擊人心 126
Design Point 抽象＝抽象藝術
3-19 讓人感到時間流逝 128
Design Point 讓人想像到時間流逝的圖片
3-20 想營造高級感 130
Design Point 彩度、明度、色調、字體和跳躍率
3-21 想營造感性氛圍 132
Design Point 模糊與手寫風字體
3-22 想營造視覺衝擊 134
Design Point 跳躍率、明度和超出畫面
3-23 想營造可愛氛圍 136
Design Point 曲線、明度與字體
3-24 想營造輕盈飄然 138
Design Point 留白與字體
3-25 想顯得溫柔親切 140
Design Point 明度、色調、曲線與字體
Column 關於模糊等圖像編輯 142

Chapter 4　不同類型的縮圖設計
4-1 「挑戰」類影片的縮圖設計 144
Design Point 放入人物圖像當成視覺焦點
4-2 遊戲實況類影片的縮圖設計 145
Design Point 配合遊戲形象還原氛圍
4-2 運動類影片的縮圖設計 146
Design Point 以具體形象照為主視覺的構圖
4-4 瘦身類影片的縮圖設計 147
Design Point 使用可看出作法的圖片
4-5 兒童類影片的縮圖設計 148
Design Point 設計時要著重「簡單易懂」
4-6 寵物類影片的縮圖設計 149
Design Point 表現柔和、溫柔與親切
4-7 教學類影片的縮圖設計 150
Design Point 製作類影片以成品圖片為主並加以強調
4-8 知識類影片的縮圖設計 151
Design Point 強調簡單易懂與正確性
4-9 料理食譜類影片的縮圖設計 152
Design Point 用色基準為接近食材和料理的色彩
4-10 美味外食類影片的縮圖設計 153
Design Point 使用多張圖片，標題文字要清晰可讀
4-11 餐廳介紹影片的縮圖設計 154
Design Point 主視覺不是餐點，而是有特色的店家照片
4-12 購物介紹影片的縮圖設計 155
Design Point 以簡約構圖傳遞店家本身的魅力
4-13 教室（興趣與學習）類影片的縮圖設計 156
Design Point 以制式化排版表明為一系列的課程
4-14 教室（商用）類影片的縮圖設計 157
Design Point 刊登的講師照片要符合商業形象
4-15 企業（企業介紹與針對業界）的縮圖設計 158
Design Point 降低背景圖片的明度
4-16 企業（企業介紹與針對招募）的縮圖設計 160
Design Point 水平垂直交界清晰的排版
4-17 學校介紹的縮圖設計 162
Design Point 用色因對象為學生或家長而不同
4-18 大型活動的縮圖設計 164
Design Point 不論哪種風格，標題一定要醒目
4-19 研討會的縮圖設計 166
Design Point 有點嚴肅又帶有輕鬆明快的氛圍
4-20 廣告活動的縮圖設計 168
Design Point 若不使用照片，則要精心設計構圖
4-21 服裝特賣會的縮圖設計 170
Design Point 讓人注意服裝而非人物
4-22 展示會的縮圖設計 172
Design Point 增加留白減少嚴肅感
4-23 商品介紹的縮圖設計 174
Design Point 加強對比，以文字排版
4-24 書籍介紹的縮圖設計 176
Design Point 在文案標語的背後添加放射狀色帶
4-25 景點介紹的縮圖設計 178
Design Point 讓景點照片充滿吸引力
Column 因應委案設計的製作方法 180

Appendix　推薦資訊
推薦的字體網站和字體特色 182
推薦的圖片網站、圖片種類和特色 184
推薦的創意網站 186asnd Introduction　縮圖設計的基礎知識
何謂縮圖 012
縮圖的尺寸 014
設計會隨著用途而有所不同 016
縮圖的製作方法 018
本書的目的與閱讀方法 022

Chapter 1　構圖與排版的基礎詳解
1-1 增添對比，加強印象 026
Design Point 跳躍率
1-2 以區塊集中視線 028
Design Point 以密集營造緊迫感
1-3 可掌握視線的視覺焦點 030
Design Point 對比與亮點
1-4 想傳達的訊息1至2項即可 032
Design Point 元素篩選
1-5 聚焦在想呈現的部分 034
Design Point 明暗對比
1-6 聚焦主要元素的中心構圖 036
Design Point 中心構圖
1-7 二分法構圖平衡又穩定 038
Design Point 二分法構圖
1-8 三分法構圖充滿戲劇性效果 040
Design Point 三分法構圖
1-9 阿吽型構圖能相互映襯 042
Design Point 阿吽型構圖
1-10 相框構圖令人印象深刻 044
Design Point 相框構圖
1-11 有分割畫面 046
Design Point 背景分割
1-12 要留心邊距的分量 048
Design Point 邊距
1-13 為照片鑲邊與圍框 050
Design Point 鑲邊與圍框
1-14 可愛圍框 052
Design Point 裝飾線條
1-15 有效裁切 054
Design Point 裁切
1-16 放大並超出畫面 056
Design Point 超出畫面
1-17 傾斜營造動態感 058
Design Point 傾斜排版
1-18 從大物件開始依序放入畫面 060
Design Point 大小差異營造出遠近感
Column 草稿素描與構圖 062

Chapter 2　配色與文字的基礎詳解
2-1 看不見就沒有意義 064
Design Point 明度
2-2 對比帶給大腦刺激 066
Design Point 色相
2-3 統一鮮豔度以免畫面不協調 068
Design Point 彩度與色調
2-4 強調主色調 070
Design Point 色彩形象
2-5 文字容易辨識 072
Design Point 對比
2-6 字體挑選 074
Design Point 字體產生的形象變化
2-7 文字和背景合而為一 076
Design Point 讓文字融入背景
2-8 讓文字占滿畫面 078
Design Point 將文字當成設計素材
2-9 直排文字與橫排文字的搭配組合 080
Design Point 直橫排形成的視覺亮點
2-10 以手寫字營造感性氛圍 082
Design Point 手寫風字體
2-11 將文字標誌化 084
Design Point 文字標誌
2-12 為文字添加動態感 086
Design Point 文字的形狀和配置
2-13 以線形文字營造時尚感 088
Design Point 線形文字
Column 字體系列與日歐混合 090

Chapter 3　圖形與圖示的基礎詳解
3-1 將文稿化為視覺圖像 092
Design Point 視覺化
3-2 利用圖示的平面化設計 094
Design Point 圖示
3-3 使用圖樣輕鬆作業 096
Design Point 圖樣
3-4 素色乾淨的畫面 098
Design Point 素色背景
3-5 減法美學 100
Design Point 捨棄裝飾
3-6 是否需要這個元素？ 102
Design Point 元素的選擇取捨
3-7 亮點有3個即可 104
Design Point 亮點
3-8 線條邊界 106
Design Point 線條
3-9 3D設計的視覺衝擊 108
Design Point 3D設計
3-10 照片和手繪的組合 110
Design Point 手繪
3-11 透過景深感加以強調 112
Design Point 利用不透明度和模糊營造出遠近感
3-12 以模糊營造情緒氛圍 114
Design Point 模糊
3-13 以漸層營造絢爛華麗 116
Design Point 漸層
3-14 以漸層營造恬淡柔和 118
Design Point 高明度的漸層
3-15 線條和塗色錯開營造輕鬆感 120
Design Point 看似色版錯位
3-16 去背照片的運用 122
Design Point 去背照片
3-17 以類比效果吸引目光 124
Design Point 類比素材的利用
3-18 以抽象圖像直擊人心 126
Design Point 抽象＝抽象藝術
3-19 讓人感到時間流逝 128
Design Point 讓人想像到時間流逝的圖片
3-20 想營造高級感 130
Design Point 彩度、明度、色調、字體和跳躍率
3-21 想營造感性氛圍 132
Design Point 模糊與手寫風字體
3-22 想營造視覺衝擊 134
Design Point 跳躍率、明度和超出畫面
3-23 想營造可愛氛圍 136
Design Point 曲線、明度與字體
3-24 想營造輕盈飄然 138
Design Point 留白與字體
3-25 想顯得溫柔親切 140
Design Point 明度、色調、曲線與字體
Column 關於模糊等圖像編輯 142

Chapter 4　不同類型的縮圖設計
4-1 「挑戰」類影片的縮圖設計 144
Design Point 放入人物圖像當成視覺焦點
4-2 遊戲實況類影片的縮圖設計 145
Design Point 配合遊戲形象還原氛圍
4-2 運動類影片的縮圖設計 146
Design Point 以具體形象照為主視覺的構圖
4-4 瘦身類影片的縮圖設計 147
Design Point 使用可看出作法的圖片
4-5 兒童類影片的縮圖設計 148
Design Point 設計時要著重「簡單易懂」
4-6 寵物類影片的縮圖設計 149
Design Point 表現柔和、溫柔與親切
4-7 教學類影片的縮圖設計 150
Design Point 製作類影片以成品圖片為主並加以強調
4-8 知識類影片的縮圖設計 151
Design Point 強調簡單易懂與正確性
4-9 料理食譜類影片的縮圖設計 152
Design Point 用色基準為接近食材和料理的色彩
4-10 美味外食類影片的縮圖設計 153
Design Point 使用多張圖片，標題文字要清晰可讀
4-11 餐廳介紹影片的縮圖設計 154
Design Point 主視覺不是餐點，而是有特色的店家照片
4-12 購物介紹影片的縮圖設計 155
Design Point 以簡約構圖傳遞店家本身的魅力
4-13 教室（興趣與學習）類影片的縮圖設計 156
Design Point 以制式化排版表明為一系列的課程
4-14 教室（商用）類影片的縮圖設計 157
Design Point 刊登的講師照片要符合商業形象
4-15 企業（企業介紹與針對業界）的縮圖設計 158
Design Point 降低背景圖片的明度
4-16 企業（企業介紹與針對招募）的縮圖設計 160
Design Point 水平垂直交界清晰的排版
4-17 學校介紹的縮圖設計 162
Design Point 用色因對象為學生或家長而不同
4-18 大型活動的縮圖設計 164
Design Point 不論哪種風格，標題一定要醒目
4-19 研討會的縮圖設計 166
Design Point 有點嚴肅又帶有輕鬆明快的氛圍
4-20 廣告活動的縮圖設計 168
Design Point 若不使用照片，則要精心設計構圖
4-21 服裝特賣會的縮圖設計 170
Design Point 讓人注意服裝而非人物
4-22 展示會的縮圖設計 172
Design Point 增加留白減少嚴肅感
4-23 商品介紹的縮圖設計 174
Design Point 加強對比，以文字排版
4-24 書籍介紹的縮圖設計 176
Design Point 在文案標語的背後添加放射狀色帶
4-25 景點介紹的縮圖設計 178
Design Point 讓景點照片充滿吸引力
Column 因應委案設計的製作方法 180

Appendix　推薦資訊
推薦的字體網站和字體特色 182
推薦的圖片網站、圖片種類和特色 184
推薦的創意網站 186askw Introduction　縮圖設計的基礎知識
何謂縮圖 012
縮圖的尺寸 014
設計會隨著用途而有所不同 016
縮圖的製作方法 018
本書的目的與閱讀方法 022

Chapter 1　構圖與排版的基礎詳解
1-1 增添對比，加強印象 026
Design Point 跳躍率
1-2 以區塊集中視線 028
Design Point 以密集營造緊迫感
1-3 可掌握視線的視覺焦點 030
Design Point 對比與亮點
1-4 想傳達的訊息1至2項即可 032
Design Point 元素篩選
1-5 聚焦在想呈現的部分 034
Design Point 明暗對比
1-6 聚焦主要元素的中心構圖 036
Design Point 中心構圖
1-7 二分法構圖平衡又穩定 038
Design Point 二分法構圖
1-8 三分法構圖充滿戲劇性效果 040
Design Point 三分法構圖
1-9 阿吽型構圖能相互映襯 042
Design Point 阿吽型構圖
1-10 相框構圖令人印象深刻 044
Design Point 相框構圖
1-11 有分割畫面 046
Design Point 背景分割
1-12 要留心邊距的分量 048
Design Point 邊距
1-13 為照片鑲邊與圍框 050
Design Point 鑲邊與圍框
1-14 可愛圍框 052
Design Point 裝飾線條
1-15 有效裁切 054
Design Point 裁切
1-16 放大並超出畫面 056
Design Point 超出畫面
1-17 傾斜營造動態感 058
Design Point 傾斜排版
1-18 從大物件開始依序放入畫面 060
Design Point 大小差異營造出遠近感
Column 草稿素描與構圖 062

Chapter 2　配色與文字的基礎詳解
2-1 看不見就沒有意義 064
Design Point 明度
2-2 對比帶給大腦刺激 066
Design Point 色相
2-3 統一鮮豔度以免畫面不協調 068
Design Point 彩度與色調
2-4 強調主色調 070
Design Point 色彩形象
2-5 文字容易辨識 072
Design Point 對比
2-6 字體挑選 074
Design Point 字體產生的形象變化
2-7 文字和背景合而為一 076
Design Point 讓文字融入背景
2-8 讓文字占滿畫面 078
Design Point 將文字當成設計素材
2-9 直排文字與橫排文字的搭配組合 080
Design Point 直橫排形成的視覺亮點
2-10 以手寫字營造感性氛圍 082
Design Point 手寫風字體
2-11 將文字標誌化 084
Design Point 文字標誌
2-12 為文字添加動態感 086
Design Point 文字的形狀和配置
2-13 以線形文字營造時尚感 088
Design Point 線形文字
Column 字體系列與日歐混合 090

Chapter 3　圖形與圖示的基礎詳解
3-1 將文稿化為視覺圖像 092
Design Point 視覺化
3-2 利用圖示的平面化設計 094
Design Point 圖示
3-3 使用圖樣輕鬆作業 096
Design Point 圖樣
3-4 素色乾淨的畫面 098
Design Point 素色背景
3-5 減法美學 100
Design Point 捨棄裝飾
3-6 是否需要這個元素？ 102
Design Point 元素的選擇取捨
3-7 亮點有3個即可 104
Design Point 亮點
3-8 線條邊界 106
Design Point 線條
3-9 3D設計的視覺衝擊 108
Design Point 3D設計
3-10 照片和手繪的組合 110
Design Point 手繪
3-11 透過景深感加以強調 112
Design Point 利用不透明度和模糊營造出遠近感
3-12 以模糊營造情緒氛圍 114
Design Point 模糊
3-13 以漸層營造絢爛華麗 116
Design Point 漸層
3-14 以漸層營造恬淡柔和 118
Design Point 高明度的漸層
3-15 線條和塗色錯開營造輕鬆感 120
Design Point 看似色版錯位
3-16 去背照片的運用 122
Design Point 去背照片
3-17 以類比效果吸引目光 124
Design Point 類比素材的利用
3-18 以抽象圖像直擊人心 126
Design Point 抽象＝抽象藝術
3-19 讓人感到時間流逝 128
Design Point 讓人想像到時間流逝的圖片
3-20 想營造高級感 130
Design Point 彩度、明度、色調、字體和跳躍率
3-21 想營造感性氛圍 132
Design Point 模糊與手寫風字體
3-22 想營造視覺衝擊 134
Design Point 跳躍率、明度和超出畫面
3-23 想營造可愛氛圍 136
Design Point 曲線、明度與字體
3-24 想營造輕盈飄然 138
Design Point 留白與字體
3-25 想顯得溫柔親切 140
Design Point 明度、色調、曲線與字體
Column 關於模糊等圖像編輯 142

Chapter 4　不同類型的縮圖設計
4-1 「挑戰」類影片的縮圖設計 144
Design Point 放入人物圖像當成視覺焦點
4-2 遊戲實況類影片的縮圖設計 145
Design Point 配合遊戲形象還原氛圍
4-2 運動類影片的縮圖設計 146
Design Point 以具體形象照為主視覺的構圖
4-4 瘦身類影片的縮圖設計 147
Design Point 使用可看出作法的圖片
4-5 兒童類影片的縮圖設計 148
Design Point 設計時要著重「簡單易懂」
4-6 寵物類影片的縮圖設計 149
Design Point 表現柔和、溫柔與親切
4-7 教學類影片的縮圖設計 150
Design Point 製作類影片以成品圖片為主並加以強調
4-8 知識類影片的縮圖設計 151
Design Point 強調簡單易懂與正確性
4-9 料理食譜類影片的縮圖設計 152
Design Point 用色基準為接近食材和料理的色彩
4-10 美味外食類影片的縮圖設計 153
Design Point 使用多張圖片，標題文字要清晰可讀
4-11 餐廳介紹影片的縮圖設計 154
Design Point 主視覺不是餐點，而是有特色的店家照片
4-12 購物介紹影片的縮圖設計 155
Design Point 以簡約構圖傳遞店家本身的魅力
4-13 教室（興趣與學習）類影片的縮圖設計 156
Design Point 以制式化排版表明為一系列的課程
4-14 教室（商用）類影片的縮圖設計 157
Design Point 刊登的講師照片要符合商業形象
4-15 企業（企業介紹與針對業界）的縮圖設計 158
Design Point 降低背景圖片的明度
4-16 企業（企業介紹與針對招募）的縮圖設計 160
Design Point 水平垂直交界清晰的排版
4-17 學校介紹的縮圖設計 162
Design Point 用色因對象為學生或家長而不同
4-18 大型活動的縮圖設計 164
Design Point 不論哪種風格，標題一定要醒目
4-19 研討會的縮圖設計 166
Design Point 有點嚴肅又帶有輕鬆明快的氛圍
4-20 廣告活動的縮圖設計 168
Design Point 若不使用照片，則要精心設計構圖
4-21 服裝特賣會的縮圖設計 170
Design Point 讓人注意服裝而非人物
4-22 展示會的縮圖設計 172
Design Point 增加留白減少嚴肅感
4-23 商品介紹的縮圖設計 174
Design Point 加強對比，以文字排版
4-24 書籍介紹的縮圖設計 176
Design Point 在文案標語的背後添加放射狀色帶
4-25 景點介紹的縮圖設計 178
Design Point 讓景點照片充滿吸引力
Column 因應委案設計的製作方法 180

Appendix　推薦資訊
推薦的字體網站和字體特色 182
推薦的圖片網站、圖片種類和特色 184
推薦的創意網站 186