电商详情页版面设计有何讲究?爆款版面都具备这几项经典的版式原则,一起来看看吧:
⭕布局原则——突出重点
突出重点就是要让Banner的信息有主有次。视觉焦点是整个面最先吸引观者目光的地方;视觉重点则是观者在整个画面中视线停留时间最长的地方,也是版面最需要突出的位置
1⃣主体元素
主体元素泛指Banner中的主视觉,这里特指人物、产品或卡通形象,因为只有以这些元素为主的画面,才有明确的对象可突出。突出主体元素可以从色彩大小和位置3方面入手
✨主体元素色彩
通过改变主体元素的色相或色调来达到使其突出的目的。在3种对比中,色彩对比的效果最明显
✨主体元素大小
将主体元素放大,以增加其在版面上的面积占比,通过大小的明显优势来占据视觉核心
✨主体元素位置
一般在没有任何视觉引导下,版面的中心位置会比四周更突出。相比突出色彩和大小,突出位置的效果相对较弱,因此常会结合使用突出主体元素的大小的手法
2⃣文案
文案就是Banner中的文字部分,没有文案,Banner的商业价值也就无从谈起。文案常被作为视觉重点,根据信息的主次划分,标题和副标题都是常被突出的对象,具体要看哪个是传播的核心
✨文案色彩
凸显效果最明显的还是色彩对比,对比越强文案就越突出。
⭕布局原则-均衡布局
要求画面重心平稳,不要出现头重或头轻的情况,要使画面整体给人一种平稳的视觉感受。一般有两重形式:对称均衡和非对称均衡
1⃣对称均衡
指版面的元素布局是以对称的方式呈现,这是一种平衡的构图方式,易出效果也符合大众审美。又分为两种:
✨绝对对称均衡
指整个版面的上下两端或左右两侧都完全致,在视觉上给人一种舒服的平衡感
✨相对对称均衡
指整个版面的上下两端或左右两侧大体相似而略有不同,比起绝对对称均衡更加灵活,只要确保中线两侧的元素观感相等即可,在6种布局类型中多用这种均衡的方式
2⃣非对称均衡
追求观感相等及中线两侧元素的重量感受差不多即可,不用太精确,这种形式会让版式更加灵活也更有变化,限制少,发挥空间大,更能体现现代感和活力感。在6种布局类型中,多用非对称均衡的形式