关于卡片设计、分割线、无框设计的思考

（2）区分不同维度内容

卡片，其实比较像一个容器，你可以把不同维度的内容放入不同的卡片中，使其在内容区分的同时，还能保持界面的统一性。

比如：淘宝采用卡片处理信息的层级。第一个卡片承载着：个人信息及偏好；第二个卡片：购买操作后的所有关键流程；第三个卡片：一些淘宝内使用率不高的功能聚合；第四个卡片，是对支付宝和理财产品的一种推广；等等。

每个卡片都是不同维度，相对独立的，但通过不同大小的卡片归纳后，比起传统列表项 + 分割线 + 标题的视觉效率要高很多，显得更有有秩序。

再比如：荔枝FM、微信读书，也是采用卡片式设计，来归纳不同维度的信息内容。

还有，微信公众号和appstore，同样是采用这种处理方式，把繁杂的信息以时间维度，归纳到不同卡片中。

（3）提升可操作性

卡片是一种拟真元素，可以被覆盖、堆叠、移动、划去，这样能更好的拓展内容块的视觉深度和可操作性。

比如：iPhone自带的“提醒事项”APP，就是采用卡片堆叠的方式，用户可按照标题快速查找目标备忘录，同时进行点击操作，打开卡片内容。

（编辑：PHP编程网 - 黄冈站长网）

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