卡片式设计探讨.pdf

卡片式设计探讨 生活中我们会接触到各式各样的卡片。比如直截了当的扑克 ，一个 案 ，一个文字 ，很清晰传达出 这张卡片所代表的含义。 又比如名片 ，小小的卡片上需要短时间让一个陌生人认识你 ，需要提炼哪些信息来实现 ：姓名 ， 电话 ，职位 ，公司等。 卡片作为普遍使用的信息传达的承载样式 ，它具有以下这些特点 ： 1.内容体量——轻便易携 ； 2.信息层次——简单易懂 ； 3.整体包装——分类独立 ； 这种轻巧、简洁的实物设计形式也被慢慢移植到虚拟设计的应用当中 ，比如pc端的网页、移动端 的app设计。 二、卡片式设计的由来 现在卡片式设计的应用场景非常广泛 ，我们常见的就是浏览器上的选项卡了 ，浏览器把我们浏览的 网页做成一个一个卡片的样子 ，我们可以来抽取 ，可以移动 ，亦可以单个删除 ，若干个选项卡还可 以独立成堆栈 ，显得非常方便。 在我们身边常用产品中使用卡片式设计最有代表的应该是google旗下的各种产品——chro me、 google now 、google+、google play …应该说是google把卡片式设计发扬光大 ，并用到极致。 无怪乎 ， “A ndro id的用户体验负责人Mat iasDuart e坦诚 ： 没人说过卡片是我们发明的 ，我们只是把这种随处可见的设计搬到了移动互联网领域而已 ，它和实 体卡片一样 ，从始至终都是为了解决一样的设计问题。” 那卡片式设计真如mat ias所述 ，是google的发明吗 ？其实最早开始使用卡片式设计的产品应该 是palm we os ，尽管we os几易其主 ，但不能掩盖它曾经在卡片式设计上独到的应用 ，至今仍影 响着andro id、乃至ios系统的设计。 卡片式设计在we os上的应用主要是多任务的管理 ： we O S中 ，传统意义上的程序概念被弱化 ，取而代之的是卡片系统。所有的任务均以卡片的形式 出现。任何时候点击手势区 ，都会进入卡片视 。卡片视 中展现出正在运行的任务 ，这些任务以 多窗口的形式呈现。你可以看到正在运行的全部任务 ，可以通过滑动进行切换 ，点击后进入任务 ， 这样一种操作方式 ，是极其美妙的。更为重要的是we O S 中的多任务的流畅度可以得到很好的 保证 ，可以说we O S的多任务是世界上最好的移动系统多任务平台。 这种多任务管理的卡片式设计随后也被运用在了最新的ios7的设计中 三、卡片式设计的运用范围 现有的卡片式设计主要用来解决三类问题 ： 1、信息分类。比如google ＋，把f eed信息做成卡片样式易于浏览 ，pc端和移动端都有实现 ，常见 的瀑布流式布局的信息展示其实也是一种卡片布局。 2、导航。比如evernot e或vu里的卡片 ，类似传统t a 栏的功能来区分不同的内容和功能 ，在移动端 使用居多 ，跟手势操作结合 ，易于理解和操作。 3.任务管理。比如we os和ios7多任务的管理 ，运用在移动端居多。 由此可以看出卡片式设计在移动端和pc端都有涉及 ，在移动端使用面更广。 以上是对卡片式设计的初探 ，简明概要的介绍了卡片式设计的前世今生 ，怎么样合理使用卡片式设 计还是跟产品密切相关 ，接下来会再去深入了解。 作者 ：淘宝UED团队 人人都是产品经理 （woshipm.co m ）中国最大最活跃的产品经理学习、交流、分享平台