杜辉：各位网商朋友，晚上好。我是今天的分享嘉宾杜辉，从事品牌视觉营销工作多年，很荣幸跟大家聊聊电商视觉设计规范的话题。我们知道在互联网上销售产品，消费者只能通过图、文、音、视频来了解产品的信息，特别是图文，当然最近视频也很火。这些图文的呈现形式、优劣好坏，直接会影响到消费者的购买决策。而一个店铺的视觉规范会在视觉呈现中起到非常重要的作用。
飞扬：是的，店铺怎么视觉规范呢？
杜辉：首先，我们要明白做视觉呈现的目的是什么？个人认为视觉的核心作用就是有效的传播信息，这个信息包括两部分：一部分是消费者想知道的信息；另一部分是店铺想让消费者知道的信息。
杜辉：然后，我们做视觉呈现规范目的是什么？这里是为了更快速、更系统、更统一的进行视觉呈现。也分两部分：第一、对我们的店铺或品牌进行视觉规范后，不管在时间还是空间上，我们都能做到统一化，同样的内容、呈现形式出现在不同的应用场景是可以加强信息或品牌传播的。第二、对我们的美工工作有约束性与参考性，按照我们的视觉规范进行设计的时候，美工会更加有方向性，也会提高工作效率，同时为设计提供参考标准。
杜辉：我们明白目的后就是如何进行视觉呈现的规范了，这里我会从几个方面跟大家来分享。
杜辉：第一、店铺的色调。这里的色调分色彩与格调。这两者是跟我们的品牌或店铺人群定位相关的，你的产品面对什么样的人群，确定你做什么样的格调。这里定位就不延伸去讲了。我们重点来看视觉呈现。
杜辉：我们来看这两个店铺 呈现出来的感觉是完成不一样的
杜辉：这个的产品目标人群基本都是对生活品质要求很高的，再直接一点都是买大房子的人，所有在色调上是比较传统的
杜辉：再看这个，首先跟他的品牌诉求是匹配的，简约，春天，呈现出来的感觉就是很清新很安静。这是从店铺跟品牌定位上来确定视觉呈现的方向，然后就是如何呈现的事了。
杜辉：首先我们的店铺要遵循我们的品牌VI（视觉识别）规范来，一般的品牌都有这一套体系的，没有的也没事，按你的LOGO来，比如下面女装这个，LOGO上的颜色是洋红，那在我们运用的时候是以他问主颜色的
杜辉：这些颜色都是LOGO里来的。这就把我们的颜色给规范了 ，既然是简约，那就得传递出简约的感觉，在这个视觉呈现中都要遵循这一点，我们来看这个店是如何来做的。
杜辉：颜色刚刚讲了，如何是文字，文字包括：字体、颜色、字号、对齐方式、组合方式、间距、行距。
杜辉：我们来看 这些文字都是非常统一的，都是细黑体，文字的大小也很统一，标题一样大，说明文字一样大，对齐方式也是一样，包括价格的呈现，也是很统一的。这些元素一旦规范后，我们以后在进行设计的时间就很方便了。
杜辉：海报也是，我们发现这些海报很统一，但是也不是完全一样，这就是根据我们的实际情况在大的规范下进行调整。比如标题、说明文字 、价格标签 ，用到的字体、大小、板式是不会变的，只是他们之间的组合有变化。比如标题、说明文字 、价格标签 ，用到的字体、大小、板式是不会变的，只是他们之间的组合有变化。
杜辉：先看主图，主图规范分几个阶段，一是产品的拍摄规范，二是主图的板式规范、三是5张主图的内容顺序规范。
杜辉：看下这个主图，首先是拍摄时就统一了，统一的灯光，摆放方式、拍摄角度。再就是设计板式的统一
杜辉：我们再看这个，首先背景、手拿包都是统一的，再就是5张主图。前1、2、3分别放的是正、侧、背面的展示，后面两张是细节或卖点。这样一规范后，所有的主图按照这个来修改就可以了，效率会大大的提高，整个店也统一了，这里强调一下，特别是手机端，后面的2-3张可以放卖点会促销信息的。
飞扬：别的行业也可以这样做吗？
杜辉：这个所有行业都是相通的，还记得我前面讲的视觉呈现的目的吗？一个的消费者想知道的，另一个是我们想让消费者知道的。前面123张就是消费者想知道的信息，后面是我们想让消费者知道的。主图的规范也有板式规范的，我们看到后面两张图片的板式是一样的，只是文字内容不一样了
杜辉：接下来跟大家讲下首页跟详情页的规范，这里最重要的是模块布局的规范
杜辉：这是一个手机端的布局规范
杜辉：我不知道你们在做装修前有没给自己的店铺做布局规划的，这个很重要的，前面两屏应该放我们最重要的产品或信息。
杜辉：这个是详情页的，当然每家店铺的模块是不一样的，得根据你自己的产品特点跟目标人群来做，详情页重要的是要有逻辑性，先说什么再说什么，自始至终让客户跟着你的思路走。这是模块的规范，然后我们看看如何做视觉上的规范 ，首页刚刚截图给大家看了，现在看看详情页的。
杜辉：我们很多朋友认为手机端只是屏幕变小了，其实远远不只是这点，想想你在手机上购买的场景跟电脑端购买的场景，是完全不一样的
杜辉：我们看看刚刚这种海报，这是详情页的海报模块，他的呈现方式是统一的，其他的产品都是按照这个来换图片文字就可以了
杜辉：再看看模块的标题也是
