卡片式设计探讨
- - 盒子UI生活中我们会接触到各式各样的卡片. 比如直截了当的扑克，一个图案，一个文字，很清晰传达出这张卡片所代表的含义. 又比如名片，小小的卡片上需要短时间让一个陌生人认识你，需要提炼哪些信息来实现：姓名，电话，职位，公司等. 卡片作为普遍使用的信息传达的承载样式，它具有以下这些特点：.
卡片式设计探讨
标签：
设计理念
卡片式设计
| 发表时间：2014-02-20 09:19 | 作者：dream
出处：http://www.boxui.com
生活中我们会接触到各式各样的卡片。比如直截了当的扑克，一个图案，一个文字，很清晰传达出这张卡片所代表的含义。
又比如名片，小小的卡片上需要短时间让一个陌生人认识你，需要提炼哪些信息来实现：姓名，电话，职位，公司等。
卡片作为普遍使用的信息传达的承载样式，它具有以下这些特点：
1.内容体量——轻便易携；
2.信息层次——简单易懂；
3.整体包装——分类独立；
这种轻巧、简洁的实物设计形式也被慢慢移植到虚拟设计的应用当中，比如pc端的网页、移动端的app设计。
二、卡片式设计的由来
现在卡片式设计的应用场景非常广泛，我们常见的就是浏览器上的选项卡了，浏览器把我们浏览的网页做成一个一个卡片的样子，我们可以来抽取，可以移动，亦可以单个删除，若干个选项卡还可以独立成堆栈，显得非常方便。
在我们身边常用产品中使用卡片式设计最有代表的应该是google旗下的各种产品——chrome、google now、google+、google play…应该说是google把卡片式设计发扬光大，并用到极致。
无怪乎，
”Android的用户体验负责人MatiasDuarte坦诚：
没人说过卡片是我们发明的，我们只是把这种随处可见的设计搬到了移动互联网领域而已，它和实体卡片一样，从始至终都是为了解决一样的设计问题。”
那卡片式设计真如matias所述，是google的发明吗？其实最早开始使用卡片式设计的产品应该是palm web os，尽管web os几易其主，但不能掩盖它曾经在卡片式设计上独到的应用，至今仍影响着android、乃至ios系统的设计。
卡片式设计在web os上的应用主要是多任务的管理：
webOS中，传统意义上的程序概念被弱化，取而代之的是卡片系统。所有的任务均以卡片的形式出现。任何时候点击手势区，都会进入卡片视图。卡片视图中展现出正在运行的任务，这些任务以多窗口的形式呈现。你可以看到正在运行的全部任务，可以通过滑动进行切换，点击后进入任务，这样一种操作方式，是极其美妙的。更为重要的是webOS 中的多任务的流畅度可以得到很好的保证，可以说webOS的多任务是世界上最好的移动系统多任务平台。
这种多任务管理的卡片式设计随后也被运用在了最新的ios7的设计中
三、卡片式设计的运用范围
现有的卡片式设计主要用来解决三类问题：
1、信息分类。比如google＋，把feed信息做成卡片样式易于浏览，pc端和移动端都有实现，常见的瀑布流式布局的信息展示其实也是一种卡片布局。
2、导航。比如evernote或vu里的卡片，类似传统tab栏的功能来区分不同的内容和功能，在移动端使用居多，跟手势操作结合，易于理解和操作。
3.任务管理。比如web os和ios7多任务的管理，运用在移动端居多。
由此可以看出卡片式设计在移动端和pc端都有涉及，在移动端使用面更广。
以上是对卡片式设计的初探，简明概要的介绍了卡片式设计的前世今生，怎么样合理使用卡片式设计还是跟产品密切相关，接下来会再去深入了解。
相关 [卡片 设计 探讨] 推荐：
iphone Web App 导航设计探讨
- Vingel - 互联网的那点事最近在做iphone端Web App的项目. 由于产品形式新颖，技术环境不成熟，公司给与了较宽松的研发时间. 在一个月的交互设计阶段，每个环节都得到多次讨论推敲，我从中感悟颇多. 导航系统的设计是一个比较典型的点，拿出来与大家分享讨论一下. iphone Native App较常见的导航如下图所示：.
我的QQ验证码识别设计探讨（QQ2011）
- Bloger - 博客园-首页原创精华区找人很多高手问验证码识别技术，结果未了，. 什么神经无算法，啥的，都是浮云. 根据自己眼睛看东西悟出来的算法. 方法：样本 + 算法 = 识别. "R" 这个字母，你要会认识这个“R”字母，必需得记住“R"的（模式）特征，脑袋会存储大量"R"的（模式）特征样本. 大家都知道了人脑处理图片的速度是非常惊人的，电脑一秒能运算2亿次以上的指令，但处理图片无法跟跟人脑相比，所以算法很重要.
首页大屏广告交互设计探讨
- 章明 - 所有文章 - UCD大社区用于大型活动推广，频率控制在一季度或一年度一次为宜. 尽量让每位用户都注意到这个活动. 把对活动不感兴趣的用户的干扰降到最小. 从我们监测的历次大屏广告点击数据来看，广告的点击在首页总点击的占比分布在2% – 20%之间. 这意味着：有至少80%以上的用户对活动并不感兴趣，他们中大部分是带着明确目的来网站使用特定产品的.
全屏弹出广告交互设计探讨
- goochin - 所有文章 - UCD大社区图片JPG或者GIF，屏位高，面积大的广告必须考虑页面加载广告后的流畅程度. 用于大型活动推广，频率控制在一季度或一年度一次为宜. 尽量让茶坊用户都注意到这个活动. 把对此活动不感兴趣的用户的干扰降到最小. 这就是为什么取消背投而采用其他广告来替代的原因，背投广告（闪屏广告）很受客户青睐的原因是，客户觉得效果好，但是他们基于强迫用户的基础上.
从混乱到秩序——关于比例与构成的设计探讨
- Dash - 所有文章 - UCD大社区当你不能把它做得更美的时候，问题出在哪里. 我们还有没有其它办法突破和超越现有的设计瓶颈呢. 走进Kimberly Elam的Geometry of Design，. 去认识那些存在于人与自然界中的基础规律. 松果、鲑鱼、人体 有什么共同的特点. 松果、鲑鱼、人体，它们都用些什么共同特点. 其实他们都有各种自然比例的规律，这些规律为许多艺术家和设计师的作品，提供了基本的出发点.
探讨设计热门多人游戏需注意的三大要点
- finalanubis - GamerBoom.com 游戏邦游戏产业并不存在着无限的机会. 因为玩家不一定拥有足够的资金和时间去够买所有自己喜欢的游戏，所以只有一小部分游戏能够成功征服市场. 对于那些新游戏，它们不仅需要凸显自己的创造性，还必须尊从当前主宰市场的那些前辈所奉行的惯例. 《光晕》、《使命召唤》、《军团要塞》以及《战地》等都可以称得上是主导着当前市场的游戏，它们不仅拥有很好的销量，而且还持续发行了更多额外的下载内容，总之，创造出优秀的多人游戏体验能够为你带来更高的销售利润.