Photoshop淘宝店面设计从入门到精通2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

Photoshop淘宝店面设计从入门到精通PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第01章Photoshop CC设计淘宝店面的4项基本常识16

1.1设计师必知的Photoshop CC软件7项新功能16

1.1.1无损缩放让大图、小图都清晰16

1.1.2消除抖动，让宝贝更靓丽17

1.1.3圆角矩形及CSS复制18

1.1.4形状和路径的应用更简单19

1.1.5智能移除，让页面宝贝更突出20

1.1.6径向滤波器，让宝贝尽显魅力20

1.1.7更智能化的切图功能21

1.2确定店面尺寸的3个重要事项22

1.2.1淘宝界面设计的两个重要概念要知晓22

1.2.2灵活改变画布的大小22

1.2.3淘宝店面设计中常用的图像尺寸23

1.3淘宝店面图像设计应知的3项常识23

1.3.1新建文件，你真的了解吗24

1.3.2了解图像的保存格式很重要24

1.3.3 Web图像优化的3个关键点25

1.4裁剪图像的3种方法25

1.4.1图像裁切的3个技巧25

1.4.2基本裁切26

1.4.3透视裁剪27

1.4.4标尺与参考线的应用27

第02章 淘宝店面设计必知的6件事情30

2.1淘宝店面设计中的4种视觉设计元素30

2.1.1点元素30

2.1.2线元素30

2.1.3面元素31

2.1.4花纹和图案31

2.2淘宝店面设计应该遵循的4种创意原则32

2.2.1给浏览者一个好的印象：界面布局要美观32

2.2.2主题明确主体突出33

2.2.3统一性34

2.2.4直观简洁34

2.3用户体验设计两个要点35

2.3.1产品图片设计需要注意的6个问题35

2.3.2产品详情页面设计的3项要点37

2.4人气店面设计的5条秘籍37

2.4.1店招，不得不说的秘密38

2.4.2横幅海报，不可替代的视觉表现区38

2.4.3导航与分类设计的要点：清晰、简单39

2.4.4提升单击量的隐形推手：正确的选用素材39

2.4.5细节展示的技巧要知道：排顺序40

2.5设计师必须知道的8种设计构图40

2.5.1中心构图40

2.5.2三角形构图41

2.5.3黄金分割构图41

2.5.4九宫格构图41

2.5.5框架式构图42

2.5.6放射式构图42

2.5.7并置式构图43

2.5.8对称式构图43

2.6淘宝店面设计中常用的3种基本构图技巧43

2.6.1对比43

2.6.2对称44

2.6.3反复44

第03章 淘宝店面中的7种主要元素46

3.1淘宝店面中的7种主要元素46

3.1.1店铺标志46

3.1.2店招46

3.1.3导航47

3.1.4公告48

3.1.5促销栏48

3.1.6宝贝展示48

3.1.7宝贝描述48

3.2淘宝店面元素设计的11个重要知识点提炼49

3.2.1修复图像49

3.2.2修补图像50

3.2.3内容感知51

3.2.4图层的原理在店面设计中的3个应用技巧52

3.2.5图层的不透明度55

3.2.6图层蒙版56

3.2.7合并图层与盖印图层57

3.2.8文字字符的栅格化57

3.2.9形状工具在网店界面设计中的4点应用技巧58

3.2.10形状图层的高级应用技巧59

3.2.11选框工具的使用60

第04章 淘宝店面设计的7大设计误区62

4.1淘宝店面设计的7大设计误区62

4.1.1杂乱62

4.1.2过多的说明文字62

4.1.3关联推荐商品太多63

4.1.4主体海报设计缺乏创意和吸引力63

4.1.5主要推荐商品没有“跳”出来64

4.1.6商品陈列的无序64

4.1.7信息传递的不明确性65

4.2设计优秀界面的入门必修课：抠图常用的4种方法66

4.2.1磁性套索抠图66

4.2.2钢笔工具抠图66

4.2.3使用通道和蒙版抠图67

4.2.4使用其他插件抠图68

4.3重要知识点索引：创建精准选区的5个重要知识点69

4.3.1创建选区一定要精准69

4.3.2基于色调差异创建选区：魔棒与快速选择工具71

4.3.3选区操作中的加减运算71

4.3.4“调整边缘”不得不提的重点技巧72

4.3.5通道与蒙版：不得不说的黑白灰72

4.4创建商品倒影的4种常用技巧74

4.4.1平面水平类商品的倒影74

4.4.2酒饮类商品的倒影74

4.4.3 45°放置的商品的倒影75

4.4.4重叠放置的商品的倒影75

第05章 淘宝店面中常见的5种装饰性元素78

5.1淘宝店面中常见的5种装饰性元素78

5.1.1书法与文化元素78

5.1.2线框78

5.1.3按钮79

5.1.4标签79

5.1.5指引标示79

5.2 5则装饰性元素的设计案例80

5.2.1书法与文化80

5.2.2线框81

5.2.3按钮82

5.2.4标签83

5.2.5指引标示83

5.3重要知识点提炼：常用形状工具的另类讲解84

5.3.1巧用形状让页面信息更有逻辑84

5.3.2巧用图形让页面信息更有说服力85

5.3.3图形与色彩“结亲”85

5.3.4图形之间的“1＋1”86

第06章 淘宝店面中“吸引眼球”的7种形式88

6.1淘宝店面中“吸引眼球”的7种形式88

6.1.1视觉层次88

6.1.2色彩的妙用88

6.1.3文字88

6.1.4标示89

6.1.5光影效果89

6.1.6边框89

6.1.7留白90

6.2增强店面视觉营销效果的4种策略90

6.2.1减少画面中需要浏览者记忆的材料数量90

6.2.2遵循基本的视觉浏览习惯91

6.2.3增加视觉刺激的维度91

6.2.4选择最直观、最直接的表现形式91

6.3 5则商品促销广告的设计92

6.3.1用色彩吸引注意力：男士手表促销广告92

6.3.2用文字吸引注意力：“双11”商城促销广告94

6.3.3用边框来聚焦注意力：户外鞋促销广告95

6.3.4用小巧的标签吸引注意力：手机打折广告97

6.3.5用色彩渐变吸引注意力：羽绒服促销广告98

6.4常用工具另类讲解：10个重要知识点100

6.4.1模糊与锐化100

6.4.2加深与减淡100

6.4.3源与目标对象101

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章 淘宝店面设计中的色彩知识110

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设计132

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章 淘宝店面中情感文字的设计152

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章店铺促销海报设计与导航设计180

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个拓展工具226

11.1设计师的网页配色利器：Color Scheme Designer226

11.2 Xara 3D：轻松制作三维立体字226

11.3 Flame_ Painter：快速制作网页中的光影227

11.4 Photoshop精密抠图插件：Ⅵertus Fluid Mask229

11.5支持矢量图浏览的软件：STThumbnails Explorer230

第12章 女鞋店铺首页设计的完全案例232

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章 商品描述页的设计254

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