[信息集合]卡片式&列表设计

如何解决信息集合的问题?

在交互设计中,信息集合的方式往往采用卡片式设计和列表设计。列表针对的集合主要是信息栏的“排列展示”,而卡片式主要解决的是单条信息的“内容较多”,以及此信息的“可操作性”。

一、列表设计

什么是列表设计?

列表设计较为简单,纵向列表以展示所有相同的信息栏,用户能够滑动快速查看信息,并不必强调可操作性。传统的列表设计主要包括简单图文加分割线,像通讯录、聊天框的简单信息展示,能够帮助用户快速浏览。现在随着信息栏内容的丰富,也有卡片式列表,如知乎、微博、Facebook等就是采用这种列表方式。

信息栏是用图文+分割线还是卡片?

这个需要根据信息栏的内容而定。当信息的内容较为复杂且要强调操作时,卡片是个好选择(如左);反之,假如内容较为简单,且无操作性时,用图文加分割线的传统列表较合适(如右)。简而言之,卡片是为了拓展信息块的视觉深度和突出可操作性。

二、卡片式设计

卡片式设计是为了将内容信息更好地展示出来,并利用信息来挑逗用户产生操作。

视觉上需要有卡片的真实感受,操作上卡片的翻转、移动、折叠、分享等操作也可以通过设计来强调。

一些有趣的操作

好的视觉体验

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,218评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,806评论 4 61
  • 东流水,西升月,一行帆影,几点愁云,都来将风借。 煮一壶白水,落几片苦叶,风来火起,风走茶凉,但留...
    一线之索阅读 1,589评论 0 0
  • 发呆的时候,整个人都处于放空的状态,灵魂似乎脱离了身体,游跃到蓝天白云间满足喟叹。这个时候,你不理睬这个世界,这个...
    渡辞阅读 1,864评论 1 3
  • 这本书原本是教美国的大学生如何写作的。但其实教了很多 critical thinking 的东西,写得很赞,就是略...
    TaraChen阅读 6,321评论 0 5

友情链接更多精彩内容