卡片式设计

在现实生活在，视觉信息总是很吸引人的眼球，卡片设计的应用不仅仅只是一种趋势。

卡片式设计一直是以强兼容性和“百搭”的形象出现在大众的面前，但是它同样有无法满足用户需求的时候，今天的文章我们就在实战中聊聊这件事。

卡片式设计依然是目前UI设计的热门，虽然我们在前几天的文章《不是万能！卡片式设计并不能支撑所有的设计需求》当中探讨了卡片式设计为数不多的“局限”。今天我们从基本的规则入手，为你展示卡片式设计的最佳实践。小贴士：Material Design 中常常会让卡片拥有微妙的阴影，这种设计是非常有道理的，阴影和深度会给予用户以视觉感知力，强化它的可见性，以及知觉上的“可点击性”。小贴士：卡片中的正文部分只需要一个Normal 字重的非衬线体就行了。

今天这篇文章，将全面介绍「卡片式设计」，看完之后，你会知道为什么爱用的 app 都喜欢用这样的设计。设计的时候一定要思考用户会如何使用他的拇指在界面上交互。所以，界面内容的大小一定不要让用户在交互时感到不适。——译者注注：Masonry 是一个对系统 NSLayoutConstraint 进行封装的第三方自动布局框架，采用链式编程的方式提供给开发者 API。