超全面！可能是最详细的垂直电商首页设计总结

视觉设计2：视觉样式

同一个界面反复排布出现Banner，所以设计形式感要统一。Life采用的是图标+标题+栏目上下排版形式。这样的设计好处是每个模块很清晰，且用户可以很清晰的对应分类各种子频道。所以设计样式不是随意的选择，单纯的看视觉美学样式。而是需要有效的对产品运营的需求进行支撑。

△ Life首页楼层banner与分类页

模块6：底部导航栏

底部导航一般分为 4 到 5 个模块。以图标+文字的设计形式进行展示，电商最常见的底部导航栏设置是首页，分类，购物车，社区，我的。

商品分类

因为垂直类   电商的商品品类有限。所以很多时候用户甚至不知道可以搜什么关键词，去寻找他想要的商品。所以垂直类电商必须设计商品的分类页面，对于用户来说这是一种商品的重要检索形式。同时也让用户知道你的平台有哪些商品可以购买。氧气的商品分类有二级，所以采用的是类似B2C综合平台的品类设计形式，小图+文字形式显得非常的紧凑。这种设计的好处是在足够小的面积内，可以查看到尽可能多的信息。

△ 氧气的分类页

如果产品的分类只有一级，可以采用大图片+文字的设计形式。大图的设计信息密度低，占用更多的页面面积。例如想一屏幕只显示了 4 个分类，但好看的图片总是吸引人的眼球。

△ 去的分类页

购物车

一些垂直类电商应用，是导购的性质，类似一个中介。通过收取品牌的广告或者导购的提成生存。当用户通过某个专题，看上这个商品需要购买的时候，可以跳转天猫或者其他B2C电商完成购买，所以并没有购买支付的模块，也就没有购物车。

△ Life购买商品转跳天猫

社区

社区的核心在于解答“什么值得买”这个问题，也可能是各种专题推荐的频道集合地。社区分为 3 个部分：内容曝光单品，达人辅助决策，购买。这个属于内容电商。我准备在后面章节单独详细去讲。

我的

这个模块和B2C综合类应用设计差不多，这是一个个人后台的作用，管理自己购买商品后的一系列状态。例如查看商品物流状态，退换商品，商品评价等。

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!