详情页在电商设计中尤为重要，之前给大家分享的一些教程都是以案例演示为主的，今天小3儿就来给大家分享一篇详细介绍怎么去做的的详情页设计教程~有不明白的地方欢迎私信哦~

电商详情页设计三板斧

01版式衔接

程咬金第一斧：劈脑袋。用斧头从上往下砍！

无论对方攻击不攻击他，程咬金因为只会这三斧子，所以越发拼命而对方往往方寸大乱。这就是第一斧占的先机！

在详情页中，一个详情页10000px的不在少数

做好版式的衔接尤为重要，从头到脚p下来吧~

柔和曲线衔接

通过曲线版式分割，非常适合偏女性母婴的产品

让用户跟随曲线引导观看，延长停留事件

既美观又具有形式感

直接切割

通过版式分割，展示产品

适合数码类、运动类、偏男性的产品

各类形状演变

多变形，圆形各类形状演变，形状统一

注意：需要有大小对比，部分区域突破固定形状，让版式活跃

左右中

最保守不犯错误的构图，左右中，左右

切记别让一个画面一直从上到下不动，视觉中心点都是一个方向

任何一个大片的电影不会停留在一个画面不动超过5秒

反面例子如下

第一斧，你学会了吗？

灵活运用与变化，妈妈再也不担心我的衔接了~

02对比突出

程咬金的第二斧：鬼剔牙

在对方横武器招架时，收斧头，献斧篡，攻击对方面部，由于速度快，对方一般都使用铁板桥躲避。

在电商设计中一定要明确目标

比如是攻击“面部”，那么就重点突出，不要想着什么都突出，最后却弄的都不突出

确定好文案的第一标题

一定得有明显的大小对比，重点突出，不重要的弱化

不可用，毫无重点

可用，主题突出（但缺少亮点，如运用海报再细化）

对比突出，增加点线面元素丰富，是不是感觉棒棒哒？

另外产品修图很重要！

产品修图前后的对比，你自己看，所以记得要修图~！

第二斧，你学会了吗？

记住对比，重点突出！产品一定要修图~

重点突出！重点突出！重点突出！

产品修图！产品修图！产品修图！

重要的事情说三遍！

03卖点可视

程咬金第三斧：掏耳朵。

在二马错蹬时，回身横扫由于对方前招为铁板桥，刚起身很难躲闪，所以这三斧子很厉害。

在电商设计中，尽量以图文形式展示产品卖点，不要让用户读字，要让用户一眼就能明白是什么意思！

体现加热

体现补水保湿

体现更易吸收（分子溶解的感觉）

简直直接表达承重

图形化表达，更易理解

记住这三斧，满足一般的详情页面足以~

版式衔接+对比突出+卖点可视

注意好这几点，还怕详情页面吗？感觉马上就要搞定客户，赢取白富美高富帅了呢~~~

扫码关注，更多小3儿资讯