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

目   錄     第1章  初識(shí)電商廣告設(shè)計(jì) 1 1.1  電商廣告位——設(shè)計(jì)師的前沿陣地 2 1.1.1  淘寶/天貓廣告位 2 1.1.2  廣告位 4 1.1.3  百度廣告位 6 1.1.4  騰訊廣告位 7 1.1.5  其他廣告位 9 1.2  電商廣告設(shè)計(jì)的價(jià)值體現(xiàn) 10 1.2.1  設(shè)計(jì)是廣告效果的關(guān)鍵 10 1.2.2  “一圖千金”的意義 11 1.3  做一個(gè)會(huì)“掘金”的設(shè)計(jì)師 13 1.3.1  會(huì)觀察 14 1.3.2  重策略 14 1.3.3  擅溝通 14 1.3.4  精設(shè)計(jì) 15 第2章  電商廣告設(shè)計(jì)師的三大思維養(yǎng)成 16 2.1  訪客思維 17 2.1.1  為訪客“畫像” 17 2.1.2  訪客的瀏覽規(guī)律分析 18 2.1.3  訪客的認(rèn)知規(guī)律分析 20 2.1.4  訪客的記憶規(guī)律分析 22 2.1.5  訪客的行為規(guī)律分析 23 2.1.6  訪客的視覺移動(dòng)線分析 26 2.2  策劃思維 28 2.2.1  繪制競(jìng)爭(zhēng)環(huán)境坐標(biāo)圖 28 2.2.2  和競(jìng)爭(zhēng)對(duì)手比設(shè)計(jì)稿 31 2.2.3  文案的創(chuàng)意表現(xiàn) 31 2.2.4  頭腦風(fēng)暴會(huì)議 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  細(xì)節(jié)完善 45 第3章  Photoshop基本功速成與修煉 47 3.1  文檔操作 48 3.1.1  新建與存儲(chǔ) 49 3.1.2  導(dǎo)入圖片 51 3.1.3  圖片輸出 52 3.1.4  圖像/畫布大小調(diào)整 54 3.1.5  移動(dòng)/矩形選框工具的使用 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  布爾運(yùn)算 90 3.4.2  將選區(qū)轉(zhuǎn)為路徑 99 3.4.3  文字變形 102 3.4.4  路徑描邊 105 3.5  圖片調(diào)色 108 3.5.1  色階與亮度/對(duì)比度 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ǔ)知識(shí) 182 5.1.1  色彩與風(fēng)格的關(guān)系 182 5.1.2  認(rèn)識(shí)色環(huán) 183 5.1.3  色彩的色相、純度和明度 184 5.2  幾種常見的電商廣告配色方法 185 5.2.1  互補(bǔ)色搭配 185 5.2.2  對(duì)比色搭配 187 5.2.3  鄰近色搭配 188 5.2.4  同類色搭配 189 5.2.5  黑白色搭配 190 5.3  黃金配色比例的運(yùn)用 192 5.4  配色小技巧 195 5.4.1  一條線取色 195 5.4.2  從素材中提取配色方案 196 5.4.3  通過情緒版“定調(diào)” 197 第6章  直通車廣告圖設(shè)計(jì)實(shí)例解析 199 6.1  設(shè)計(jì)前的分析 200 6.1.1  了解直通車廣告位 200 6.1.2  廣告環(huán)境的分析與比較 202 6.1.3  三層漏斗轉(zhuǎn)化模型分析 204 6.2  設(shè)計(jì)表現(xiàn)中的5條吸引法則 206 6.2.1  讓利比價(jià)吸引法 206 6.2.2  材料功能吸引法 207 6.2.3  情感歸屬吸引法 208 6.2.4  概念款式吸引法 209 6.2.5  好評(píng)銷量吸引法 210 6.3  4種常見強(qiáng)化直通車廣告效果的手法 211 6.3.1  加框 211 6.3.2  加角 212 6.3.3  標(biāo)簽 212 6.3.4  美女 213 6.4  設(shè)計(jì)表現(xiàn)中的三點(diǎn)禁忌 213 6.4.1  避免使用不清晰的圖片 213 6.4.2  避免背景色與產(chǎn)品色混淆 214 6.4.3  避免主次不分和文案過多 214 6.5  4種差異化視覺表現(xiàn)設(shè)計(jì)實(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è)計(jì)實(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è)計(jì)與分類 244 7.3.1  兩欄 244 7.3.2  三欄 244 7.3.3  上圖下文/下圖上文 244 7.3.4  純文字 背景 245 7.3.5  疊壓 245 7.3.6  交錯(cuò) 245 7.4  設(shè)計(jì)前的準(zhǔn)備工作 246 7.4.1  文案的梳理 246 7.4.2  場(chǎng)景與元素表現(xiàn)設(shè)定 247 7.4.3  信息的組合形式設(shè)定 249 7.4.4  調(diào)性與顏色設(shè)定 249 7.5  幾種常見鉆展圖的設(shè)計(jì)與表現(xiàn)手法 251 7.5.1  簡(jiǎn)單直接法 252 7.5.2  對(duì)比襯托法 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è)計(jì)與表現(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è)計(jì)實(shí)例解析 295 8.1  其他淘寶展位的廣告設(shè)計(jì) 296 8.1.1  阿里旺旺“我的焦點(diǎn)” 296 8.1.2  收藏夾底部小圖 299 8.1.3  淘寶官方活動(dòng)與第三方活動(dòng)的廣告 302 8.2  廣告設(shè)計(jì) 305 8.2.1  快車 305 8.2.2  京選展位 309 8.2.3  直投 312 8.2.4  京挑客 314 8.3  百度推廣廣告設(shè)計(jì) 316 8.3.1  B2B廣告設(shè)計(jì)的特點(diǎn) 316 8.3.2  網(wǎng)盟廣告設(shè)計(jì) 318 8.3.3  站外廣告設(shè)計(jì) 321 第9章  移動(dòng)端電商廣告設(shè)計(jì) 325 9.1  移動(dòng)端電商廣告的特點(diǎn) 326 9.1.1  終端環(huán)境 326 9.1.2  交互體驗(yàn) 326 9.1.3  訪客心理 327 9.1.4  傳播方式 327 9.2  遵循“極簡(jiǎn)聚焦”的表現(xiàn)原則 328 9.3  移動(dòng)端訪客行為軌跡分析 331 9.4  移動(dòng)端廣告的常見形式 333 9.4.1  banner廣告 333 9.4.2  啟動(dòng)廣告 335 9.4.3  積分墻 337 9.4.4  插屏廣告 337 9.4.5  信息流廣告 339 9.4.6  公告 340 9.5  移動(dòng)端阿里廣告設(shè)計(jì) 341 9.5.1  無線直通車廣告 341 9.5.2  一淘 342 9.6  移動(dòng)端其他展位的廣告設(shè)計(jì) 343 9.6.1  移動(dòng)端廣告 343 9.6.2  QQ客戶端廣告 344 9.6.3  QQ空間廣告 346 9.6.4  微信朋友圈/公眾號(hào)廣告 346 9.6.5  微信小程序 348 9.6.6  獨(dú)立手機(jī)站廣告 350 第10章  電商廣告設(shè)計(jì)師的那些事兒 353 10.1  設(shè)計(jì)稿日常處理 354 10.1.1  理解運(yùn)營(yíng) 354 10.1.2  尊重?cái)?shù)據(jù) 355 10.1.3  堅(jiān)持設(shè)計(jì) 355 10.1.4  提供多個(gè)方案 357 10.1.5  擺脫被動(dòng)改稿 357 10.2  關(guān)于文件夾的日常管理 358 10.2.1  文件的命名與匯總 358 10.2.2  素材文件夾 361  10.2.3  用Bridge進(jìn)行靈感庫管理 364 10.3  設(shè)計(jì)資源與平臺(tái)的整合與運(yùn)用 366 10.3.1  素材下載平臺(tái)介紹 366 10.3.2  設(shè)計(jì)交流平臺(tái)介紹 368 10.4  教你如何更高效地完成設(shè)計(jì) 369 10.4.1  將設(shè)計(jì)模塊化 370 10.4.2  適當(dāng)堅(jiān)持原創(chuàng) 371