很多时候我们在做网页设计或APP设计的时候会用到卡片设计。卡片通常是指那些包含一定图片和文本信息在内的一个长方形，作为指向更多详细信息的一个入口。现如今，在保证界面具有优秀可用性的同时，卡片式的设计甚至成为了平衡界面美学的默认做法。因为卡片很方便的显示出界面中的内容由不同的元素组成的。另外，如果应用得当，卡片可以在一定方面提升应用程序的用户体验。因为它们的功能特性和形状，它们本身成为一种使用上更具直观性的吸引人的界面元素。下面小优要讲的是卡片设计的三大优点：
1、摘要性的格式易于消化
你应该已经知道现如今是一个内容为王的时代，而卡片几乎可以被用来容纳任何形式的信息，其摘要性的信息属性也易于用户快速消化。 就这一点而言，用户通过卡片可以很容易地访问到他们感兴趣的内容。进而让用户愿意参与到对卡片的浏览和操作中来。

卡片集包含不同类型内容的卡片
2、可面向响应式的设计
关于卡片重要的事情是它们几乎是可以无限变形的。卡片式的设计在桌面电脑和移动设备都工作良好，因为它以更易于用户消化的方式向其呈现内容。正因为卡片作为一个内容容器，能很容易的放大或缩小，所以对于响应式的设计来说，卡片是一个非常合适的选择。 
后但同样重要的一点是，卡片在多设备间能创造出一个一致独立的美学效果，这就是为什么它能在不同的设备间如此容易的创建出一致的体验的原因。

3、直观的可操作性
卡片的动作应该是面向手指的。对于移动端的应用程序来说，这是卡片之所以流行起来的一个关键原因。这些卡片跟实体的卡片按照相同的方式起作用，让用户感受到很舒服的体验过程。用户不需要再去思考究竟该如何操作卡片。 他们喜欢卡片的这种简洁性，并能够直观的理解出翻阅一张卡片就是查看更多信息，滑动则是切换不同的卡片。

下面就如何设计卡片做一些额外补充：
在相同的布局下，卡片应该保持宽度不变，但高度可以不同。其高度受限于所在平台中可用空间的高度，不过这个高度也可临时扩展（比如，扩展显示出评论区）。

卡片可以是固定高度或可变高度
从设计美学的角度来看，卡片应该具有一定的圆角和阴影。因为圆角使得卡片看起来更像是一个内容块，而阴影则能体现出层级深度的效果。

这些元素在不分散用户注意力的前提下为设计增添了一些光彩，它们也使得卡片跟页面间看起来有层次感。
另外，我们也可以利用动画和动态设计。

责任编辑：途必设计部

版权所有：http://www.uweb.net.cn (优网科技) 转载请注明出处