不知道大家是否有所察觉,在现实生活在,视觉资讯总是很吸引人的眼球,WordPress 网站建设在以往的设计效果中,觉得卡片设计的应用不仅仅只是一种趋势。有资料显示 2022 年 移动端使用率远远高于 PC 端,网页设计都能很好的适应小萤幕。而如何更好的全是小萤幕设计,WordPress 网站设计建议在设计网页的时候多常用一些这样的风格:比如:扁平化设计,极简设计,尤其是卡片设计比往年都要流行。
好的卡片设计不会使用太多的载入时间,同时它也能在不同的萤幕上切换自如。小的模组对于多用户来说更能吸引注意力(尤其在移动端),它在 Pinterest 上培养大家的习惯,然后在 Facebook 和 Twitter 上面推广,卡片设计能应用于各个领域的网站设计。
在这篇文章中,我们将会探讨卡片设计的崛起:为什么它们有用,它们如何适应于响应设计和 material design,在未来又会发生什么?
什么是抽屉式设计?
为了了解抽屉式设计,您先得先了解卡片是什么。
每一个卡片拥有属于自己的资讯。一张卡片能包含所有资讯 — 视觉、文字、连结等等— 但是所有这些内容都是一张卡片里面的内容。这种独立填满整个萤幕抽屉式展现资讯的方式 被 Guardian 叫做 “抽屉模式” 。它让多用户更加直接清晰的看到整个介面,也有利于多用户快速的寻找他们需要的资讯。(重要的是,这种方式能够有利于我们自己控制,下面的文章我会解释为什么。)
让人觉得很有吸引力的是:它们使用的卡片介面是相互叠加的。
照片来源于:Trello,Trello 能让多用户建立他们自己想要的任何卡片列表。所有人都能建立 “to-do” 卡片 ,同时能够按照自己的需求进行分类。 Trello 不仅让卡片具有灵活性,而且还能被多用户随意摆放。 Trello 的成功是因为相较于传统列表式布局,它让多用户感觉很简单。
UI 卡片在移动端和响应式设计中的应用正如上文提到的,卡片为响应式框架提供了出色的相容性,因为一些像 Des Traynor 把他叫做 “网页的未来这种设计能够在移动端随意很好的转换。”
它能够自己扩充套件或者收缩去适应任何萤幕的尺寸。设计师可以很灵活的控制卡片的比例(几组卡片能够更好的适应彼此)。例如, 您可以设计固定的宽度和一致的间距来适应可变动的高度。比较上面的网页截图和下面的移动端截图。注意他们两个的文字资讯、影象和颜色的风格都是一致的。卡片设计让多用户在不同的装置上有一致性的体验。