对应楼层的VI色则是根据对应场景来确定的。冷艳低调的蓝、热情张扬的红、健康积极的绿、温馨静谧的黄以及高端大气的土豪金,VI色的应用将对应楼层区分开来,同时也对应展现了这些场景想表达的情感。
潮品质:突出品质以及潮流元素(蓝)
逛实惠:突出实惠元素(红)
享生活:突出生活的健康(绿)
精致家:突出家的温馨(黄)
智慧金融:突出商务感稳重感(土豪金)
上密下梳布局
在超过3屏后,页面已经属于靠下的位置,这也就需要更清爽的层级来表达信息以便用户能快速定位。因此我们将靠下楼层的内容的密度降低,进行留白以便用户快速定位。
这样做同时也避免首页信息量过大,缺少主次层级的问题。经过调整对比后,我们决定从热门市场楼层开始将布局改为一行3模块的布局,以减少每屏的信息量。
一行4模块密度降低为一行3模块
模块化搭建
首页需要满足机动性、可替换性,由此我们联想到了乐高。利用不同模块的“积木”,可以组合出各种各样的“造型”。首页的设计我们也融入了这种模块化的思维,做到每个模块可替换、可编辑、可自由组合。利用这种设计,不仅可以轻松的调整业务框架,也能满足大促时期的氛围营造。
模块化的搭建,较大的发挥空间
下拉刷新及二楼交互优化
优化原先的下拉刷新交互,增加下拉打开二楼的功能,我们对下拉交互的文案及高度做了优化,期望达到更好的体验。