卡片化內(nèi)容呈現(xiàn)打破了原有的模式：內(nèi)容至上，去除一切干擾。是目前應(yīng)用比較廣泛的以一種設(shè)計(jì)模式。在用戶需要瀏覽大量信息的場景下，提高了內(nèi)容的呈現(xiàn)效率。同時(shí)卡片化在多平臺(tái)網(wǎng)站設(shè)計(jì)，以及多種屏幕尺寸適配方面依然具有非常明顯的優(yōu)勢。

特別是在移動(dòng)端，卡片化設(shè)計(jì)成就經(jīng)典設(shè)計(jì)模型。

如果你還不知道什么是移動(dòng)卡片化設(shè)計(jì)，可以點(diǎn)擊閱讀《卡片式設(shè)計(jì)和卡片化滑動(dòng)設(shè)計(jì)App成功案例》，以及你需要了解的2015年手機(jī)APP界面設(shè)計(jì)新趨勢與12點(diǎn)建議。

今天25學(xué)堂跟大家舉例說明，為什么卡片化設(shè)計(jì)成就經(jīng)典設(shè)計(jì)模型？因?yàn)楫?dāng)下最流行的卡片化設(shè)計(jì)就是Material Design

說道Material Design不得不提 Google+ ，同時(shí)谷歌是卡片式設(shè)計(jì)的最好的網(wǎng)站。包括我們設(shè)計(jì)師經(jīng)常逛的花瓣網(wǎng)和追波網(wǎng)。

比如?Google+?, 每一個(gè)信息都簡潔成一個(gè)個(gè)卡片獨(dú)立開，另外鼠標(biāo)移動(dòng)上去的地方也是展開的卡片。相當(dāng)?shù)暮啙嵜髁耍層脩舾軐Ｗ⒂谛枰喿x的信息。當(dāng)然，如果你有用手機(jī)端的Chrome瀏覽器的話，那么Material 的用戶體驗(yàn)也就更明顯了，窗口如同紙張一樣疊加、覆蓋、抽拉、旋轉(zhuǎn)，用戶不需過多的思考如何使用，就能如習(xí)慣一般馬上上手。

大家肯定不會(huì)不知道Pinterest網(wǎng)站。

Pinterest的設(shè)計(jì)也是沿用Material Design風(fēng)格，瀑布流是Pinterest的最大特色，融入Material的設(shè)計(jì)后，整個(gè)畫面不僅豐富而且邏輯分明，不會(huì)給人頭暈?zāi)垦５母杏X，相信國內(nèi)也虜獲了很大一部分的忠實(shí)用戶。

手機(jī)app的內(nèi)容展現(xiàn)就采用了卡片化的形式，在信息展現(xiàn)上非常突出，同時(shí)針對不同尺寸的設(shè)備界面展現(xiàn)效果都很贊。

其次，在最新發(fā)布的apple watch應(yīng)用中，卡片化的設(shè)計(jì)應(yīng)用也很頻繁。在下面這個(gè)手機(jī)百度的界面中，卡片化的設(shè)計(jì)能夠把團(tuán)購的重要信息一覽無遺的展現(xiàn)出來。手機(jī)百度中地理位置服務(wù)也采用了卡片化的設(shè)計(jì)，保證不同的卡片組合及內(nèi)容展現(xiàn)均能突出服務(wù)內(nèi)容。

你感興趣可以下載：Apple Watch GUI模板和Apple Watch線框圖PSD

總之，卡片化設(shè)計(jì)是讓你的設(shè)計(jì)更加全面、人性化、更有互動(dòng)性的最好方式。它們非常值得你去了解、使用。同時(shí)卡片化設(shè)計(jì)像漂亮的便簽紙一樣，美觀，容易讓用戶耐心去看。

希望大家可以在移動(dòng)端APP當(dāng)中，多采用這樣的經(jīng)典設(shè)計(jì)模型。