第一章说说视觉营销设计

本课程主要面向美工初学者和新手卖家，通过理论指导，搭配大量的正反面案例对比分析，加深学生对互联网店铺视觉营销设计的理解和掌握，并能够在实际应用中做到学以致用、举一反三。
       本课程在实例讲解中穿插了技巧提示，将店铺视觉营销常用技巧与经验传授给大家。掌握并灵活运用这些技巧，能在店铺装修及视觉营销设计中更加得心应手，解决视觉设计难题。
       本课程重点不在于掌握设计软件和网店装修知识，而在于提升美工视觉感与营销感，学会视觉与营销的完美结合，并能将这一技能应用到互联网店铺设计中。

●1.1认识视觉营销设计

互联网作为一种思维、一种手段、一种模式已经全面融入国民经济的各个领域，商品交易，商业服务等企业商务活动的信息化，网络化，智慧化，已经是一种不可逆转的发展趋势，众所周知，凡是开展网络销售，包括移动领域，其首要工作就是商品信息的数字化，目前静态图像与动态图像，是描述商品数字化信息的主要手段，而商品数字化信息的品质直接影响网上销售商品的点击率与转化率，由此网络平台的视觉营销概念因时而生，视觉营销也成为一个比较流行的词汇。
视觉营销的根本目标就是促进商品的销售，不管是实体店范围的视觉营销，还是网店范围的视觉营销，其目的、理念、原理是一致的，但两者的技术手段、实现方法、表现形式是不一样的。随着线上线下的进一步融合，视觉营销必定走向统一，会需要大量的，既懂得线上视觉营销策划与实施，又懂得线下视觉营销策划与实施的复合型人才。

●1.2视觉营销的价值

所有买家在购物的时候都有一个同样的流程：产品进入视线--信息传递到大脑--产生购买欲望--形成购买。同一页列表中有多个商品，买家会因为种种原因过滤或者忽略一些商品，只观察个别商品，对于宝贝描述中的商品信息，买家也同样会滤掉某些内容，筛选出重点查看。

●1.3视觉营销设计的体现

商品的体现；商品图视觉营销设计的体现；店铺体现。

第二章视觉营销设计思维基础

1、色彩是极具视觉冲击力的传播工具，当距离显示屏较远时，看到的不是优美的版式或者美丽的图片，而是页面的色彩。色彩的应用在店铺视觉表现中尤为突出，店铺的整体色调如何、色彩搭配是否符合企业特色，店铺的宣传推广是否能够抓住观众的眼球，都离不开对色彩的应用。2、字体样式繁多，又有各种不同的字号，也如同气味和声音一样，含有不同的情感意义和相关性，根据设计的需要，有效的应用好字体和文字的组合能让你的设计与众不同，字体样式库的内容可分成4个主要类别：无衬线字体、衬线字体、手写体和装饰字体。3、版式设计基础知识，是我们想跳也跳不过的环节，他曾经在你的大脑里、眼睛里、审美里，潜移默化的持续影响你的设计工作和视觉呈现结果。中国有句古话“磨刀不误砍柴工”，只有把基础打牢固了，工作才能做得又快又稳。

●2.1视觉色彩

色彩是极具视觉冲击力的传播工具，当距离显示屏较远时，看到的不是优美的版式或者美丽的图片，而是页面的色彩。色彩的应用在店铺视觉表现中尤为突出，店铺的整体色调如何、色彩搭配是否符合企业特色，店铺的宣传推广是否能够抓住观众的眼球，都离不开对色彩的应用。

●2.2视觉文字

字体样式繁多，又有各种不同的字号，也如同气味和声音一样，含有不同的情感意义和相关性，根据设计的需要，有效的应用好字体和文字的组合能让你的设计与众不同，字体样式库的内容可分成4个主要类别：无衬线字体、衬线字体、手写体和装饰字体。

●2.3视觉构图

3、版式设计基础知识，是我们想跳也跳不过的环节，他曾经在你的大脑里、眼睛里、审美里，潜移默化的持续影响你的设计工作和视觉呈现结果。中国有句古话“磨刀不误砍柴工”，只有把基础打牢固了，工作才能做得又快又稳。

第三章商品图片营销设计

1、主图承载了产品款式、风格、颜色等多个产品属性信息，主图的视觉呈现直接影响着免费流量的多少，各电商平台规范要求精选、优选商品的主图基础素材，避免同质化，创作优质的宝贝主图。主图设计的专业性与视觉吸引力将直接影响网店的点击率和转化率。2、电商类的店铺装修里面一定会涉及到海报的设计，它是一种载满信息的传达媒介，使人在很短的时间内通过文字和图形的提示快速了解图形中所表现的内容和意义。一个好的海报应该体现识别、分析、解读我们传统艺术中渗透的品牌，从而展现品牌中的智慧、理念、精神以及独特的结晶。一个出色的海报一定能很快的吸引人的眼球。3、顾客从搜索页进入店铺时打开的就是宝贝详情页，宝贝详情页是购买时必须打开的页面，顾客在购买前在详情页停留翻阅，最后决定咨询下单。因此详情页是决定买家购买的关键因素，详情页的营销设计是至关重要的。

