如何设计有吸引力的电商详情页？

不知不觉

很多人都在说详情及页面优化，那么什么样的详情才是好详情呢？

今天分享一篇电商设计教程文章：做个有吸引力的电商产品的详情页设计。这文章涉及到构图、配色、氛围点缀、字体以及排版等多个方面，重点围绕以下四点讲述：

1、有吸引力的，高视觉冲击的「头图」

关键要点：大、破、美、脑洞、光影

2、整体风格要协调一致

关键要点：提取元素、形状、色彩搭配、气质风格

3、整体浏览体验要好

关键要点：人性化，适合阅读，顺眼

下面一起来看看这几方面的详细介绍，加深你对详情页设计的认识；

一、吸引力的「头图」
要如何才能吸引人呢？我给大家总结了一些关键词：

1）关键词：“大”， 头图得有一个占比较大的作为主体，无论是产品／模特还是文字，要一眼就能抓住别人的眼球，具有视觉冲击力；

2）关键字：“破”，如果你不想画面太过于单调或保守，可以尝试新的方式打破它，比如将规矩图形异化，或者让产品放在界限以外，或者带其他非常规的创意里面。

2）关键字：“美”

即3B原则，（beauty——美女、beast——动物、baby—— 婴儿，通称“3B”原则）能用美女或帅哥或婴儿，动物的画面尽量用，因为当用户在浏览这些页面的时候，会感觉是在欣赏美好的画面，使人身心愉悦，比单纯放产品图更能打动人（前提是你确实用的是吸引人的美女或帅哥，所以审美真的很重要啊～）

如果可能的话，尽量用品质好一点的产品图或背景素材

3）关键字：“飘”

有时在画面里添加一些飘动的元素，可以增加画面的层次感和动态感氛围，让人更有兴趣；

4）关键词：“脑洞”

这个脑洞，可以是技术方面的合成手法，也可以创意想法方面的

5）关键字：“光影”

没有光影的画面会显得干瘪瘪的，光影的存在会给画面增加更多真实感和质感，增加了产品的层次感，让人赏心悦目，档次一下就提升了；

二、整体风格要协调一致
既然详情页是为介绍产品而用的，那么我们在做设计的时候当然就可以用提取法了，比如提取产品包装上的元素或形状，提取产品的色彩或质感，提取产品的成分或功效，然后应用在详情页设计里。

1）、提取元素和形状

例如橙子的详情，可以用切片后的橙子形状，或者果粒来点缀页面。

2）、色彩搭配

例如橙子的详情，整体画面可采用橙或近似色搭配，保持产品本来完成整个页面的设计；

3）、设计风格要统一

比如你要展现的是可爱类型的，你就不能用高冷，美颜的素材；

三、整体浏览体验要好
1）人性化

详情产品图片拍摄要采用专业设备，专业单反相机拍摄，有摄影棚或外景模特更好，图片尽可能高清，别搞个模糊图片，像素低的，别人半天看不清，也懒得看；

2）适合阅读

字体大小的应用都要考虑的PC端和无线端用户的体验，图片清新度和美观性，最好能有视频或动态展示效果；

3）顺眼

看着要舒服，适合阅读顺序，符合逻辑等

以上就是一款优秀的爆款详情必须具体的设计要求，至于具体的详情页面规划及说明方面，就得根据不同产品和店铺情况来定了。一款好的详情里面必须具备营销点和卖点，也就是吸人人打动人的地方，不然一般产品转化率也高不到哪里去。

三刀不暴击

转发了