Photoshop 淘宝店面设计从入门到精通

不只是软件操作
除了贯穿全书的Photoshop软件应用讲解，更强调淘宝网店设计的基础知识、设计方向、重点设计技巧和思路，并提供100个常见知识点索引。
注重职业技能培训
基础知识、重点技巧应用、综合实战三大部分层层增进读者对软件功能和淘宝网店设计的操作技能的掌控力，从而提升实际工作水平，适合相关的院校专业课和培训班作为职业技能培训教材。
以设计为主线的学习模式
以设计为主线，全流程讲解淘宝网店的配色、文字和版面设计，针对性地讲解店招、促销广告、Logo、文案、海报、导航和商品详情页等的设计思路、方法与经验，并通过典型的店铺设计案例缩短读者从零起步到设计师的距离。
视频和素材辅助教学
约600分钟教学视频，详细讲解核心知识点和重点案例的设计制作过程。还收录所有案例的素材文件和效果文件，可提高读者的学习效率。（获取教学视频方式请微信扫描本书封底二维码）

本书由一线讲师和设计师倾力编写，系统地讲解了在淘宝店面设计、淘宝店面运营、视觉营销、网店界面设计工作中的一些设计技巧和应用技巧。
本书共分3部分。基础知识部分（第1～2章）主要介绍淘宝店面设计中的一些基础知识，包括淘宝界面设计之前如何从浏览者的角度思考页面的布局构成、如何洞察浏览者的需求、如何明确网站的设计焦点及Photoshop CC软件新添加的一些主要功能等；重点技巧应用部分（第3～11章）重点讲解了淘宝店面设计中的各个组成要素的制作技巧、表现技巧和应用技巧，主要包括色彩的搭配、色彩的情感心理、网店店招、网店LOGO、网店促销海报、网店视觉艺术字、商品详情页的设计技巧及Photoshop核心知识点在应用中的设计技巧；综合实战部分（第12～13章）以淘宝店面设计中常用的表现技巧和应用技巧为着陆点，重点与读者分享了女鞋店铺界面的详细思索过程和设计过程。
附赠87个约600分钟多媒体语音教学视频，详细讲解了核心知识点和主要案例的设计制作过程。还收录了所有案例的素材文件，可提高读者的学习效率。
本书适合于在校学生、广告设计爱好者阅读学习，也适合作为相关专业毕业生实训、社会培训班、相关培训机构的教材。

第01章Photoshop CC设计淘宝店面的4项基本常识
1．1 设计师必知的Photoshop CC软件7项新功能016
1．1．1 无损缩放让大图、小图都清晰016
1．1．2 消除抖动，让宝贝更靓丽017
1．1．3 圆角矩形及CSS复制018
1．1．4 形状和路径的应用更简单019
1．1．5 智能移除，让页面宝贝更突出020
1．1．6 径向滤波器，让宝贝尽显魅力020
1．1．7 更智能化的切图功能021
1．2 确定店面尺寸的3个重要事项022
1．2．1 淘宝界面设计的两个重要概念要知晓022
1．2．2 灵活改变画布的大小022
1．2．3 淘宝店面设计中常用的图像尺寸023
1．3 淘宝店面图像设计应知的3项常识023
1．3．1 新建文件，你真的了解吗024
1．3．2 了解图像的保存格式很重要024
1．3．3 Web图像优化的3个关键点025
1．4 裁剪图像的3种方法025
1．4．1 图像裁切的3个技巧025
1．4．2 基本裁切026
1．4．3 透视裁剪027
1．4．4 标尺与参考线的应用027

第02章淘宝店面设计必知的6件事情
2．1 淘宝店面设计中的4种视觉设计元素030
2．1．1 点元素030
2．1．2 线元素030
2．1．3 面元素031
2．1．4 花纹和图案031
2．2 淘宝店面设计应该遵循的4种创意原则032
2．2．1 给浏览者一个好的印象：界面布局要美观032
2．2．2 主题明确 主体突出033
2．2．3 统一性034
2．2．4 直观简洁034
2．3 用户体验设计两个要点035
2．3．1 产品图片设计需要注意的6个问题035
2．3．2 产品详情页面设计的3项要点037
2．4 人气店面设计的5条秘籍037
2．4．1 店招，不得不说的秘密038
2．4．2 横幅海报，不可替代的视觉表现区038
2．4．3 导航与分类设计的要点：清晰、简单039
2．4．4 提升单击量的隐形推手：正确的选用素材039
2．4．5 细节展示的技巧要知道：排顺序040
2．5 设计师必须知道的8 种设计构图040
2．5．1 中心构图040
2．5．2 三角形构图041
2．5．3 黄金分割构图041
2．5．4 九宫格构图041
2．5．5 框架式构图042
2．5．6 放射式构图042
2．5．7 并置式构图043
2．5．8 对称式构图043
2．6 淘宝店面设计中常用的3 种基本构图技巧043
2．6．1 对比043
2．6．2 对称044
2．6．3 反复044

