縮圖設計的基礎詳解：搶眼易懂的設計創意


	為了從數以萬計的縮圖中── 　　脫穎而出、獲得點擊　　影音平台網站、電商平台網站和社群平台網站有數以萬計的縮圖，倘若你想從中脫穎而出，獲得點擊的機會，那麼該如何做才好？答案是了解「設計的重點」並呈現符合目標用途的表現。本書刊載了豐富的相關內容，不但可以成為自己設計或選擇模板時的線索，也會是你委託設計師時的好用資訊。　　本書前半部分以縮圖的形式介紹所有的標題，並且透過OK 範例和NG 範例，讓大家了解設計的重點。此外，還列舉了各種設計創意與版本變化，再搭配詳細的解說敘述，應該能夠加深大家在設計方面的相關知識。　　本書後半部分則刊載了常見領域的縮圖設計，並且以前半段介紹的設計重點為基礎，介紹實際縮圖設計的創意想法。另外，書中還將相同的縮圖設計元素，套用在各種長寬比版本的橫幅廣告，讓大家也可當成設計橫幅廣告時的參考。


	目錄 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