地址： 上海市静安区共和新路4718弄10号楼2楼
热线：400-166-3538
电话：19301461038
邮箱：sales@shyuanzhen.cn
好的卡片设计不会使用太多的加载时间，同时它也能在不同的屏幕上切换自如。小的模块对于用户来说更能吸引注意力（尤其在移动端），它在Pinterest上培养大家的习惯，然后在Facebook和Twitter上面推广，卡片设计能应用于各个领域的网站设计。
在这篇文章中，我们将会探讨卡片设计的崛起：为什么它们有用，它们如何适应于响应设计和material design，在未来又会发生什么？
什么是抽屉式设计？
为了了解抽屉式设计，你首先得先了解卡片是什么。
每一个卡片拥有属于自己的信息。一张卡片能包含所有信息 — 视觉、文本、链接等等— 但是所有这些内容都是一张卡片里面的内容。
这种独立填满整个屏幕抽屉式展现信息的方式 被Guardian 叫做“抽屉模式”。它让用户更加直接清晰的看到整个界面，也有利于用户快速的寻找他们需要的信息。（最重要的是，这种方式能够有利于我们自己控制，下面的文章我会解释为什么。）
让人觉得很有吸引力的是：它们使用的卡片界面是相互叠加的。
Trello 能让用户创建他们自己想要的任何卡片列表。所有人都能创建“to-do”卡片 ，同时能够按照自己的需求进行分类。
Trello不仅让卡片具有灵活性，而且还能被用户随意摆放。Trello的成功是因为相较于传统列表式布局，它让用户感觉很简单。
UI卡片在移动端和响应式设计中的应用
正如上文提到的，卡片为响应式框架提供了出色的兼容性，因为一些像Des Traynor把他叫做“网页的未来。
这种设计能够在移动端随意很好的转换。”
首先，它能够自己扩展或者收缩去适应任何屏幕的尺寸。设计师可以很灵活的控制卡片的比例（几组卡片能够更好的适应彼此）。例如,你可以设计固定的宽度和一致的间距来适应可变动的高度。
比较上面The Verge的网页截图和下面的移动端截图：
注意他们两个的文本信息、图像和颜色的风格都是一致的。卡片设计让用户在不同的设备上有一致性的体验。
你可以看到这个优势在UXPin的e-book里面被利用。注意他们从移动端到全屏的界面是非常清晰的。
UXPin移动端界面：
UXPin全屏的界面：
另外一个优势是如何让卡片适应人们手指操作。在触屏上，操作它就像按动一个按钮一样不需要花费多少精力。这个想法很简单：点击卡片，让它与内容交互。
像菲茨定律适应于网页设计展示那样，点击区域越大就越容易相互作用。还记得我们有多少次挣扎在移动设备上点击一些文本链接么？
卡片和Material Design
Material Design很依赖卡片式设计，卡片描述在Material Design指南里值得你去寻找一个好的解释。
卡片设计的未来
卡片设计模式不断的重塑自身以适应新的挑战，而响应式和移动端也许会受最大的影响。就像2015&2016网页设计趋势 描述的那样，这种设计流行的转变是因为 Material Design 在安卓系统里面的应用。
1.技术
卡片不可能永远是静态的。随着网络性能的提高，也能够支持更丰富的多媒体内容。你可能会看到更多细节的元素，比如自动更新内容但是不会影响整个用户体验。
视频能更换图片（设计师思考这个问题很多年了）也许会变得很流行。Use Your Interface（上图），这些GIF动画功能让整个页面体验非常愉悦。
2.深度的交互
在不久的将来，卡片也许能够变得更加的有创意。就像我们看见 Material Design，它非常依赖个人的交互，随着自动排序和实时更新等功能的更新（比如天气预报）。
Windows手机里面已经开始应用卡片式自动分类方式，很有可能其他移动手机也会使用这种方式。
3.尺寸
图片并列的布局趋势，也让卡片更好的使用大尺寸屏幕。
大卡片上能布局更多的细节和复杂的字体，它从视觉上让用户感觉很舒服。大小卡片交替的时候，大卡片在视觉上更让人感觉舒服。
Arkitekter（如上图）是怎样应用大尺寸和中等尺寸作为信息布局的。有些卡片有链接，有些卡片是静态的信息。大小不同的卡片呈现方式，让整个页面更有呼吸感。
4.可穿戴的
多亏了谷歌眼镜，它让卡片的UI设计在穿戴设备上奠定了基础。
尽管有很多人认为谷歌眼镜会失败，但是也有一部分人认为它有市场。不管怎样，穿戴设备的UI设计必须要很好的利用空间来设计，而卡片设计是它最实用的选择。
要点
在所有的媒介和设备上，卡片设计已经成为设计常用的一种方式。他们当前的形式可能会随着技术的发展随着技术有所改变，但是他们确实是存在的。
毕竟，这些布局并不是一个表格。别忘了，在不久前卡片只是一张包含内容的纸片而已。
当前，卡式的网站建设以精简，重点内容突出的表达形式受到用户的欢迎，跟着趋势走的网站必然不会被淘汰。
缘震网络网站制作公司，是上海好的网站制作企业之一。从2014年开始提供互联网、电子政务、电子商务技术服务，积累了大量的经验，同时也培养起了一支成熟的技术开发团队能为客户开发出高质量和满足客户需求的上海网站建设服务。
专注于向上海网站建设企业客户提供专业的、适合自身的管理软件及网站开发与服务。服务项目主要有软件开发、网站建设、网站制作等，是一个以服务为主的企业，缘震网络关注用户体验，遵循用户使用习惯，从每一个细节上体现以“人”为本的理念，成为上海好的网站建设公司。 当然也有很多公司技术好，售后好，哪方面都好的，但是制作成本又高了，价格可能是一般公司报价的几倍，所以这个问题真的不太好说，还是根根自己需要多考察一下，自己感觉满意就可以了。 |
• • • • | 公司名称：上海缘震网络科技有限公司 开户银行：中国工商银行上海市彭浦支行 银行账号：1001 2508 0930 0206 455 |
总部：上海市奉贤区金海公路6055号29号3楼 分部：上海市静安区共和新路4718弄10号楼2楼 商务官网：www.shyuanzhen.cn 彦蓁科技：www.shyanzhen.cn | 缘震网络成立于 2014 年，公司主要经营全案策划，高端品质网站建设、多媒体视频宣传片制作、微信公众号开发、微信小程序开发、商城定制、SEO优化、电商托管、空间托管、网站维护、应用软件开发、手机端APP开发、等为客户提供一条龙网络运营解决方案的的技术型企业。我们在人力资源、业务范围、设计、技术、服务、信誉度、规范管理及企业文化等诸多方面完善自己，公司目前已与千余家各类客户进行长期战略合作，提供专业的网站建设与运营服务。我们的口号：广结良缘、震古烁今！ |
免费热线：400-166-3538
咨询QQ ：
微信咨询 : chunhua19820
直接咨询 
