电商详情页设计基础分享，详情页设计4大要点

电商详情页是品牌店铺提高转化率的最重要因素之一，一个好的设计可以激发用户的消费欲望，帮助用户树立对店铺产品的信任度，打消顾客的消费疑虑，促进用户下单，优化产品详情页可以提升转化率。详情页要与产品主图、产品标题相契合，产品详情页必须真实地介绍出产品的属性。

下面我们来看看各大电商平台的详情页尺寸

淘宝：宽750px，高度不限；

天猫：宽790px，高度不限；

京东：宽990px，高度不限；

一号店：宽750px，高度不限；

唯品会：宽990px，高度不限；

蘑菇街：宽720px，高度不限；

Tips：虽然高度不限，但是最好总长度和高度控制在2万px之间，单张的切片高度在1500px之间，如果这家店铺天猫和淘宝都有，我们就要先做天猫的，再把790px的图片同比例缩小到750px就可以了，还有我们PC端使用最小字体像素不能小于14px，移动端最小20px来进行设计，一定要注意图片素材和字体使用，是否有版权问题，尤其是有一定知名度的店铺，这个潜在风险是非常大的，不要使用非授权素材。

一、详情页卖点图

卖点图算是整个详情页的重中之重，很多商家感觉自己有详情页但还是转化率不高，可能就是因为卖点这块没研究明白怎么写。

什么是卖点？我们首先要想清楚消费者对什么感兴趣，是注重品质、价格、或者口碑，这些都是卖点，而你的卖点需要提炼修剪，把你的优势衬托出来，而不是随意做出一些不存在的功能、用途、性能等，如果与描述不符，消费者就不敢去下单，对后面店铺的运营也会造成影响。 通过阿里指数的大数据排列出几个常见的卖点：

1、低价引流

这算是吸引消费者最直接的办法，也是很多商家都会用的一个卖点，如打折、低价、包邮、赠品等方式。

2、款式的吸引

不是所有的人都会看到一个降价就会去买东西的，总要有人要买需要的，这时候你商品的款式就成了另一个卖点了，它会用款式、外观来引流，造型的美观、独特的产品更能在同样的产品中更吸引消费者。

3、功能材料

功能材料大家都了解，就是字面的意思，商家如果能长期的吸引客户回购，那这款产品就是非常成功的，你的功能性好，你的材料耐用，自认能保证消费者们的粘性。

4、文化卖点

我们发现现在很多国外的产品到中国后不是都有市场的，可能因为没有考虑中国或亚洲文化特色，所以要融入当地环境情感等因素。

5、品质创意图

利用创意特色来吸引消费者的方法已经越来越多了，大家都想着自己的东西比同行的有特色从而形成差异化。 除了质量外，首先会吸引到别人的就是你的创意图设计，因一张图来实现转化率已经不稀奇了。 比如：你的图片全都是用手机拍的低像素图片，而同行的包装和创意图、文案等都安排上了，你觉得两者之间消费者会选你的产品吗？

二、详情页设计要点

1、首屏创意海报

我们要了解的一点是，详情页整个页面很长，有些消费者没太多耐心全部看完，抓住这点我们就要用第一屏的创意设计来吸引消费者们，引导他们往下看下去。

2、整体页面协调

每款详情页对应一款产品和主题，主题风格跟产品不同，每种风格给人带了的感觉和气质都各不相同。比如：

高贵气质：通常都是简洁有质感，或做出种奢华、华丽等感觉。

文艺特色：这类页面所用的色彩往往都是以清新淡雅为主，给人一种柔和、宁静的感觉。

年轻时尚感：页面通常做的棱角分明，颜色亮丽，通常用亮色来点缀。

科技感：往往以深色、蓝色调为主来做，或加入一些机械零件等，或棱角矩形之类。

3、布局设计规划

左右布局：因其屏幕占比率较大，这类主要都以PC端为主，现在大部分流量都转到移动端了，现在反而不多见了，大家知道就好。

1字型布局：这种布局让人有种厚重硬性的感觉，一定要用一些质量很高的模特大图来制作，不然根本做不出效果来。

S型布局：相比于常见的平铺直叙类型，这类会让人显得有趣味性，常用在儿童用品类或女性物品。

Z字型布局：与S型作用类似，这种倒是多用在男性产品或科技类产品中。

楼层式布局：这类页面很简洁也比较好把握，通常设计节奏在背景方面由深-浅-深-浅这种布局进行，方便与我们预览阅读。

自由布局：这种设计没有太多固定模式，排版全都被分割成一小块一小块，而且页面做出来往往是看着简洁，但对设计的人来说，排版这块要求会很高。

这种设计很适合那些走高端路线的时尚服饰类，不建议新手来尝试。

三、详情页细节

1、内容装饰

装饰性内容在详情页中是起到了让内容更加丰富饱满的作用，而为了让详情页看起来更美观，很多人喜欢加入一些英文字母来点缀，我们要知道英文在这里面是一个装饰元素，切记不要做的太大或者颜色过深而喧宾夺主。

2、用色原则

因为我们详情页的长度问题，在用色上就不宜用大面积的色彩背景，如用上一些低明度色彩：灰色、黑色、白色等作为背景较好，彩色的颜色用在一些标题或卖点图上做点缀即可。

3、统一调性

做详情页一定要保证色彩、标题、布局和风格气质的统一，不然整个页面会显得杂乱不堪，让人看不下去。

四、总结

详情页的作用除了让消费者们了解产品，更重要的是能给商家带来销量的提升，一张优秀的详情页设计。

设计师首先要做的不是设计，而是思考确定整体页面的方向，一张详情页的完成有一半的时间拿去思考制作的方向，一半的时间才用于设计。

做设计时我们一定要学会先去思考，再下手做，才能慢慢增加自己对设计的理解从而更上一层。

原文出处：厚孜网络