第03章淘宝店面中的7种主要元素
3．1 淘宝店面中的7 种主要元素046
3．1．1 店铺标志046
3．1．2 店招046
3．1．3 导航047
3．1．4 公告048
3．1．5 促销栏048
3．1．6 宝贝展示048
3．1．7 宝贝描述048
3．2 淘宝店面元素设计的11个重要知识点提炼049
3．2．1 修复图像049
3．2．2 修补图像050
3．2．3 内容感知051
3．2．4 图层的原理在店面设计中的3个应用技巧052
3．2．5 图层的不透明度055
3．2．6 图层蒙版056
3．2．7 合并图层与盖印图层057
3．2．8 文字字符的栅格化057
3．2．9 形状工具在网店界面设计中的4点应用技巧058
3．2．10 形状图层的高级应用技巧059
3．2．11 选框工具的使用060

第04章淘宝店面设计的7大设计误区
4．1 淘宝店面设计的7大设计误区062
4．1．1 杂乱062
4．1．2 过多的说明文字062
4．1．3 关联推荐商品太多063
4．1．4 主体海报设计缺乏创意和吸引力063
4．1．5 主要推荐商品没有“跳”出来064
4．1．6 商品陈列的无序064
4．1．7 信息传递的不明确性065
4．2 设计优秀界面的入门必修课：抠图常用的4种方法066
4．2．1 磁性套索抠图066
4．2．2 钢笔工具抠图066
4．2．3 使用通道和蒙版抠图067
4．2．4 使用其他插件抠图068
4．3 重要知识点索引：创建精准选区的5个重要知识点069
4．3．1 创建选区一定要精准069
4．3．2 基于色调差异创建选区：魔棒与快速选择工具071
4．3．3 选区操作中的加减运算071
4．3．4 “调整边缘”不得不提的重点技巧072
4．3．5 通道与蒙版：不得不说的黑白灰072
4．4 创建商品倒影的4种常用技巧074
4．4．1 平面水平类商品的倒影074
4．4．2 酒饮类商品的倒影074
4．4．3 45°放置的商品的倒影075
4．4．4 重叠放置的商品的倒影075

第05章淘宝店面中常见的5种装饰性元素
5．1 淘宝店面中常见的5种装饰性元素078
5．1．1 书法与文化元素078
5．1．2 线框078
5．1．3 按钮079
5．1．4 标签079
5．1．5 指引标示079
5．2 5 则装饰性元素的设计案例080
5．2．1 书法与文化080
5．2．2 线框081
5．2．3 按钮082
5．2．4 标签083
5．2．5 指引标示083
5．3 重要知识点提炼：常用形状工具的另类讲解084
5．3．1 巧用形状让页面信息更有逻辑084
5．3．2 巧用图形让页面信息更有说服力085
5．3．3 图形与色彩“结亲”085
5．3．4 图形之间的“1+1”086

第06章淘宝店面中“吸引眼球”的7种形式
6．1 淘宝店面中“吸引眼球”的7种形式088
6．1．1 视觉层次088
6．1．2 色彩的妙用088
6．1．3 文字088
6．1．4 标示089
6．1．5 光影效果089
6．1．6 边框089
6．1．7 留白090
6．2 增强店面视觉营销效果的4种策略090
6．2．1 减少画面中需要浏览者记忆的材料数量090
6．2．2 遵循基本的视觉浏览习惯091
6．2．3 增加视觉刺激的维度091
6．2．4 选择最直观、最直接的表现形式091
6．3 5 则商品促销广告的设计092
6．3．1 用色彩吸引注意力：男士手表促销广告092
6．3．2 用文字吸引注意力：“双11”商城促销广告094
6．3．3 用边框来聚焦注意力：户外鞋促销广告095
6．3．4 用小巧的标签吸引注意力：手机打折广告097
6．3．5 用色彩渐变吸引注意力：羽绒服促销广告098
6．4 常用工具另类讲解：10个重要知识点100
6．4．1 模糊与锐化100
6．4．2 加深与减淡101
6．4．3 源与目标对象100
6．4．4 图像的智能修复101
6．4．5 纹理与图案102
6．4．6 复制与粘贴103
6．4．7 选区变换与对象变化的区别105
6．4．8 遮盖与擦除有差异吗105
6．4．9 版面规划的两个重要工具106
6．4．10 页面元素的管理：图层分组107

