- 自如:首页是卡片投影分割,主要依靠的是视觉设计,配色和icon是他们首页的亮点。这样能够快速的吸引用户的注意力,让用户点击。而且因为首页的分类比较多,采用这种卡片投影分割,能方便用户理解。
- Keep:首页是全部关于用户的信息。为了能让用户更一眼就能看到自己关心的内容,所以用卡片式投影做分割,让页面保持简约的同时,还能保持内容的纯粹性和直观性。
四、总结
总的来说,任何表现形式都是为了更好的呈现功能和内容。但是,我们也不能盲目追随趋势,一定要了解为什么会采用这种形式。
接着,我们来看下面这张图简单的总结一下:

- 背景栏分割:其布局屏幕利用率是最高的,能在有限的屏幕上放置更多的信息。同时,通过背景的分割,将有关联的信息放在一起,还能够保持页面上下的一致性。
- 分割线分割:较适用于UGC模块。将用户发表的内容做分割,形成独立的信息,这种展现形式比较中规中矩,使用起来一般不会出错。
- 留白分割:适用于内容相对一致的、重复的页面。通过留白的间距让用户对页面有理解,视觉上简洁并且有层次。但是,屏幕的利用率会降低,同时对图片的要求统一性要求很高。目前大部分主流的App用的就是这种风格的分割。
- 卡片投影:适用于信息量比较多的页面。因为产品调性又需要比较精简一点的页面,加了投影以后,视觉效果也比较好,能快速吸引用户的注意。
参考链接:
《卡片式设计,并不能支撑所有的设计需求》
《什么是卡片式设计?》
《关于卡片设计、分割线、无框设计的思考》
《关于页面布局思考汇总:无边框设计、卡片设计及分割线设计》
《为什么你爱用的 App,都用卡片式设计?》
《用户界面,真的需要有那么多留白吗?》
本文由 @潘团子 原创发布于人人都是产品经理,未经许可,禁止转载
题图来自 Unsplash,基于 CC0 协议
,