网店视觉营销：配色方案+图片优化+页面设计+视频制作一册通

第1章 视觉营销：所有营销的开始 

1.1 认识让转化率惊人的视觉营销 /2 

1.1.1 视觉营销，一种可视化的视觉体验 /2 

1.1.2 网店玩视觉营销的3大原则 /4 

1.1.3 视觉营销的4个关键点 /6 

1.1.4 3个数据指标决定视觉营销成败 /8 

1.1.5 网店视觉设计有哪些法则 /10 

1.2 视觉营销的课前准备 /14 

1.2.1 寻找海量可用素材 /14 

1.2.2 轻松安全存储素材 /16 

1.2.3 规划网店装修风格 /18 

1.2.4 认识网店页面布局 /20 

1.3 手把手带你体验视觉营销 /22 

1.3.1 网店美观设计，你了解多少 /22 

1.3.2 如何拍出高质量的产品图 /23 

第2章 配色和文字：网店设计的开端 

2.1 让网店视觉出彩的配色 /26 

2.1.1 了解配色的基本原则 /26 

2.1.2 色彩搭配的基本常识 /28 

2.1.3 营造对比效果的对比配色 /30 

2.1.4 用单色调营造简洁感 /31 

2.1.5 让色彩调和的配色方案 /32 

2.2 全面掌握网店配色技巧 /32 

2.2.1 寻找最合适的配色方案 /33 

2.2.2 确定网店配色主色调 /35 

2.2.3 庆典宣传活动首选色系 /36 

2.2.4 巧用产品自身配色 /37 

2.2.5 服装网店的理想配色 /38 

2.2.6 珠宝首饰店的主打色系 /40 

2.3 文字设计，新手变高手 /41 

2.3.1 网店美工常用设计字体 /41 

2.3.2 如何正确地选择字体 /43 

2.3.3 几种创意字体设计 /44 

2.3.4 在线生成好看的中西文字体 /46 

2.4 文字布局 /48 

2.4.1 文字排列有奥秘 /49 

2.4.2 文字与图形的合理搭配 /51 

2.4.3 文字排版如何营造韵律 /53 

第3章 Photoshop：图片优化利器 

3.1 零基础自助处理产品图片 /56 

3.1.1 全解提高图片质量的方法 /56 

3.1.2 随心所欲裁剪图片 /57 

3.1.3 调色，你不知道的诀窍 /59 

3.2 柔性制品：让你的产品更柔软 /61 

3.2.1 分析柔软材质产品特性 /61 

3.2.2 柔软材质修这几点就够了 /63 

3.2.3 柔软制品如何打造 /64 

3.2.4 柔软材质修图案例解析 /66 

3.3 金属制品：让你的产品更闪亮 /69 

3.3.1 分析金属材质产品特性 /69 

3.3.2 金属制品修这里 /70 

3.3.3 金属制品修图案例解析 /71 

3.4 玻璃制品：让你的产品更通透 /75 

3.4.1 分析玻璃材质产品特性 /75 

3.4.2 玻璃制品修图修哪里 /76 

3.4.3 玻璃制品修图案例解析 /78 

3.5 塑料制品：让你的产品更有质感 /83 

3.5.1 分析塑料制品特性 /83 

3.5.2 塑料制品修图关键点 /84 

3.5.3 塑料制品修图案例解析 /85 

3.6 产品加分必修课 /92 

3.6.1 给产品加个炫酷背景 /92 

3.6.2 给产品加点装饰元素 /93 

3.6.3 给产品添加文字 /95 

第4章 视频制作：多感官体验产品 

4.1 视频拍摄和图片拍摄一样简单 /100 

4.1.1 如何拍摄和制作产品视频 /100 

4.1.2 视频构图全知道 /103 

4.1.3 拍摄角度的秘密 /104 

4.2 视频制作软件总有一款适合你 /106 

4.2.1 美拍，玩出产品视频 /106 

4.2.2 会声会影，玩转视频编辑 /108 

4.2.3 爱剪辑，视频剪辑不费劲 /110 

4.2.4 其他常用的视频制作软件 /111 

4.3 手把手教你快速上传视频 /112 

4.3.1 宝贝主图视频上传 /112 

4.3.2 详情页视频上传 /115 

第5章 店铺首页：网店的精神集中地 

5.1 设计店招和导航条，就是这么简单 /118 

5.1.1 10分钟设计店铺专属LOGO /118 

5.1.2 店招与导航条的设计标准 /120 

5.1.3 店招设计的注意事项 /122 

5.1.4 简单搞定导航条 /124 

5.1.5 店铺导航条在线生成 /125 

5.2 店铺Banner和海报新手指南 /126 

5.2.1 Banner平面构成的奥秘 /127 

