店铺运营——网上店铺视觉营销手册

第1章??网店页面布局对买家的吸引

1.1??网店栏目和页面设计策划 ??002

1.1.1??策划在制作之前的作用 ??003

1.1.2??网店栏目策划 ??003

1.1.3??网店的页面策划 ??006

1.2??网店布局的基本元素 ??010

1.2.1??店招 ??010

1.2.2??促销广告 ??010

1.2.3??宝贝分类 ??012

1.2.4??联系方式 ??012

1.2.5??店铺收藏 ??013

1.2.6??店铺二维码 ??013

1.2.7??店铺公告 ??014

1.2.8??宝贝展示 ??015

1.2.9??宝贝排行 ??015

1.2.10??详情页 ??016

1.3??版面布局设计 ??016

1.3.1??版面布局原则 ??018

1.3.2??网店页面内容的排版 ??019

1.4??为网拍商品制作统一边框 ??025

1.4.1??照片边缘色彩添加统一边框 ??025

1.4.2??细致调整图像背景边缘 ??026

1.4.3??统一边框样式 ??027

1.4.4??商品图像边框的制作 ??029

1.5??统一间距与对齐 ??030

1.6??图像制作的布局 ??031

1.6.1??图像的构图类型 ??031

1.6.2??图像合成展示 ??032

1.7??认识版式布局设计的内容 ??033

1.8??网店版式设计的基本类型 ??035

1.8.1??骨骼型 ??035

1.8.2??满版型 ??035

1.8.3??上下分割型 ??035

1.8.4??左右分割型 ??036

1.8.5??中轴型 ??036

1.8.6??曲线型 ??036

1.8.7??倾斜型 ??036

1.8.8??对称型 ??036

1.8.9??重心型 ??036

1.8.10??三角型 ??036

1.8.11??并置型 ??037

1.8.12??自由型 ??037

1.8.13??四角型 ??037

1.9??版式设计的基本流程 ??037

第2章??店铺配色与商品色彩

2.1??色彩对心理的影响 ??039

2.2??认识网店色彩 ??040

2.3??色彩理论 ??040

2.3.1??色彩与视觉原理 ??041

2.3.2??色彩分类 ??042

2.3.3??色彩三要素 ??044

2.4??色彩颜色管理 ??046

2.4.1??识别色域范围外的颜色 ??047

2.4.2??色彩模式 ??048

2.4.3??色彩模式转换 ??051

2.4.4??调整颜色建议 ??052

2.5??网页安全色 ??052

2.6??网店配色 ??053

2.6.1??自定义页面的主色与辅助色 ??053

2.6.2??网店色调与配色 ??055

2.6.3??色彩推移 ??069

2.6.4??色彩采集 ??070

2.7??色彩介绍 ??072

2.7.1??色彩对比 ??072

2.7.2??色彩调和 ??077

2.8??网店页面色彩分类 ??078

2.8.1??静态色彩与动态色彩 ??078

2.8.2??强调色彩 ??078

2.9??商品色调风格调整 ??079

2.10??图像配色技巧 ??079

第3章??图片的切割与优化

3.1??在Photoshop中创建切片 ??083

3.1.1??通过工具创建切片 ??083

3.1.2??基于参考线创建切片 ??084

3.1.3??基于图层创建切片 ??085

3.1.4??通过划分切片创建陈列区图像的切片图像 ??085

3.1.5??店铺公告图片切割 ??089

3.1.6??详情描述模板切割 ??091

3.2??切片图片的优化 ??093

3.2.1??编辑切片 ??094

3.2.2??设置优化格式 ??095

3.2.3??应用颜色表 ??096

3.2.4??图像大小 ??097

3.2.5??网店图片格式 ??097

3.3??批处理多张图片 ??098

3.3.1??动作面板 ??098

3.3.2??创建动作 ??100

3.3.3??批处理 ??101

3.3.4??通过批处理对整个文件夹中的文件应用“描边”滤镜 ??103

3.4??制作动态公告模板 ??104

第4章??网店装修中Dreamweaver的应用

4.1??Dreamweaver 软件概述 ??109

4.1.1??Dreamweaver简介 ??109

4.1.2??Dreamweaver工作界面 ??109

4.1.3??Dreamweaver的面板操作 ??111

4.2??创建表格 ??114

4.2.1??表格的制作 ??114

4.2.2??表格的基本编辑 ??115

4.3??插入店铺图像切片 ??121

4.3.1??创建图像以及表格 ??121

4.3.2??插入图像 ??127

4.3.3??插入鼠标经过图像 ??128

4.3.4??以背景方式插入图像 ??132

4.4??创建图片的热区 ??135

4.4.1??创建规则热区 ??135

4.4.2??创建不规则热区 ??137

4.5??选择设计内容的代码 ??139

第5章??图片空间素材中心的使用

5.1??进入图片空间的素材中心 ??141

5.2??编辑素材中心 ??143

5.2.1??新建文件夹管理图片 ??143

5.2.2??删除素材中心中的文件夹 ??145

5.2.3??上传优化好的图片 ??146

5.2.4??图片搬家 ??149

5.2.5??恢复删除的图片 ??150

5.2.6??全选图片 ??152

5.2.7??替换 ??152

5.2.8??编辑 ??153

5.2.9??适配手机 ??154

5.2.10??为图片添加水印 ??155

5.3??复制图片链接 ??157

5.4??将链接粘贴到Dreamweaver代码区 ??158

第6章??店铺可装修区域的应用

6.1??改变店铺名称及信息 ??160

6.2??应用或更换店标 ??162

6.3??统一店铺的配色 ??164

6.4??应用与更换店招 ??165

6.4.1??快速替换店招 ??165

6.4.2??标准通栏全屏店招制作 ??169

6.4.3??通过代码制作带导航全屏店招并添加链接 ??171

6.5??在淘宝中添加自定义页面并将链接替换到店招中 ??176

6.6??轮播图的应用 ??180

6.6.1??标准轮播图应用 ??180

6.6.2??智能全屏轮播图应用 ??184

6.6.3??代码全屏轮播图应用 ??187

6.7??自定义广告的应用 ??191

6.7.1??标准通栏广告应用 ??191

6.7.2??智能全屏宽图广告应用 ??194

6.7.3??通过代码添加全屏广告应用 ??197

6.7.4??750广告与190广告应用 ??199

6.8??为淘宝自定义内容添加鼠标经过效果 ??203

6.9??宝贝分类的使用 ??209

6.9.1??应用宝贝分类 ??209

6.9.2??应用子宝贝分类 ??212

6.9.3??应用悬浮导航 ??215

6.10??店铺公告模板的使用 ??216

6.11??店铺收藏的应用 ??221

6.11.1??获取店铺收藏的代码 ??221

6.11.2??店铺收藏的应用 ??223

6.12??客服的应用 ??225

6.12.1??为制作的图片创建切片并导出网页 ??226

6.12.2??在Dreamweaver中生成代码 ??227

6.12.3??在旺遍天下中获取代码 ??229

6.12.4??在Dreamweaver中应用代码并替换图片的代码 ??229

6.12.5??联系我们的应用 ??231

6.13??详情页广告的应用 ??234