●3.1电商主图

主图承载了产品款式、风格、颜色等多个产品属性信息，主图的视觉呈现直接影响着免费流量的多少，各电商平台规范要求精选、优选商品的主图基础素材，避免同质化，创作优质的宝贝主图。主图设计的专业性与视觉吸引力将直接影响网店的点击率和转化率。

●3.2电商海报

电商类的店铺装修里面一定会涉及到海报的设计，它是一种载满信息的传达媒介，使人在很短的时间内通过文字和图形的提示快速了解图形中所表现的内容和意义。一个好的海报应该体现识别、分析、解读我们传统艺术中渗透的品牌，从而展现品牌中的智慧、理念、精神以及独特的结晶。一个出色的海报一定能很快的吸引人的眼球。

●3.3电商详情页

顾客从搜索页进入店铺时打开的就是宝贝详情页，宝贝详情页是购买时必须打开的页面，顾客在购买前在详情页停留翻阅，最后决定咨询下单。因此详情页是决定买家购买的关键因素，详情页的营销设计是至关重要的。

第四章手机店铺营销设计

无线网购增长速度是电脑几倍之多，这说明了移动时代的来临。想在手机互联网店铺上抢占更多免费流量，就需要做好手机店铺的营销设计。
我们要在手机店铺不断发展的趋势下，抓住消费者的眼球发挥视觉营销的作用，以移动端的淘宝店铺为例，了解与电脑端有着哪些不同。

●4.1手机店铺营销

手机店铺主要分为三个入口，淘宝APP、天猫APP和WAP，三个端口的浏览大小比是淘宝APP＞WAP＞天猫APP，三个端口的呈现方式会随着手机淘宝、天猫APP的版本升级而发生变化。
手机店铺的特点如下：
●可以随时随地的浏览店铺，不受时间位置的限制。
●可以短时间预览、快速阅读、快速消费，简单、快捷、方便。
●手机店铺增加了买家和卖家的粘性，线上线下的沟通互动十分方便。

●4.2首页模块营销设计

与PC端从左到右的浏览习惯不一样，手机端的屏幕较小，浏览的习惯一般都是从上往下的。如果都是双列宝贝，或者用双列图片展示宝贝，就会大大降低用户体验。利用无线装修，可以巧用各种大模块的组合，像焦点图，左文右图、多图的模块使手机淘宝首页显得更有趣味性。

●4.3手机详情页营销

很多卖家会把店铺PC端的图片直接发到手机淘宝上来，出现尺寸不合效果不好，体验不佳的问题，手机淘宝的图片看似小，其实大有玄机，对最终成交起到关键作用。

第五章H5简介以及页面的基本设计

在日常的工作中
我们总是会接触到H5
小到招聘广告
大到百万级的营销活动
都离不开H5的身影
可H5到底是什么？
可能大多数人都说不清楚
这一章节我们就来认识、了解和制作H5。

●5.1H5是什么及基本要求

随着H5技术的换代升级，已不再局限于视觉和动效这些表层的内容了，真正具有价值的是对广告本身营销性的打造，与视觉相结合的深层技巧。

●5.2H5案例教程

“一拙”是一家坐落于北京胡同的文创茶社。小店自从开业以来，就在当地获得了非常好的口碑和影响力。但一直以来，门店在线上的曝光不足，小店想借助H5更多地在网络上展现自己的品牌。关于门店的资料多达十几页，对于一支H5来说，不可能展现这么多内容。所以，在前期策划阶段要做的主要是“减法”，将门店的主要品牌优势和特色进行归纳和精简，把大段的描述概括成用简单的图文就能讲清楚的内容。

第六章视觉营销设计案例集

本案例章节通过三个优秀案例，使大家了解设计的同时，将技能得以提升，通过三个案例的学习及操练，大家会有突飞猛进的发展，学习成效也会更加明显。

●6.1一键测温实时监控主图设计案例

根据设计内容搭建场景的案例，根据大场景突出产品，锻炼了同学们的排版能力以及设计中的全局意识。

●6.2杀菌消毒守护全家健康海报设计案例

希望疫情能够快快明朗起来，本次案例设计制作消毒液，使用较为淡的颜色，使画面看起来更加干净，结合当前产品包装，设计制作海报背景。

●6.3口罩海报案例

防护口罩的案例，是进阶练习。整个案例的用色恰到好处，排版遵循了海报版式的规律。

●6.4春回大地字体海报设计

春回大地海报设计，主要针对文字设计的要点及排版，进行讲解，让同学们掌握素材与文字的完美结合。