5.2.2 网店Banner设计手法 /128 

5.2.3 促销海报的排版样式 /131 

5.2.4 品牌型海报的排版样式 /133 

5.3 轻松掌握首页产品陈列 /134 

5.3.1 首页产品展示技巧大公开 /134 

5.3.2 如何让你的主推更醒目 /136 

5.3.3 把握陈列数量让店铺更整洁 /139 

5.3.4 留出清晰的陈列界限更专业 /141 

第6章 店铺详情页：提高网店转化率的入口 

6.1 产品主图的设计秘密 /146 

6.1.1 主图背景类型全解 /146 

6.1.2 突出主图卖点的3种方式 /148 

6.1.3 放大主图卖点的创意 /151 

6.2 打造热卖产品搭配 /154 

6.2.1 产品搭配的4种表现方式 /154 

6.2.2 解析产品搭配技巧 /156 

6.3 大师级的产品细节表现 /158 

6.3.1 产品细节的3种表现方式 /158 

6.3.2 解析产品细节表现技巧 /160 

6.3.3 产品细节表现的禁忌有哪些 /162 

6.4 身临其境的产品功能展示 /166 

6.4.1 精准地表达产品功能 /167 

6.4.2 产品功能的表达形式 /169 

6.5 详情页优化小技巧 /171 

6.5.1 更显体贴的温馨提示 /172 

6.5.2 更显方便的尺寸对照 /173 

6.5.3 更显权威的品牌简介 /174 

6.5.4 更显诚信的售后承诺 /175 

第7章 付费推广：五星网店的视觉营销秘诀 

7.1 详解直通车推广图，让你的图点击翻倍 /178 

7.1.1 单个产品如何创意推广 /178 

7.1.2 如何进行店铺整体推广 /181 

7.1.3 如何参与活动推广 /183 

7.2 钻展广告图里隐藏的秘密 /185 

7.2.1 钻展广告的特点和优势 /185 

7.2.2 钻展广告的展示位置 /187 

7.2.3 值回票价的钻展广告 /188 

7.2.4 主题明确的钻展广告 /190 

7.3 提升转化率的诀窍 /192 

7.3.1 钻展推广落地页的选择 /192 

7.3.2 首页提升转化率的小技巧 /194 

7.3.3 详情页提升转化率的小技巧 /197 

第8章 网店案例：不同类型网店视觉营销全体验 

8.1 女装店视觉营销 /202 

8.1.1 时尚的首页风格设计 /202 

8.1.2 个性化的详情页展示 /204 

8.1.3 简约风格的产品陈列 /205 

8.1.4 画面唯美的宽屏海报 /206 

8.2 家居店视觉营销 /207 

8.2.1 温馨的首页风格设计 /208 

8.2.2 清爽的详情页展示 /210 

8.2.3 凸显整体和细节的产品陈列 /211 

8.2.4 构图讲究的宽屏海报 /212 

8.3 家用电器店视觉营销 /214 

8.3.1 高端的首页风格设计 /215 

8.3.2 大气的详情页展示 /216 

8.3.3 简单明了的产品陈列 /219 

8.3.4 有科技感的宽屏海报 /221 

8.4 鞋靴店视觉营销 /222 

8.4.1 雅致的首页风格设计 /222 

8.4.2 专业的详情页展示 /225 

8.4.3 统一化的产品陈列 /226 

8.4.4 色彩鲜艳的宽屏海报 /227 

第9章 网店手机端：你的另一个店铺 

9.1 网店手机端构架的探索之路 /230 

9.1.1 了解你的手机店铺 /230 

9.1.2 手机网店首页的排列方式 /232 

9.1.3 你要了解的手机详情页规范 /234 

9.2 网店手机端制作步骤详解 /236 

9.2.1 小首页，大流量 /236 

9.2.2 用自定义模块设计“分类标签” /238 

9.2.3 3种方式制作手机详情页 /240 

9.3 网店手机端的设计捷径 /243 

9.3.1 使用模板快速装修手机网店 /243 

9.3.2 用神笔模板打造手机详情页 /244 

第10章 高手过招：视觉营销的提升与进阶 

10.1 Dreamweaver带你走进代码新世界 /248 

10.1.1 切片生成代码操作讲解 /248 

10.1.2 热点链接的使用方法 /252 

10.1.3 动态效果图片变换的制作 /254 

10.1.4 水平滚动图片效果的制作 /256 

10.1.5 轻松获取常见代码步骤一览 /258 

10.2 视觉营销涨知识 /260 

10.2.1 打造营销型网店的秘诀 /260 

10.2.2 测评视觉营销的效果 /261 

10.2.3 好品牌，要有读心的文案 /264