专栏名称: 学ui网
欢迎关注学UI网,国内棒棒哒新手学习UI的教程平台!www.xueui.cn。无数新人在这里学习最终找到UI设计工作。
目录
相关文章推荐
51好读  ›  专栏  ›  学ui网

卡片设计的修养

学ui网  · 公众号  ·  · 2018-10-21 20:59

正文

请到「今天看啥」查看全文




a.构成分析


卡片的组成简单点来讲是由:由信息与操作组成。



视觉上由:内容层+承载层组成。


承载层我们可以理解为承载内容的容器,而内容层则是我们设计时的必要元素。



内容层多数为图片、文字、按钮等元素。




b.功能分析


卡片最大的作用就是作为功能入口的存在。



由于卡片设计的独立性,使得单独的卡片能够承担功能入口的作用。例如我们常常看到的卡片作为功能入口的场景有首页流量分发、菜单等等。如下图:





02 卡片的优点


a.卡片设计视觉统一性强


由于每一个卡片都是由承载层和内容层组成,形式上统一,所以在视觉上有很强的一致性。例如京东金融和下厨房:



在京东金融和下厨房中卡片都采用了相同的设计样式,具有极强的视觉一致性,能够帮助用户快速简历视觉流,提高用户浏览的效率,减少阅读时其他因素的干扰。







请到「今天看啥」查看全文