生活中我們會接觸到各式各樣的卡片。比如撲克，一個圖案，一個文字，很清晰傳達出這張卡片所代表的含義。
又比如名片，小小的卡片上需要短時間讓一個陌生人認識你，需要提煉哪些資訊來實現：姓名，電話，職位，公司等。
卡片作為普遍使用的資訊傳達的承載樣式，它具有以下這些特點：
- 內容體量——輕便易攜；
- 資訊層次——簡單易懂；
- 整體包裝——分類獨立；
這種輕巧、簡潔的實物設計形式也被慢慢移植到虛擬設計的應用當中，比如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端都有涉及，在移動端使用面更廣。
以上是對卡片式設計的初探，簡明概要的介紹了卡片式設計的前世今生，怎麼樣合理使用卡片式設計還是跟產品密切相關，接下來會再去深入瞭解。
原文作者：致尧（曾欢）
原文連結：http://goo.gl/AM5Lhr
※ 此篇文章是經 淘寶UED 授權刊登。