【鹿人说】怎么做好详情页的视觉呈现！

即上次分享完店铺视觉关于人群定位和产品价值挖掘的前期工作，今天我们讲一讲如何把视觉更好的呈现

子龙：我们是不是都这样的困惑：美工不稳定，总是更换，店铺页面设计的像个大杂烩，公说公有理婆说婆有理，缺少正确的店铺调性引导，执行美工效率慢，上手难，跟不上店铺更新节奏和活动节奏。一做活动，店铺就成了红色海洋，与其他店铺区分不开。产品视觉给买家传递信息不统一，一次一个样，感觉像个地摊货。

子龙：今天主讲的视觉就是为了解决这些问题的。我们都知道VI吧，VI是一个企业的视觉规范，给买家一个正确的理念引导，那详情页该如何应用呢？

子龙：今天主要围绕:页面配色、字体运用、图形记忆这三部分讲。首先大家看一下这张图，看10秒钟

子龙：然后你能记住上面的哪些信息？首先什么颜色，是什么图形？文字记住了多少？买家进入到我们的详情页，跟看这张图是一样的。当然，我们不是要买家记住颜色，而是通过颜色传递产品的特性和性格。

子龙：比如这张图，每个人的脸部特征是没有的，其他的细节也是没有的，但是我们对这几个人都会有感受。

子龙：比如第一个我们能感受到奔放和热烈。如果我们产品是运动产品，或者有这种感受的产品，那么用这种颜色是不是会第一时间传递出产品特征来？

子龙：再看这张图，通过颜色我们能传递四季。如果产品季节性很强烈是不是能可以通过颜色传递，同样颜色也能传递味觉。

子龙：通过这几个图片的示例，我们发现，无论你是否有美术功底，对颜色都会有感知。买家也是一样的。我们就不一一举例，颜色传递的具体内容了。那么颜色放到详情页，具体落地是什么呢？

子龙：这个是做线上EVI规范的内容，在详情页也同样实用。把页面中的颜色进行梳理，你会发现颜色基本上氛围这几种形式。

子龙：比如这个页面里的颜色，我们进行区分，哪些是主色，哪些是强调色，哪些是北景色，哪些是点缀色。

子龙：是不是能看出来这些规范，通过这些颜色的规范，我们能把页面做的清爽，整体协调。不会像个霓虹灯一样，那么，这些颜色该从哪里得来呢？首页颜色的出现必然跟产品和人群有关系，前期定位好了，这个颜色就会定的很舒服。霓虹灯的感觉，是一种廉价的感受，你没有见过哪个高端酒店，用五彩的霓虹灯做招牌和装修的吧，通常都是一些小摊位做的事情，小摊位给人不信任，犹豫的感受。

子龙：下面我具体介绍几种颜色的提取方式

1.从产品本身出发

子龙：看这个详情页的颜色是不是很丰富。但是颜色多，给人感觉却很舒服，不会感觉乱糟糟的，原因就在于颜色的提取是从产品本身出发的。

子龙：2.从LOGO包装，品牌理念出发出发

子龙：看一下这个页面，使我们为公牛制作的页面。绿色的提取是从哪里来的？从产品的包装以及公牛倡导的安全性上出发得来的。

3.从联想属性和特征出发

子龙：这也是产品所要传达的信息，这三种颜色提取的方式很实用，大家可以根据适合自己店铺的方式，找到属于自己的颜色规范。

子龙：举几个反例

子龙：这个产品我们看到他宣传的是自然光更护眼但颜色传递出来的是一种冷淡的科技感。

子龙：在看这两张图，同样是护眼是不是用这个配色会更舒服更符合产品一些，理念传递更准确。这个也是给公牛做的，整体上看起来更符合家里使用的场景感，回到家中的温馨感。颜色部分我们就先讲到这里。

子龙：下面继续讲下一个关键点：字体，通过几张图我们看到了颜色能传递产品特性，字体是不是也一样的。

子龙：看一张图：

子龙：这张图是卖什么产品的呢？乍一看，很多人会觉得是卖童鞋的，实际上是卖成人户外鞋的。为什么会有这么大的反差呢？字体是一个主要原因，字体给人一种儿童的俏皮感，而不是成人的运动感。