第07章淘宝店面设计中的色彩知识
7．1 色彩在店面设计中的3个作用110
7．1．1 渲染店面的特定氛围110
7．1．2 字体与色彩相互配合110
7．1．3 引导主次关系110
7．2 常见的5类行业配色方案112
7．2．1 休闲款女装店112
7．2．2 美容化妆品店112
7．2．3 家居电器店112
7．2．4 男性商品店113
7．2．5 童装店113
7．3 店面设计的3种配色秘籍113
7．3．1 “偷学”皇冠店铺的配色技巧113
7．3．2 “偷学”产品的标志用色114
7．3．3 储备2个常用的配色网站115
7．4 色彩调和的4种常用方法115
7．4．1 同种色调和115
7．4．2 邻近色调和116
7．4．3 对比色调和116
7．4．4 渐变色调和116
7．5 重要知识点提炼：Photoshop CC色彩的7种应用技巧117
7．5．1 巧妙设置色彩的明度117
7．5．2 巧妙设置色彩的饱和度的两种方法117
7．5．3 高效调整色彩的方法118
7．5．4 掌握渐变填充的技巧119
7．5．5 快速确定配色方案的利器：Kuler工具120
7．6 店招设计的5则案例121
7．6．1 店招设计的5个注意事项121
7．6．2 借用“点”的魅力设计男鞋店铺的店招121
7．6．3 凸显店铺主题的女鞋店招设计122
7．6．4 色彩与活动主题呼应的卫浴店铺的店招设计124
7．6．5 突出促销功能的包包店铺的店招设计125
7．6．6 高品质品牌男装店铺的店招设计127

第08章淘宝店面的LOGO设计
8．1 认识网店LOGO：视觉营销的核心点132
8．1．1 网店LOGO承担的两个主要作用132
8．1．2 网店LOGO的3种常见类型133
8．1．3 网店LOGO设计常见的3种误区134
8．2 LOGO设计常用的6种方法135
8．2．1 将笔画转换为曲线135
8．2．2 字与形共存136
8．2．3 直接使用店铺的名称136
8．2．4 借用七巧板136
8．2．5 修减136
8．2．6 巧用字母和数字137
8．3 LOGO设计的5个步骤137
8．3．1 店铺的经营思路不同，设计效果有区别137
8．3．2 提炼网店LOGO的创意很重要138
8．3．3 草稿的绘制与改进138
8．3．4 色彩的应用139
8．3．5 正稿的设计139
8．4 网店LOGO设计案例5则139
8．4．1 简单图形的妙用：餐饮（休闲食品）店铺LOGO设计139
8．4．2 首写字母的魅力：男士领带店铺LOGO设计140
8．4．3 文字的局部变形：母婴用品店LOGO设计142
8．4．4 删减与统一：皮具用品店LOGO设计144
8．4．5 蒙版的奥妙：女式服饰店动态LOGO的设计145
8．5 网店LOGO设计的5个重要知识点提炼147
8．5．1 翻转147
8．5．2 旋转148
8．5．3 复制与缩放148
8．5．4 斜切与扭曲149
8．5．5 透视149

第09章淘宝店面中情感文字的设计
9．1 淘宝店面中文字设计的4条基本原则152
9．1．1 页面文字的易读是必须的152
9．1．2 文字编排的美感很关键152
9．1．3 文字设计的鲜明风格很重要153
9．1．4 文字设计要有一定的创造性153
9．2 淘宝店面中的3种文字类型154
9．2．1 分类导航文字154
9．2．2 标题文字154
9．2．3 促销文字155
9．3 文案设计的4种重要技巧156
9．3．1 深度关注商品的特征156
9．3．2 整合优点156
9．3．3 利益，吸引客户的法宝156
9．3．4 信任，成单的通行证157
9．3．5 营销文案，我们应该这样写157
9．4 5 种情感文字的设计案例157
9．4．1 提升视觉冲击力：背景图案的衬托157
9．4．2 光影的运用：质感的标题艺术字160
9．4．3 氛围清晰的促销字163
9．4．4 运用构图原理制作促销文案166
9．4．5 运用图层原理快速设计促销立体字168
9．5 文字、文案设计的6个重要知识点提炼169
9．5．1 你真的会用“字符”吗169
9．5．2 你真的会用“段落”吗172
9．5．3 风格化滤镜组174
9．5．4 渲染滤镜组175
9．5．5 图层蒙版176
9．5．6 剪贴蒙版177

