淘宝店铺设计装修一册通

第1篇 网店设计装修准备
第1章 网店装修前的准备
1.1 初步了解网店装修 2
1.1.1 什么是网店装修 2
1.1.2 为什么要进行网店装修 2
1.1.3 怎样确定网店的风格 3
1.1.4 店铺装修误区需注意 4
1.2 前期准备 4
1.2.1 确定商品销售类型 5
1.2.2 搜集装修素材 6
1.3 店铺装修必须注意的问题 7
1.4 获得图片的存储空间 8
1.4.1 使用免费空间相册 9
1.4.2 使用淘宝图片空间存储图片 10
1.5 网店装修常用工具 11
1.6 淘宝新店快速装修 13
第2章 网店图片设计软件——Photoshop
2.1 Photoshop界面 16
2.1.1 Photoshop简介 16
2.1.2 界面组成 16
2.1.3 Photoshop常用工具 17
2.1.4 Photoshop图层的基本操作 21
2.1.5 设置图层样式 22
2.2 图片处理功能 23
2.2.1 图片的裁剪 23
2.2.2 图片的缩放 24
2.2.3 图片旋转 25
2.3 调整图片 26
2.3.1 调整图片大小 26
2.3.2 使用色阶命令美化图片 27
2.3.3 使用曲线命令美化图片 28
2.3.4 调整图片亮度与对比度 29
2.3.5 调整色彩平衡 30
2.3.6 调整图片色相与饱和度 31
2.4 创建文字 32
2.4.1 输入文字 32
2.4.2 设置文字属性 33
2.4.3 制作立体字 34
2.5 抠图工具的简单运用 36
2.5.1 利用魔棒工具抠图 36
2.5.2 利用快速选择工具抠图 39
2.5.3 利用磁性套索工具抠图 40
2.6 光影魔术手——简单方便的修图工具 41
2.6.1 光影魔术手功能介绍 41
2.6.2 图片的快速处理 42
2.6.3 给宝贝图片盖公章 43
2.6.4 给宝贝添加精美边框 45
2.6.5 图片批量处理 46
第3章 网页制作排版软件Dreamweaver和商品描述语言HTML
3.1 Dreamweaver 50
3.1.1 Dreamweaver简介 50
3.1.2 DreamweaverCS6工作界面 50
3.2 创建表格 50
3.2.1 插入表格 51
3.2.2 设置表格属性 52
3.3 在网店页面中插入图像 52
3.3.1 插入图像 53
3.3.2 设置图像属性 54
3.3.3 插入鼠标经过图像 55
3.4 文本的输入和编辑 57
3.4.1 输入文本 57
3.4.2 设置文本属性 57
3.4.3 输入特殊字符 59
3.5 商品描述语言——HTML 60
3.5.1 HTML基本概念 61
3.5.2 段落标记 62
3.5.3 文字标记 63
3.5.4 超链接标记 64
3.5.5 图像标记 66
3.5.6 表格标记 67
第2篇 商品拍摄
第4章 商品照片拍摄基本方法
4.1 使用普通家用相机拍摄商品 70
4.1.1 了解家用数码相机的优势 70
4.1.2 室内拍摄场景布置 73
4.1.3 不同角度光线效果变化 74
4.1.4 拍摄实例 76
4.2 在户外拍摄商品 78
4.2.1 拍摄场景布置 78
4.2.2 拍摄实例 79
4.3 在简易摄影棚中拍摄商品 82
4.4 商品拍摄技巧 82
4.4.1 真人模特拍摄经验技巧 82
4.4.2 要有足够的耐心和细心 83
4.4.3 选择合适的背景／搭配小物 84
4.4.4 多角度顺光拍摄 84
4.4.5 网上商品拍摄的要求 85
4.4.6 图片拍摄技巧 85
第3篇 店铺页面设计与配色
第5章 让买家心动的视觉体验
5.1 网店视觉导航设计 88
5.1.1 导航栏目设计 88
5.1.2 从用户体验出发做详情页导航 89
5.1.3 内页导航的要素 91
5.1.4 导航栏目设计注意要点 93
5.1.5 让按钮更容易点击 93
5.2 宝贝标题优化 94
5.2.1 宝贝标题的结构和规则 94
5.2.2 在标题中突出卖点的技巧 95
5.3 优化宝贝描述，让成交飞 96
5.4 页面中的图片应用 98
5.4.1 商品图片的重要性 98
5.4.2 商品图片的诚信原则 99
5.4.3 使用模特实拍，增加商品的直观视觉效果 100
5.4.4 打造爆款广告图片 101
第6章 热卖人气网店页面设计分析
6.1 淘宝网店页面定位问题 103
6.2 人气商品页面分析 103
6.2.1 营造良好的氛围 104
6.2.2 细节决定成败 105
6.2.3 从买家的视角设计 106
6.3 热销爆款商品页面特点 107
6.3.1 页面要生动有趣 107
6.3.2 引导顾客购买搭配商品 108
6.3.3 通过商品图片可以了解商品实际大小 109
6.3.4 商品信息介绍准确详细 110
6.3.5 购买者的评价 112
6.3.6 相关证书资质 112
6.3.7 文字清晰易读 112
6.4 网店页面优化的绝技 113
第7章 巧用配色让生意更上一层楼
7.1 色彩的原理 115
7.2 色彩搭配技巧 117
7.3 红色系的配色 119
7.3.1 红色适合的配色方案 119
7.3.2 红色系的网店 120
7.4 橙色的配色分析 121
7.4.1 橙色适合的配色方案 122
7.4.2 橙色搭配的网店 123
7.5 黄色的配色分析 124
7.5.1 黄色适合的配色方案 124
7.5.2 黄色搭配的网店 125
7.6 紫色的配色分析 126
7.6.1 紫色适合的配色方案 126
7.6.2 紫色搭配的网店 127
7.7 绿色的配色分析 128
7.7.1 绿色适合的配色方案 128
7.7.2 绿色搭配的网店 129
7.8 蓝色的配色分析 129
7.8.1 蓝色适合的配色方案 130
7.8.2 蓝色搭配的网店 131
7.9 无彩色的配色 132
7.9.1 白色搭配的网店 132
7.9.2 灰色搭配的网店 133
7.9.3 黑色搭配的网店 134
第4篇 商品图片处理
第8章 处理商品照片以吸引顾客目光
8.1 简单的照片处理 136
8.1.1 调整拍歪的照片 136
8.1.2 放大缩小图片 137
8.1.3 将照片保存为GIF格式 138
8.2 调整照片效果 139
8.2.1 调整曝光不足的照片 139
8.2.2 调整曝光过度的照片 140
8.2.3 调整模糊的照片让细节更明显 141
8.3 为照片添加水印和边框 142
8.3.1 为照片添加水印防止他人盗用 142
8.3.2 为照片加上相框提高商品档次 144
8.4 抠取图像 145
8.4.1 把照片中的商品抠出来 145
8.4.2 把抠出来的照片合成在一起 146
8.5 轻松批量处理产品图片 147
第5篇 装修有特色的店铺
第9章 设计精美的店标和店招，让你的店铺更有个性
9.1 设计店标 152
9.1.1 店标设计的原则 152
9.1.2 店标制作的基本方法 153
9.1.3 设计网店的店标 154
9.1.4 将店标发布到店铺 157
9.2 制作旺铺的个性店招 158
9.2.1 店招制作的注意事项 158
9.2.2 箱包店招设计实例 159
9.2.3 将店招应用到店铺中 162
第10章 设计店铺左侧模块
10.1 设计店铺收藏 166
10.1.1 简单店铺收藏图片制作 166
10.1.2 动态店铺收藏图片制作 168
10.1.3 店铺收藏代码的获取 173
10.1.4 店铺收藏的应用 174
10.2 设计公告模板 178
10.2.1 公告模板的设计 178
10.2.2 店铺公告的使用 180
10.3 左侧商品促销广告 183
10.3.1 广告背景图片设计 183
10.3.2 促销广告的代码制作 185
10.3.3 促销广告的应用 188
10.4 图片轮播促销广告 193
10.4.1 设计广告图片 193
10.4.2 图片轮播广告的使用 194
第11章 设计欢迎光临和宝贝分类图片
11.1 宝贝分类图片的设计说明 198
11.2 欢迎光临图片的制作 199
11.2.1 素材搜集 199
11.2.2 图片的制作 200
11.2.3 制作动画 204
11.3 宝贝分类图片的制作 207
11.3.1 素材搜集 207
11.3.2 设计宝贝分类图片 207
第12章 设计店铺右侧促销区与宝贝描述模板
12.1 巧妙制作宝贝促销区 210
12.1.1 制作宝贝促销区的注意事项 210
12.1.2 宝贝促销区的制作方法 210
12.1.3 宝贝促销区设计实例 212
12.1.4 将促销广告应用到旺铺中 217
12.2 制作宝贝描述模板 220
12.2.1 宝贝描述模板的设计要求 220
12.2.2 在Photoshop中设计宝贝描述模板 220
12.2.3 将图片切割为适合网页应用的元素 226
12.2.4 使用Dreamweaver生成网页代码 228
12.2.5 发布商品描述模板 231
附录A 常见配色方案 235
附录B CMYK、RGB、十六进制色系表 243