子龙：看这张图就能明白了，字体是能传达男女老少的。产品人群不一样，使用的字体也是千差万别。

子龙：在这张图里，我们能看到字体能传递状态，你产品是中规中矩还是活泼随性，字体也能感受到。

子龙：字体也能传递声音的大小，营销的时候，你更希望是哪种感觉呢？

子龙：当你是个卖文艺范的产品，字体能让你文艺气息更浓郁

子龙：看一下这三个产品，第一个是卖运动型饮料的，运用的是黑体，给人一种力量感。第二个产品是茶饮料，选用的是宋体，给人一种中国传统品质感，第三个是年轻人饮用的饮料，运用的是手写字体，给人是活动自由的感受。

子龙：产品不同，人群不同，字体一定要慎重选择

子龙：那么字体落地到详情页，由哪几部分组成的呢？

子龙：通常我们分为这几种形式，只要规范好这几种形式的字体，把字体的字号和字形找到，页面也会更加整体和谐。

子龙：那选用字体有没有具体的方法呢？

1.从产品本身出发

产品特性是薄，那么字体选用纤细感强烈的字体，更精确的传递产品特性

2.从产品品牌理念出发

这是一家传承手工工艺的产品，文字御用的是毛笔字体，更具有中国韵味

3.从应用氛围出发

传递一种活动氛围，潮流的感受。时间快到，最后我们讲一讲辅助图形。

子龙：这张图，我们很难看出是什么内衣产品

子龙：加个翅膀呢？一眼就能看出来是维秘的内衣

子龙：那我们就得出辅助图形的作用：

1.强化识别记忆，促进二次购买

2.品牌的视觉象征

3.提升页面连贯性和统一性。

子龙：同样我们讲三种提取辅助图形的方法：

1从LOGO元素出发；

2从产品共性出发；

3从人群共性出发

子龙：看一下这张图，上面的分隔栏，是怎么出来的？是通过变形金刚的外形，演变而出的，是不是产品相辅相成。

子龙：再看公牛的页面，是不是隐隐约约能看到一个牛的形象，也是我们帮公牛提炼出来的形象辅助图形。应用到页面的各种细节里。

子龙：最后总结一下：一个店铺高转化的详情，不管是线下品牌还是普通淘宝店铺。是胜在细节里，好一点就会比别人多一份收获。在卖出产品的同时让买家记住我们的店铺品牌，让我们花钱引来的每一个流量得到最大利用，不辜负我们卖家的辛苦付出。

问答环节

鹿客：一个车内挂饰的产品的详情应该如何去做呢

子龙：我前面讲过人群需求挖掘和定位，产品的挖掘和定位，可以去路人说里翻一番

鹿客：店铺的首页和我们的详情的风格是否需要统一

子龙：必须统一，所谓的统一，不是死板硬套的去运用规范，而是规范哪些是不变的，哪些是可以变动的，让统一中有变化。详情页和主图是一样的，为了最终目的服务，一个转化一个是引流。不能为了统一而破坏这些数据。

鹿客：除了老师前面讲过的加深客户印象的图片做法，我们有没有其它的手法来体现呢

子龙：当然有，最有效的方式就是创意了，把卖点利益图片化，进行夸张。具有一定的趣味性和感情色彩。

鹿客：店铺的风格设计，除了从产品，使用范围，我们能否从其他方面去定位呢，比如搜索产品的关键词，产品的第一印象。

子龙：嗯呐，完全可以的，这个我在之前分享里有讲过的。大家可以去看一下，本次讲的内容会偏落地执行一些，确定大的风格以及逻辑框架，是前期的基本工作，没有前面的工作，后面做的再好，也只是个空壳而已

鹿客：现在千人千面的应用很广泛，我们的详情设计该如何去应对呢！

子龙：其实一个产品生产出来到售卖，人群都会有一个基数，我们抓取是购买几率高的那不人群，如果抓的人群过于广泛，反而会起反作用，转化率不会太高。然后千人千面，可以做需求归纳，比如你页面是否满足的买家的生理需求（基础功能），情感需求（产品非功能需求），社交需求（人群交流的需求）等，来匹配买家的不同需求，但是一定要有一个重心。