很多时分我们在做网页规划或APP规划的时分会用到卡片规划。卡片通常是指那些包含必定图片和文本信息在内的一个长方形,作为指向更多详细信息的一个进口。现如今,在确保界面具有优秀可用性的同时,卡片式的规划乃至成为了平衡界面美学的默许做法。因为卡片很方便的显示出界面中的内容由不同的元素组成的。别的,如果使用妥当,卡片能够在必定方面提高使用程序的用户体会。因为它们的功能特性和形状,它们自身成为一种使用上更具直观性的吸引人的界面元素。下面要讲的是卡片规划的三大长处:
1、摘要性的格局易于消化
你应该已经知道现如今是一个内容为王的年代,而卡片几乎能够被用来容纳任何形式的信息,其摘要性的信息特点也易于用户快速消化。 就这一点而言,用户通过卡片能够很简单地访问到他们感兴趣的内容。从而让用户乐意参与到对卡片的阅读和操作中来。
卡片集包含不同类型内容的卡片
2、可面向响应式的规划
关于卡片最重要的事情是它们几乎是能够无限变形的。卡片式的规划在桌面电脑和移动设备都工作良好,因为它以更易于用户消化的方式向其出现内容。正因为卡片作为一个内容容器,能很简单的扩大或缩小,所以关于响应式的规划来说,卡片是一个十分合适的挑选。
最终但同样重要的一点是,卡片在多设备间能创造出一个共同独立的美学作用,这便是为什么它能在不同的设备间如此简单的创建出共同的体会的原因。
3、直观的可操作性
卡片的动作应该是面向手指的。关于移动端的使用程序来说,这是卡片之所以流行起来的一个要害原因。这些卡片跟实体的卡片依照相同的方式起作用,让用户感受到很舒服的体会进程。用户不需要再去思考终究该怎么操作卡片。 他们喜欢卡片的这种简洁性,并能够直观的理解出翻阅一张卡片便是查看更多信息,滑动则是切换不同的卡片。

下面就怎么规划卡片做一些额外补充:
在相同的布局下,卡片应该保持宽度不变,但高度能够不同。其最大高度受限于地点平台中可用空间的最大高度,不过这个高度也可临时扩展(比如,扩展显示出谈论区)。

卡片能够是固定高度或可变高度
从规划美学的视点来看,卡片应该具有必定的圆角和暗影。因为圆角使得卡片看起来更像是一个内容块,而暗影则能体现出层级深度的作用。

这些元素在不涣散用户注意力的前提下为规划增添了一些光彩,它们也使得卡片跟页面间看起来有层次感。
别的,我们也能够利用动画和动态规划。 |