不知不觉 发表于 2023-3-25 16:00:13

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



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

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

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

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

2、整体风格要协调一致

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

3、整体浏览体验要好

关键要点:人性化,适合阅读,顺眼

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



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

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



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



2)关键字:“美”

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



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

3)关键字:“飘”

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



4)关键词:“脑洞”

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



5)关键字:“光影”

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

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

1)、提取元素和形状

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

2)、色彩搭配

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

3)、设计风格要统一

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



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

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

2)适合阅读

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

3)顺眼

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



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

三刀不暴击 发表于 2023-5-17 11:22:56

转发了
页: [1]
查看完整版本: 如何设计有吸引力的电商详情页?