[信息集合]卡片式&列表设计
2016-07-30 本文已影响1207人
FayeWang
如何解决信息集合的问题?
在交互设计中,信息集合的方式往往采用卡片式设计和列表设计。列表针对的集合主要是信息栏的“排列展示”,而卡片式主要解决的是单条信息的“内容较多”,以及此信息的“可操作性”。
一、列表设计
什么是列表设计?
列表设计较为简单,纵向列表以展示所有相同的信息栏,用户能够滑动快速查看信息,并不必强调可操作性。传统的列表设计主要包括简单图文加分割线,像通讯录、聊天框的简单信息展示,能够帮助用户快速浏览。现在随着信息栏内容的丰富,也有卡片式列表,如知乎、微博、Facebook等就是采用这种列表方式。
信息栏是用图文+分割线还是卡片?
这个需要根据信息栏的内容而定。当信息的内容较为复杂且要强调操作时,卡片是个好选择(如左);反之,假如内容较为简单,且无操作性时,用图文加分割线的传统列表较合适(如右)。简而言之,卡片是为了拓展信息块的视觉深度和突出可操作性。
二、卡片式设计
卡片式设计是为了将内容信息更好地展示出来,并利用信息来挑逗用户产生操作。
视觉上需要有卡片的真实感受,操作上卡片的翻转、移动、折叠、分享等操作也可以通过设计来强调。
一些有趣的操作
好的视觉体验