header_v0.7.0

电商活动页设计基本要点

1年前发布

原创文章 / 多领域 / 观点
szmtsun 原创,如需商业用途或转载请与szmtsun联系,谢谢配合。

当下主流电商活动页分析及自己的经验总结要点

    第一次在站酷写文章,就先简单分享下自己参与电商设计工作3年来的一点经验总结吧,还望大家多多吐槽,我们80后在残酷的社会中已经练就非常厚的脸皮了。

    本次先简单说说电商非常核心的营销活动页里面的商品列表,有几点基本设计要点:

1、如果一个活动页里模块样式超过3种,会显得页面很乱,不够品质感。

2、注意留白!(这个无论什么设计都要提一提吧,在下面的例子中大家可以看到不留白的后果)。特别是模块与模块之间的间距要加大,商品之间间距也要适当加大,不然很有压迫感。

3、价格不要太大太突出,购买按钮不要太大(难道又是老板喊你改大再改大的么?生怕顾客不知道可以点击。。。),最好使用幽灵按钮,价格和按钮边框颜色使用官网主色调。还可以加入微小流畅的交互效果。

4、当下主流电商一般都会把页面背景色设置成活动主题色,突出活动气氛。

5、设计始终不忘商品图是视觉中心的原则!!!切记其他元素喧宾夺主。(请从下面反面例子中感受下)

6、页面宽度不要超过1024px,按照网站栅格系统排版。

7、要有引导用户点击的按钮。


    好了,总结完来看看正反面例子吧(如有冒犯哪家电商设计师请多多包涵。。。互相学习吧)

    

    正面例子:

http://www.vip.com/0228#J-sp-fmj60-wrap

·页面干净整洁,商品图突出,有点击欲望。

·抢购按钮都是幽灵按钮,鼠标移上去才变实心色块,避免太多重色扰乱页面核心商品图。

·宽度960px,商品之间留白适当,视觉效果很好。

·价格和按钮大部分都坚持用网站主色调。

a85856d469f532f875520fd75d3a.jpg


http://sale.jd.com/act/IcnwNQPBHGXC0.html?cpdad=1DLSUE

·价格和抢购按钮采用京东主色,只有大背景色和活动主题呼应。

·商品模块非常简洁,只有商品名、促销价、购买按钮。页面模板样式统一,干净整齐,重点落在商品图上。

94e556d46ac232f875520f780577.jpg

    

    反面例子:

https://pages.tmall.com/wow/act/15548/kaixue?spm=875.7789098.2015001.1.ioeqZH&acm=lb-zebra-17931-286936.1003.4.694640&scm=1003.4.lb-zebra-17931-286936.OTHER_1_694640

·文案多而乱,毫无重点,不知道要看哪些内容。。。

·抢购按钮色块太大,喧宾夺主,抢了商品图的第一视觉。所以要避免这种颜色重而多的设计问题。

·整个页面颜色太多,同一个活动页不同的类别用不同颜色,导致整体档次降低。当然,优点是,把每个商品的优惠信息突出出来了。

331156d46b8f32f875520fb6ab12.jpg


http://mall.jd.com/index-60096.html?cpdad=1DLSUE

大家看了是否很压抑,直接就关掉页面了?背景色已经采用主题色,价格文案区域还要用这么浓烈的色块,喧宾夺主,抢过最核心最主要的商品图了!显得商品黯然失色,没有点击欲望。而且商品太拥挤,留白没把握好。

fc9956d46cce6ac7252ce6ec51cf.jpg


48

    文章信息

    意见反馈
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功