电商广告设计解密

目   录     第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  电商广告设计的价值体现 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章  电商广告设计师的三大思维养成 16 2.1  访客思维 17 2.1.1  为访客“画像” 17 2.1.2  访客的浏览规律分析 18 2.1.3  访客的认知规律分析 20 2.1.4  访客的记忆规律分析 22 2.1.5  访客的行为规律分析 23 2.1.6  访客的视觉移动线分析 26 2.2  策划思维 28 2.2.1  绘制竞争环境坐标图 28 2.2.2  和竞争对手比设计稿 31 2.2.3  文案的创意表现 31 2.2.4  头脑风暴会议 33 2.3  表现思维 36 2.3.1  确定基调 36 2.3.2  构图与排版 38 2.3.3  颜色搭配 42 2.3.4  造型与摆放 43 2.3.5  背景的融合处理 45 2.3.6  细节完善 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  将选区转为路径 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章  常见广告产品的修图技巧 122 4.1  贵金属及珠宝产品修图 123 4.2  美妆类产品 140 4.3  数码类产品 156 4.4  服饰类产品 171 第5章  电商广告的配色 181 5.1  色彩的基础知识 182 5.1.1  色彩与风格的关系 182 5.1.2  认识色环 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  广告环境的分析与比较 202 6.1.3  三层漏斗转化模型分析 204 6.2  设计表现中的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  设计表现中的三点禁忌 213 6.4.1  避免使用不清晰的图片 213 6.4.2  避免背景色与产品色混淆 214 6.4.3  避免主次不分和文案过多 214 6.5  4种差异化视觉表现设计实例 215 6.5.1  颜色差异化表现 215 6.5.2  构图差异化表现 220 6.5.3  素材内容的差异化表现 223 6.5.4  创意差异化表现 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  产品展示 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  场景与元素表现设定 247 7.4.3  信息的组合形式设定 249 7.4.4  调性与颜色设定 249 7.5  几种常见钻展图的设计与表现手法 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  几种常见风格的钻展图设计与表现 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  网盟广告设计 318 8.3.3  站外广告设计 321 第9章  移动端电商广告设计 325 9.1  移动端电商广告的特点 326 9.1.1  终端环境 326 9.1.2  交互体验 326 9.1.3  访客心理 327 9.1.4  传播方式 327 9.2  遵循“极简聚焦”的表现原则 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  尊重数据 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  适当坚持原创 371