卡片式設(shè)計(jì)是在APP開發(fā)和設(shè)計(jì)中常用的一種設(shè)計(jì)，不管是Web和移動(dòng)應(yīng)用的頁面設(shè)計(jì)，都不能脫離了真實(shí)使用完全個(gè)性化的體驗(yàn)，卡片是新的創(chuàng)造性概念。

卡片是那些裝滿包含圖像和文本的小矩形，作為功能、內(nèi)容入口點(diǎn)，以提供更詳細(xì)的信息。可以平衡用戶界面的設(shè)計(jì)美學(xué)和良好的可用性，最近卡片幾乎成了移動(dòng)端界面設(shè)計(jì)的一個(gè)默認(rèn)的選擇。因?yàn)榭ㄊ且环N方便的顯示不同元素組成的內(nèi)容的方式。
 

在用戶界面中使用的卡是一個(gè)很好的體驗(yàn)，因?yàn)樗麄兛雌饋硐瘳F(xiàn)實(shí)世界的有形卡。在移動(dòng)設(shè)備上，卡片是一種使用非常廣的交互模式，因此，它更直觀的給用戶知道這一塊卡片里的內(nèi)容是代表一個(gè)整體，一個(gè)模塊的信息。
卡片是一個(gè)很好的工具，用于交流快速的故事。棒球卡是一個(gè)很好的例子，從現(xiàn)實(shí)生活中的對(duì)象。你需要了解一個(gè)玩家的基本信息包含在一張小卡片的兩邊。

卡片將內(nèi)容劃分成幾個(gè)部分，這樣劃分可以占用的屏幕空間更少，而且更清晰的區(qū)分不同的內(nèi)容。就想寫文章一樣，你會(huì)用段落，標(biāo)點(diǎn)符號(hào)來區(qū)分表達(dá)不同的內(nèi)容?？ㄆO(shè)計(jì)就是一樣的意思，可以收集各種信息，形成連貫的一塊內(nèi)容。

當(dāng)Facebook、twitter、騰訊等巨頭們的產(chǎn)品使用卡片式設(shè)計(jì)web和移動(dòng)端產(chǎn)品時(shí)，卡片的設(shè)計(jì)布局被大量的產(chǎn)品設(shè)計(jì)師隨波逐流的推到了設(shè)計(jì)的最前沿。如果你在用Facebook你會(huì)發(fā)現(xiàn)它的卡片設(shè)計(jì)不多也不少，剛好充分的展現(xiàn)出卡片設(shè)計(jì)為它的產(chǎn)品設(shè)計(jì)帶來的內(nèi)容涉及區(qū)分的效果，雖然說有一個(gè)瀑布流的首頁無休止的往下刷信息。但這也是用戶在使用過程中最低的成本，(這里的成本指的是用戶成本)

設(shè)計(jì)是一門語言，通常一個(gè)產(chǎn)品通過設(shè)計(jì)和內(nèi)容為用戶傳達(dá)信息，而卡片式的視覺效果設(shè)計(jì)也剛好能給用戶傳達(dá)了清晰的信息，在卡片設(shè)計(jì)中還會(huì)為特定的信息內(nèi)容加入圖形圖像，還能大大提升網(wǎng)站或應(yīng)用的體驗(yàn)效果，因?yàn)閳D像有效地吸引用戶的視線，更加集中明確的引導(dǎo)用戶去操作這一功能。

Dribbble創(chuàng)意社區(qū)展示設(shè)計(jì)師作品的知名網(wǎng)站，基于卡片設(shè)計(jì)真的是最合適呈現(xiàn)這種類型的內(nèi)容。
 

從設(shè)計(jì)的角度來看，卡片設(shè)計(jì)應(yīng)該是跟我們平時(shí)看到的名片一樣有圓角、直角，卡片式設(shè)計(jì)給用戶看起來像一個(gè)內(nèi)容塊，而圓角和直角只是一種視覺設(shè)計(jì)的樣式，給人不一樣的印象設(shè)計(jì)。
 

可以說這些元素在你的設(shè)計(jì)中就像是添加了一點(diǎn)視覺上的香料，更好的給用戶帶來全新，不一樣的感受，而不會(huì)成為一種分心的事?？ǖ膬?yōu)點(diǎn)正確實(shí)施，卡片式設(shè)計(jì)可以提高產(chǎn)品的用戶體驗(yàn)方面，由于其功能和形狀的特性，設(shè)計(jì)師們也很方便去再添加一個(gè)有趣的UI元素，直觀的使用。