電商廣告設(shè)計解密

目   錄     第1章  初識電商廣告設(shè)計 1 1.1  電商廣告位——設(shè)計師的前沿陣地 2 1.1.1  淘寶/天貓廣告位 2 1.1.2  廣告位 4 1.1.3  百度廣告位 6 1.1.4  騰訊廣告位 7 1.1.5  其他廣告位 9 1.2  電商廣告設(shè)計的價值體現(xiàn) 10 1.2.1  設(shè)計是廣告效果的關(guān)鍵 10 1.2.2  “一圖千金”的意義 11 1.3  做一個會“掘金”的設(shè)計師 13 1.3.1  會觀察 14 1.3.2  重策略 14 1.3.3  擅溝通 14 1.3.4  精設(shè)計 15 第2章  電商廣告設(shè)計師的三大思維養(yǎng)成 16 2.1  訪客思維 17 2.1.1  為訪客“畫像” 17 2.1.2  訪客的瀏覽規(guī)律分析 18 2.1.3  訪客的認知規(guī)律分析 20 2.1.4  訪客的記憶規(guī)律分析 22 2.1.5  訪客的行為規(guī)律分析 23 2.1.6  訪客的視覺移動線分析 26 2.2  策劃思維 28 2.2.1  繪制競爭環(huán)境坐標圖 28 2.2.2  和競爭對手比設(shè)計稿 31 2.2.3  文案的創(chuàng)意表現(xiàn) 31 2.2.4  頭腦風(fēng)暴會議 33 2.3  表現(xiàn)思維 36 2.3.1  確定基調(diào) 36 2.3.2  構(gòu)圖與排版 38 2.3.3  顏色搭配 42 2.3.4  造型與擺放 43 2.3.5  背景的融合處理 45 2.3.6  細節(jié)完善 45 第3章  Photoshop基本功速成與修煉 47 3.1  文檔操作 48 3.1.1  新建與存儲 49 3.1.2  導(dǎo)入圖片 51 3.1.3  圖片輸出 52 3.1.4  圖像/畫布大小調(diào)整 54 3.1.5  移動/矩形選框工具的使用 56 3.1.6  前/背景色設(shè)置與顏色填充 57 3.2  圖層的操作 59 3.2.1  新建/刪除/拷貝/重命名圖層 59 3.2.2  分類顯示/鎖定/鏈接圖層 60 3.2.3  圖層蒙版的使用 60 3.2.4  剪切蒙版的使用 63 3.2.5  圖層樣式的設(shè)置 65 3.3  摳圖工具的使用 74 3.3.1  多邊形套索工具 75 3.3.2  磁性套索工具 76 3.3.3  魔棒工具 77 3.3.4  鋼筆工具 81 3.3.5  色彩范圍菜單 83 3.3.6  通道功能 85 3.4  路徑編輯 90 3.4.1  布爾運算 90 3.4.2  將選區(qū)轉(zhuǎn)為路徑 99 3.4.3  文字變形 102 3.4.4  路徑描邊 105 3.5  圖片調(diào)色 108 3.5.1  色階與亮度/對比度 108 3.5.2  色彩平衡與色相/飽和度 110 3.5.3  去色與閾值 111 3.5.4  替換顏色 113 3.6  關(guān)于切圖與輸出 115 3.6.1  切片工具使用 115 3.6.2  設(shè)置輸出格式 117 3.6.3  上傳并加載切圖 119 第4章  常見廣告產(chǎn)品的修圖技巧 122 4.1  貴金屬及珠寶產(chǎn)品修圖 123 4.2  美妝類產(chǎn)品 140 4.3  數(shù)碼類產(chǎn)品 156 4.4  服飾類產(chǎn)品 171 第5章  電商廣告的配色 181 5.1  色彩的基礎(chǔ)知識 182 5.1.1  色彩與風(fēng)格的關(guān)系 182 5.1.2  認識色環(huán) 183 5.1.3  色彩的色相、純度和明度 184 5.2  幾種常見的電商廣告配色方法 185 5.2.1  互補色搭配 185 5.2.2  對比色搭配 187 5.2.3  鄰近色搭配 188 5.2.4  同類色搭配 189 5.2.5  黑白色搭配 190 5.3  黃金配色比例的運用 192 5.4  配色小技巧 195 5.4.1  一條線取色 195 5.4.2  從素材中提取配色方案 196 5.4.3  通過情緒版“定調(diào)” 197 第6章  直通車廣告圖設(shè)計實例解析 199 6.1  設(shè)計前的分析 200 6.1.1  了解直通車廣告位 200 6.1.2  廣告環(huán)境的分析與比較 202 6.1.3  三層漏斗轉(zhuǎn)化模型分析 204 6.2  設(shè)計表現(xiàn)中的5條吸引法則 206 6.2.1  讓利比價吸引法 206 6.2.2  材料功能吸引法 207 6.2.3  情感歸屬吸引法 208 6.2.4  概念款式吸引法 209 6.2.5  好評銷量吸引法 210 6.3  4種常見強化直通車廣告效果的手法 211 6.3.1  加框 211 6.3.2  加角 212 6.3.3  標簽 212 6.3.4  美女 213 6.4  設(shè)計表現(xiàn)中的三點禁忌 213 6.4.1  避免使用不清晰的圖片 213 6.4.2  避免背景色與產(chǎn)品色混淆 214 6.4.3  避免主次不分和文案過多 214 6.5  4種差異化視覺表現(xiàn)設(shè)計實例 215 6.5.1  顏色差異化表現(xiàn) 215 6.5.2  構(gòu)圖差異化表現(xiàn) 220 6.5.3  素材內(nèi)容的差異化表現(xiàn) 223 6.5.4  創(chuàng)意差異化表現(xiàn) 226 第7章  鉆展設(shè)計實例解析 231 7.1  鉆展圖的基本介紹 232 7.1.1  關(guān)于鉆展圖的介紹 232 7.1.2  關(guān)于首焦圖的介紹 241 7.2  首焦圖的展示形式分類 242 7.2.1  擬人化展示 242 7.2.2  模特展示 243 7.2.3  產(chǎn)品展示 243 7.2.4  文案展示 243 7.3  鉆展的版式設(shè)計與分類 244 7.3.1  兩欄 244 7.3.2  三欄 244 7.3.3  上圖下文/下圖上文 244 7.3.4  純文字 背景 245 7.3.5  疊壓 245 7.3.6  交錯 245 7.4  設(shè)計前的準備工作 246 7.4.1  文案的梳理 246 7.4.2  場景與元素表現(xiàn)設(shè)定 247 7.4.3  信息的組合形式設(shè)定 249 7.4.4  調(diào)性與顏色設(shè)定 249 7.5  幾種常見鉆展圖的設(shè)計與表現(xiàn)手法 251 7.5.1  簡單直接法 252 7.5.2  對比襯托法 254 7.5.3  比喻模仿法 259 7.5.4  管中窺豹法 261 7.5.5  擬人法 264 7.5.6  夸張法 267 7.5.7  移情法 274 7.6  幾種常見風(fēng)格的鉆展圖設(shè)計與表現(xiàn) 280 7.6.1  中式風(fēng)格 280 7.6.2  歐美風(fēng)格 283 7.6.3  手繪風(fēng)格 287 7.6.4  扁平化風(fēng)格 289 7.6.5  另類風(fēng)格 291 第8章  其他展位廣告設(shè)計實例解析 295 8.1  其他淘寶展位的廣告設(shè)計 296 8.1.1  阿里旺旺“我的焦點” 296 8.1.2  收藏夾底部小圖 299 8.1.3  淘寶官方活動與第三方活動的廣告 302 8.2  廣告設(shè)計 305 8.2.1  快車 305 8.2.2  京選展位 309 8.2.3  直投 312 8.2.4  京挑客 314 8.3  百度推廣廣告設(shè)計 316 8.3.1  B2B廣告設(shè)計的特點 316 8.3.2  網(wǎng)盟廣告設(shè)計 318 8.3.3  站外廣告設(shè)計 321 第9章  移動端電商廣告設(shè)計 325 9.1  移動端電商廣告的特點 326 9.1.1  終端環(huán)境 326 9.1.2  交互體驗 326 9.1.3  訪客心理 327 9.1.4  傳播方式 327 9.2  遵循“極簡聚焦”的表現(xiàn)原則 328 9.3  移動端訪客行為軌跡分析 331 9.4  移動端廣告的常見形式 333 9.4.1  banner廣告 333 9.4.2  啟動廣告 335 9.4.3  積分墻 337 9.4.4  插屏廣告 337 9.4.5  信息流廣告 339 9.4.6  公告 340 9.5  移動端阿里廣告設(shè)計 341 9.5.1  無線直通車廣告 341 9.5.2  一淘 342 9.6  移動端其他展位的廣告設(shè)計 343 9.6.1  移動端廣告 343 9.6.2  QQ客戶端廣告 344 9.6.3  QQ空間廣告 346 9.6.4  微信朋友圈/公眾號廣告 346 9.6.5  微信小程序 348 9.6.6  獨立手機站廣告 350 第10章  電商廣告設(shè)計師的那些事兒 353 10.1  設(shè)計稿日常處理 354 10.1.1  理解運營 354 10.1.2  尊重數(shù)據(jù) 355 10.1.3  堅持設(shè)計 355 10.1.4  提供多個方案 357 10.1.5  擺脫被動改稿 357 10.2  關(guān)于文件夾的日常管理 358 10.2.1  文件的命名與匯總 358 10.2.2  素材文件夾 361  10.2.3  用Bridge進行靈感庫管理 364 10.3  設(shè)計資源與平臺的整合與運用 366 10.3.1  素材下載平臺介紹 366 10.3.2  設(shè)計交流平臺介紹 368 10.4  教你如何更高效地完成設(shè)計 369 10.4.1  將設(shè)計模塊化 370 10.4.2  適當堅持原創(chuàng) 371