Chapter 01 不可不知——网店装修相关的基础 1
1.1 与网店装修相关 2
1.1.1 网店装修的概念 2
1.1.2 网店装修的位置 3
1.1.3 网店装修的类型 5
1.2 网店装修的色调与风格的定位 6
1.2.1 使用类似色统一风格 6
1.2.2 使用对比色构成撞色风格 7
1.2.3 多种色彩打造炫彩风格 8
1.2.4 各行业装修的色调与风格解析 9
1.3 网店装修的前期准备 10
1.3.1 商品照片的拍摄 10
1.3.2 装修素材的准备 11
1.3.3 获取网络存储空间 12
1.3.4 认识网店装修的利器Photoshop 14
1.4 网店装修中常用的文件类型 15
1.4.1 PSD格式的文件 15
1.4.2 HTML格式的文件 16
1.4.3 JPG格式的图片 17
1.4.4 PNG格式的图片 17
1.4.5 GIF格式的图片 18
1.5 网店装修中需要注意的问题 19
1.5.1 图片过多过大延长显示时间 19
1.5.2 动画过多影响阅读体验 19
1.5.3 页面设计切忌过于复杂 20
1.5.4 谨慎选择店铺的风格 20
1.5.5 风格和表现形式上的统一 20
Chapter 02 必备绝技——网店装修五大技能 21
2.1 裁图——照片裁剪角度纠正 22
2.1.1 重设图片的大小 22
2.1.2 丢掉多余图像改变构图 23
2.1.3 校正变形的商品 24
2.2 修图——构建完美细节 25
2.2.1 去除水印 25
2.2.2 局部擦除多余内容 27
2.2.3 妆面美容 28
2.2.4 人物瘦身 30
2.2.5 锐化商品使其更清晰 32
2.3 调色——校正色差美化图片 34
2.3.1 恢复图片的正常亮度 34
2.3.2 校正白平衡 还原真实色彩 36
2.3.3 改变商品色调 营造特殊氛围 37
2.4 抠图——精确选取替换背景 38
2.4.1 单色背景的快速抠取 38
2.4.2 规则对象的抠取 39
2.4.3 多边形对象的抠取 41
2.4.4 轮廓清晰图像的抠取 42
2.4.5 精细图像的抠取 43
2.4.6 复杂或半透明图像的抠取 44
2.4.7 让抠取的商品图片边缘更理想 47
2.5 文字——辅助商品信息的表现 48
2.5.1 输入信息并进行设置 48
2.5.2 打造具有创意的标题文字 49
2.5.3 段落文字的艺术化编排 50
Chapter 03 专业配置——网页制作、配色及相关软件 51
3.1 Dreamweaver——编辑网页随心所欲 52
3.1.1 利用表格标记宝贝描述信息 52
3.1.2 在网店页面中插入图像 55
3.1.3 为特定区域添加超链接 57
3.1.4 为网店装修制作代码 59
3.2 ColorSchemer Studio——玩转色彩魔方 63
3.2.1 寻找与基础色最匹配的颜色 63
3.2.2 图库浏览器中搜索配色方案 65
3.2.3 “快速预览”感受网店配色效果 66
3.2.4 获取图片中的配色 66
3.3 Adobe Kuler——增强Photoshop的色彩工作方式 67
3.3.1 浏览和创建颜色主题 67
3.3.2 获取海量配色方案 68
3.3.3 从图片创建颜色主题 68
3.3.4 直接添加颜色主题到“色板” 69
3.4 网店装修百宝箱 70
3.4.1 淘宝装修助手 70
3.4.2 淘宝图片批量处理 71
3.4.3 疯狂的美工装修助手 72
Chapter 04 网店首页——给顾客带来信心与惊喜 73
4.1 招牌——店招与导航 74
4.1.1 设计要点 74
4.1.2 灯具网店店招与导航设计 75
4.1.3 宠物商品店招与导航设计 79
4.2 动态——欢迎模块 83
4.2.1 设计要点 83
4.2.2 新品上架欢迎模块设计 84
4.2.3 母亲节欢迎模块设计 88
4.3 服务——客服与收藏区 93
4.3.1 设计要点 93
4.3.2 收藏区设计 94
4.3.3 客服区设计 98
Chapter 05 宝贝详情——精准地抓住顾客的眼球 105
5.1 形象——橱窗展示 106
5.1.1 设计要点 106
5.1.2 特效合成类的橱窗展示设计 107
5.1.3 综合类的橱窗展示设计 110
5.2 系统——宝贝分类 113
5.2.1 设计要点 113
5.2.2 炫彩风格的宝贝分类设计 114
5.2.3 单色风格的宝贝分类设计 116
5.3 推荐——宝贝搭配区域 118
5.3.1 设计要点 118
5.3.2 冷酷风格的宝贝搭配区域设计 119
5.3.3 清爽风格的宝贝搭配区域设计 123
5.4 详情——宝贝细节展示 127
5.4.1 设计要点 127
5.4.2 指示性宝贝细节展示的设计 128
5.4.3 拆分式宝贝细节展示的设计 132
Chapter 06 第一印象——网店首页整体装修 139
6.1 饰品店铺首页装修设计 140
6.1.1 制作背景确定设计风格 142
6.1.2 抠取饰品制作欢迎模块 143
6.1.3 明度较暗的二级海报 145
6.1.4 使用分类栏引导购物 147
6.1.5 推荐款区域呈现主打商品 149
6.1.6 补充内容完善首页信息表现 151
6.2 女装店铺首页装修设计 152
6.2.1 文字和图形组成简约店招和导航 154
6.2.2 图层蒙版制作溶图 155
6.2.3 简易色块组成的分类栏 156
6.2.4 制作简约风格的女装展示 157
6.2.5 利用客服区提升首页服务品质 160
6.2.6 调色和锐化整个页面 162
6.3 相机店铺首页装修设计 163
6.3.1 绘制蓝色调的店招和导航 165
6.3.2 抠取相机打造精致的欢迎模块 166
6.3.3 添加优惠券和客服 168
6.3.4 制作用线条引导视线的商品区 169
Chapter 07 单品形象——宝贝详情页面装修 171
7.1 裙装详情页面设计 172
7.1.1 设计标题栏确定页面风格 174
7.1.2 制作详尽的裙装展示页面 175
7.1.3 单色简约的侧边分类栏 178
7.1.4 清新自然的裙装橱窗照 179
7.2 女包详情页面设计 180
7.2.1 利用广告图展示女包形象 182
7.2.2 专业全面的女包详情 183
7.2.3 制作侧边分类栏 187
7.2.4 添加收藏区丰富侧边栏 188
7.2.5 专业简约的女包橱窗照 188
7.3 金饰详情页面设计 190
7.3.1 高端大气的金饰详情页面 192
7.3.2 精致的场景及佩戴展示 195
7.3.3 多组信息组成的侧边栏 198
7.3.4 典雅简约的金饰橱窗照 201
7.4 腕表详情页面设计 203
7.4.1 冷酷大气的广告图 205
7.4.2 暗色调详情页面 206
7.4.3 金属材质的侧边栏设计 210
7.4.4 简约大气的腕表橱窗照 212
附录 213