電商廣告設計解密

目   錄     第1章  初識電商廣告設計 1 1.1  電商廣告位——設計師的前沿陣地 2 1.1.1  淘寶/天貓廣告位 2 1.1.2  廣告位 4 1.1.3  百度廣告位 6 1.1.4  騰訊廣告位 7 1.1.5  其他廣告位 9 1.2  電商廣告設計的價值體現(xiàn) 10 1.2.1  設計是廣告效果的關鍵 10 1.2.2  “一圖千金”的意義 11 1.3  做一個會“掘金”的設計師 13 1.3.1  會觀察 14 1.3.2  重策略 14 1.3.3  擅溝通 14 1.3.4  精設計 15 第2章  電商廣告設計師的三大思維養(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  和競爭對手比設計稿 31 2.2.3  文案的創(chuàng)意表現(xiàn) 31 2.2.4  頭腦風暴會議 33 2.3  表現(xiàn)思維 36 2.3.1  確定基調 36 2.3.2  構圖與排版 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  導入圖片 51 3.1.3  圖片輸出 52 3.1.4  圖像/畫布大小調整 54 3.1.5  移動/矩形選框工具的使用 56 3.1.6  前/背景色設置與顏色填充 57 3.2  圖層的操作 59 3.2.1  新建/刪除/拷貝/重命名圖層 59 3.2.2  分類顯示/鎖定/鏈接圖層 60 3.2.3  圖層蒙版的使用 60 3.2.4  剪切蒙版的使用 63 3.2.5  圖層樣式的設置 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ū)轉為路徑 99 3.4.3  文字變形 102 3.4.4  路徑描邊 105 3.5  圖片調色 108 3.5.1  色階與亮度/對比度 108 3.5.2  色彩平衡與色相/飽和度 110 3.5.3  去色與閾值 111 3.5.4  替換顏色 113 3.6  關于切圖與輸出 115 3.6.1  切片工具使用 115 3.6.2  設置輸出格式 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  色彩的基礎知識 182 5.1.1  色彩與風格的關系 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  通過情緒版“定調” 197 第6章  直通車廣告圖設計實例解析 199 6.1  設計前的分析 200 6.1.1  了解直通車廣告位 200 6.1.2  廣告環(huán)境的分析與比較 202 6.1.3  三層漏斗轉化模型分析 204 6.2  設計表現(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  設計表現(xiàn)中的三點禁忌 213 6.4.1  避免使用不清晰的圖片 213 6.4.2  避免背景色與產(chǎn)品色混淆 214 6.4.3  避免主次不分和文案過多 214 6.5  4種差異化視覺表現(xiàn)設計實例 215 6.5.1  顏色差異化表現(xiàn) 215 6.5.2  構圖差異化表現(xiàn) 220 6.5.3  素材內容的差異化表現(xiàn) 223 6.5.4  創(chuàng)意差異化表現(xiàn) 226 第7章  鉆展設計實例解析 231 7.1  鉆展圖的基本介紹 232 7.1.1  關于鉆展圖的介紹 232 7.1.2  關于首焦圖的介紹 241 7.2  首焦圖的展示形式分類 242 7.2.1  擬人化展示 242 7.2.2  模特展示 243 7.2.3  產(chǎn)品展示 243 7.2.4  文案展示 243 7.3  鉆展的版式設計與分類 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  設計前的準備工作 246 7.4.1  文案的梳理 246 7.4.2  場景與元素表現(xiàn)設定 247 7.4.3  信息的組合形式設定 249 7.4.4  調性與顏色設定 249 7.5  幾種常見鉆展圖的設計與表現(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  幾種常見風格的鉆展圖設計與表現(xiàn) 280 7.6.1  中式風格 280 7.6.2  歐美風格 283 7.6.3  手繪風格 287 7.6.4  扁平化風格 289 7.6.5  另類風格 291 第8章  其他展位廣告設計實例解析 295 8.1  其他淘寶展位的廣告設計 296 8.1.1  阿里旺旺“我的焦點” 296 8.1.2  收藏夾底部小圖 299 8.1.3  淘寶官方活動與第三方活動的廣告 302 8.2  廣告設計 305 8.2.1  快車 305 8.2.2  京選展位 309 8.2.3  直投 312 8.2.4  京挑客 314 8.3  百度推廣廣告設計 316 8.3.1  B2B廣告設計的特點 316 8.3.2  網(wǎng)盟廣告設計 318 8.3.3  站外廣告設計 321 第9章  移動端電商廣告設計 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  移動端阿里廣告設計 341 9.5.1  無線直通車廣告 341 9.5.2  一淘 342 9.6  移動端其他展位的廣告設計 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章  電商廣告設計師的那些事兒 353 10.1  設計稿日常處理 354 10.1.1  理解運營 354 10.1.2  尊重數(shù)據(jù) 355 10.1.3  堅持設計 355 10.1.4  提供多個方案 357 10.1.5  擺脫被動改稿 357 10.2  關于文件夾的日常管理 358 10.2.1  文件的命名與匯總 358 10.2.2  素材文件夾 361  10.2.3  用Bridge進行靈感庫管理 364 10.3  設計資源與平臺的整合與運用 366 10.3.1  素材下載平臺介紹 366 10.3.2  設計交流平臺介紹 368 10.4  教你如何更高效地完成設計 369 10.4.1  將設計模塊化 370 10.4.2  適當堅持原創(chuàng) 371