第10章店铺促销海报设计与导航设计
10．1 首先需要明白促销海报设计的内容是什么180
10．2 促销海报经常使用的5个版式181
10．3 设计促销海报必须知道的7个细节182
10．3．1 设计的主体必须要突出182
10．3．2 信息的编排层次要清晰183
10．3．3 目标消费对象的视觉审美特点要知晓183
10．3．4 标签和按钮不可少183
10．3．5 掌握色彩搭配的“631”很重要184
10．3．6 更有吸引力产品需要怎样调整色彩和色调184
10．3．7 如何设计恰当的背景更有影响力185
10．4 促销海报设计6则实例185
10．4．1 光影营造氛围：一则家用电器的海报设计185
10．4．2 整合素材的技巧：一则沐浴露产品的海报设计188
10．4．3 凸显产品的质感：一款男士皮鞋海报设计191
10．4．4 借用背景色与产品色： 化妆品海报设计193
10．4．5 为产品注入个性：皮草促销海报设计196
10．4．6 借用光影提升产品质感：男士皮带海报设计199
10．5 重要知识点提炼：关于海报设计的9个重要知识点索引201
10．5．1 外部图像的置入201
10．5．2 网店图像色彩的明度解析202
10．5．3 曲线的奥妙：图像色彩3属性的调节203
10．5．4 还原宝贝的真实色彩：色彩平衡204
10．5．5 调节网页图像色调和通透度的技巧206
10．5．6 锐化：宝贝图像输出不可或缺的细节208
10．5．7 快速提取图像的白场和黑场209
10．5．8 透视变形：图像的透视校正210
10．5．9 镜头模糊滤镜：让商品的主体更突出210
10．6 掌握宝贝色调调整的5种技巧212
10．6．1 让“宝贝”的色调更通透：电饭锅调色212
10．6．2 让美味更有味：食品调色213
10．6．3 还原商品的原貌：皮包（箱）色彩调整215
10．6．4 色彩的多变：校正服饰的颜色216
10．6．5 饰品调色：色彩叠加的技巧218
10．7 导航的设计220
10．7．1 导航设计要注意4个基本要求220
10．7．2 必须知道淘宝店面的4种导航要素221
10．7．3 从浏览者角度设计导航，我们必须注意两点222
10．7．4 导航设计需要掌握的4点技巧222

第11章淘宝店面设计常用的5个拓展工具
11．1 设计师的网页配色利器：Color Scheme Designer226
11．2 Xara 3D：轻松制作三维立体字226
11．3 Flame_Painter：快速制作网页中的光影227
11．4 Photoshop 精密抠图插件：Vertus Fluid Mask229
11．5 支持矢量图浏览的软件：ST Thumbnails Explorer230

第12章女鞋店铺首页设计的完全案例
12．1 创造浏览者的第1眼印象232
12．1．1 设计“情调”，提升购物的欲望232
12．1．2 导航设计，给出消费的原因233
12．1．3 作为设计师，应该知晓3种常见的店铺布局234
12．1．4 首屏设计的5种类型很重要235
12．2 恰当地分割页面的5个区域237
12．2．1 顶部形象区237
12．2．2 首屏吸引区238
12．2．3 营造氛围的促销区238
12．2．4 建立情感的交互区240
12．2．5 不可忽略的页脚区240
12．3 素材图像管理的3个技巧240
12．3．1 制定素材图像设计的标准241
12．3．2 素材的管理241
12．3．3 边框的添加242
12．4 女鞋店面设计案例242
12．4．1 店铺的店招设计243
12．4．2 店铺的导航设计244
12．4．3 主体促销海报设计244
12．4．4 热卖专区设计246
12．4．5 特色产品区的设计248
12．4．6 短鞋区的设计251
12．4．7 别致蕾丝&长鞋区的设计251
12．4．8 店铺的页脚设计251

第13章商品描述页的设计
13．1 详情页设计的5个W254
13．1．1 产品是什么254
13．1．2 好在哪里254
13．1．3 为什么要买255
13．1．4 “我”为什么要在这里买255
13．1．5 为什么现在就要买255
13．2 详情页设计的3个关键点255
13．2．1 浏览者关注的部位一定要注意255
13．2．2 用对比展现产品的品质256
13．2．3 产品细节与主要原料相关联256
13．3 商品描述页需要关注的4个编排要点256
13．3．1 版面的层次设计256
13．3．2 文案排版的条理性258
13．3．3 重点词汇的突出性258
13．3．4 色彩选择的连贯性258
13．4 设计过程258
13．4．1 商品的基本信息区域设计259
13．4．2 卖点解析261
13．4．3 产品主要卖点展示263
13．4．4 设计手稿264
13．4．5 产品展示部分的设计265
13．4．6 模特穿试266
13．4．7 产品参数及细节展示267
13．4．8 尺码设计267
13．4．9 关联商品区域的设计268