电商逆袭：旺铺合理布局设计（全彩）

　　本书是一本使用Photoshop进行电商页面布局设计制作的案例教程，语言浅显易懂，配合大量精美的电商页面设计案例，讲解了有关电商页面布局设计的相关知识和使用Photoshop进行电商页面设计制作的方法和技巧。使读者在掌握电商页面设计各方面知识的同时，能够在电商页面设计制作基础上做到活学活用。本书配套的光盘中提供了本书所有案例的源文件、素材及视频教程，方便读者借鉴和使用。

　　盛意文化的主创高金山，资深UI设计师，有丰富的UI设计经验，先后从事电商设计，软件界面、网站界面和游戏界面的设计工作。曾在中国传媒大学、北京大学、北京师范大学等重点院校教授设计课程。

Chapter 01　网店设计必备知识 ?? 0011.1　了解网店设计 ?????????? 0021.1.1　什么是网店设计 ?????????????? 0021.1.2　网店设计的重要性 ???????????? 0021.1.3　网店设计前的准备工作 ???????? 0031.2　网店装修的一般流程 ???? 0041.2.1　取个好店名很重要 ???????????? 0041.2.2　确定设计风格 ???????????????? 0041.2.3　注重细节修饰 ???????????????? 0051.3　网店设计中的色彩搭配 ?? 0051.3.1　网店设计中的色彩 ???????????? 0051.3.2　色彩搭配的原理 ?????????????? 0091.4　理解电商设计文案 ?????? 0111.4.1　电商设计文案的内容 ?????????? 0111.4.2　电商设计文案策划 ???????????? 0121.4.3　如何创建优秀的产品文案 ?????? 0131.5　电商设计必须注意的问题 ?? 0141.6　如何创建成功的电商网站 ?? 0151.6.1　面向合适的用户群 ???????????? 0151.6.2　遵守常规的导航元素 ?????????? 0171.6.3　产品介绍页面是用户的关注点 ?? 0171.7　网店视觉营销 ?????????? 0181.7.1　网店视觉营销的表现 ?????????? 0181.7.2　不同类型网店的视觉营销方法 ?? 0191.8　本章小结 ?????????????? 022Chapter 02　电商网站布局元素 ?? 0232.1　店标设计 ?????????????? 0242.1.1　店标的作用 ?????????????????? 0242.1.2　店标的特性 ?????????????????? 0242.1.3　店标的设计要求 ?????????????? 0252.1.4　店标的类别 ?????????????????? 026案例分析 | 水果店铺店标设计分析 ???? 027实战案例 | 设计咖啡店标 ???????????? 028案例分析 | 药品专营店铺店标设计分析 ?? 032实战案例 | 设计啤酒店标 ???????????? 0332.2　店招设计 ?????????????? 0412.2.1　店招的设计要点 ?????????????? 0412.2.2　店招的表现类型 ?????????????? 041案例分析 | 母婴商城店招设计分析 ???? 043实战案例 | 设计店铺促销店招 ???????? 0442.3　电商网站导航设计原则 ?? 0482.3.1　符合网站内容结构 ???????????? 0482.3.2　明确网站业务目标 ???????????? 0492.3.3　遵从用户使用习惯 ???????????? 0492.3.4　避免重复的分类 ?????????????? 0502.3.5　使用合适的文案 ?????????????? 0502.3.6　清晰的视觉体验 ?????????????? 0512.3.7　为用户提供反馈 ?????????????? 0512.3.8　导航符合网站整体风格 ???????? 0522.3.9　利于搜索引擎优化 ???????????? 0522.3.10　趋于专业化的导航 ?????????? 053案例分析 | 名鞋库网站导航设计分析 ?? 054实战案例 | 设计运动品牌电商网站导航 ?? 0552.4　面包屑导航设计技巧 ???? 0622.4.1　统一关键词，避免重复 ???????? 0622.4.2　显示相关产品数量 ???????????? 0622.4.3　善于使用面包屑 ?????????????? 0632.4.4　使用具有指向性的符号 ???????? 0632.4.5　减少对用户的影响 ???????????? 0632.4.6　控制层级 ???????????????????? 0642.4.7　在面包屑中使用关键字 ???????? 064案例分析 | 屈臣氏导航和店招设计分析 ?? 065实战案例 | 设计网店导航和店招 ?????? 0662.5　商品陈列构图 ?????????? 0732.5.1　距离感 ?????????????????????? 0732.5.2　对称与等比 ?????????????????? 0742.5.3　节奏感 ?????????????????????? 0752.5.4　图片与文字的相辅相成 ???????? 077案例分析 | 随性的商品构图设计分析 ?? 079实战案例 | 设计商品菱形排列布局 ???? 0802.6　本章小结 ?????????????? 084Chapter 03　文字与广告设计 ???? 0853.1　店铺中的文字设计 ?????? 0863.1.1　文字的字体 ?????????????????? 0863.1.2　文字的字号 ?????????????????? 0873.1.3　文字的间距和行距 ???????????? 0883.1.4　文字的颜色 ?????????????????? 089案例分析 | 母亲节变形文字设计分析 ?? 090实战案例 | 设计广告变形文字 ???????? 0913.2　文字图形化处理 ???????? 0993.2.1　文字的图形化 ???????????????? 0993.2.2　文字的重叠 ?????????????????? 0993.2.3　文字的整体性 ???????????????? 1003.2.4　让文字更易读 ???????????????? 101案例分析 | 特效毛笔广告文字设计分析 ?? 102实战案例 | 设计光影特效文字 ???????? 1033.3　电商广告的作用 ???????? 1093.3.1　传达产品信息 ???????????????? 1093.3.2　增强产品艺术表现 ???????????? 1103.3.3　增加页面趣味 ???????????????? 111案例分析 | 衣品天成女装广告设计分析 ?? 112实战案例 | 设计化妆品广告 ?????????? 1133.4　电商广告排版布局技巧 ?? 1173.4.1　对齐 ???????????????????????? 1173.4.2　对比 ???????????????????????? 1203.4.3　分组 ???????????????????????? 123案例分析 | 海鲜促销广告设计分析 ???? 125实战案例 | 设计水果促销广告 ???????? 1263.5　电商广告设计原则 ?????? 1333.5.1　突出广告主题 ???????????????? 1333.5.2　明确广告目标人群 ???????????? 1353.5.3　完美的表现形式 ?????????????? 136案例分析 | 安踏运动鞋广告设计分析 ?? 142实战案例 | 设计运动鞋宣传广告 ?????? 1433.6　本章小结 ?????????????? 148Chapter 04　电商海报设计 ?????? 1494.1　电商海报的类型 ???????? 1504.1.1　产品宣传海报 ???????????????? 1504.1.2　促销宣传海报 ???????????????? 1504.1.3　活动宣传海报 ???????????????? 151案例分析 | 男装促销活动海报设计分析 ?? 152实战案例 | 设计女装活动海报 ???????? 1534.2　常见的电商海报构图方式 ?? 1594.2.1　左右构图 ???????????????????? 1594.2.2　三栏分布构图 ???????????????? 1604.2.3　叠加构图 ???????????????????? 1614.2.4　倾斜构图 ???????????????????? 161案例分析 | 太阳镜海报设计分析 ?????? 163实战案例 | 设计精油产品海报 ???????? 1644.3　电商海报的配色技巧 ???? 1724.3.1　了解色彩关系 ???????????????? 1724.3.2　掌握配色黄金比例 ???????????? 1734.3.3　邻近色搭配 ?????????????????? 1744.3.4　间隔色搭配 ?????????????????? 1764.3.5　互补色搭配 ?????????????????? 178案例分析 | 春夏季女鞋活动海报设计分析 ???????????????? 180实战案例 | 设计淘宝新年活动海报 ???? 1814.4　电商海报的设计表现形式 ?? 1864.4.1　直接展示 ???????????????????? 1864.4.2　突出特点 ???????????????????? 1864.4.3　对比衬托 ???????????????????? 1874.4.4　以小见大 ???????????????????? 1874.4.5　联想 ???????????????????????? 1874.4.6　夸张 ???????????????????????? 1884.4.7　幽默 ???????????????????????? 1884.4.8　以情托物 ???????????????????? 189案例分析 | 母亲节活动海报设计分析 ?? 190实战案例 | 设计五一促销活动海报 ???? 1914.5　本章小结 ?????????????? 198Chapter 05　电商页面构图设计 ?? 1995.1 了解电商页面的构图 ???? 2005.1.1　为什么要对电商页面进行构图 ?? 2005.1.2　电商页面构图标准 ???????????? 2005.2　页面几何切割的构图方式 ?? 2025.2.1　简单切割 ???????????????????? 2025.2.2　对称切割 ???????????????????? 2035.2.3　组合切割 ???????????????????? 2045.2.4　多重切割 ???????????????????? 205案例分析 | 化妆品网店活动页面设计分析 ???????????????? 206实战案例 | 设计运动服装网店页面 ???? 2075.3　放射与透视状的页面构图 ?? 2195.4　整体和流程的页面构图 ?? 220案例分析 | 护肤品店铺页面设计分析 ?? 221实战案例 | 设计啤酒促销页面 ???????? 2225.5　根据图像轮廓联想的方式构图 ?????????????? 228案例分析 | 赛车票务电商页面设计分析 ?? 230实战案例 | 设计古典风格网店页面 ???? 2315.6　本章小结 ?????????????? 240Chapter 06　电商页面布局设计 ?? 2416.1 电商页面首屏布局设计要点 ?????????????? 2426.1.1　确定页面首屏可视范围 ???????? 2426.1.2　展示吸引用户的信息 ?????????? 2426.1.3　明确清晰的视觉焦点 ?????????? 2436.1.4　运用图片便于理解 ???????????? 2446.1.5　首屏要强调主题 ?????????????? 2446.1.6　适当添加交互效果 ???????????? 2456.1.7　符合视觉习惯的图文混排 ?????? 245案例分析 | 时尚女包店铺页面设计分析 ?? 246实战案例 | 设计化妆品网店首页 ?????? 2476.2　商品列表页布局设计 ???? 2576.2.1　商品列表形式 ???????????????? 2576.2.2　展示有用的产品信息 ?????????? 2586.2.3　鼠标悬停时产生交互效果 ?????? 2586.2.4　出现适量的附加信息 ?????????? 2596.2.5　添加推荐商品刺激消费 ???????? 2596.2.6　减少操作步骤 ???????????????? 2606.2.7　了解顾客心理 ???????????????? 260案例分析 | 食品店铺产品列表页面设计分析 ???????????????? 261实战案例 | 设计手机促销列表页面 ???? 2626.3　商品详情页设计 ???????? 2716.3.1　提供商品展示图片的细节放大效果 ???????????????????? 2716.3.2　满足用户的比价心理 ?????????? 2726.3.3　运用商品分享功能 ???????????? 2726.3.4　良好的用户引导 ?????????????? 2736.3.5　跟随性导航 ?????????????????? 2736