設(shè)計(jì)中國網(wǎng)：網(wǎng)頁設(shè)計(jì)中的卡式設(shè)計(jì)

　　卡片，可以是任何形狀、顏色和形式。但是總的來說，他們都包含了圖片、圖標(biāo)和一些基本的文字信息，例如標(biāo)題、用戶名和位置信息。

　　“然而，其風(fēng)靡起來的核心還在于其簡單性。你很少見到復(fù)雜的卡片設(shè)計(jì)，它之所以出現(xiàn)的目的就是為了引導(dǎo)用戶去點(diǎn)擊它”

　　作為網(wǎng)頁設(shè)計(jì)師，你該如何使用卡片?當(dāng)在設(shè)計(jì)卡片時(shí)，你應(yīng)該注意些什么?下面設(shè)計(jì)中國網(wǎng)的設(shè)計(jì)師跟大家談?wù)劇?/p>

　　是什么讓卡式設(shè)計(jì)勢(shì)不可擋?

　　當(dāng)提及實(shí)用性和美感，卡片式設(shè)計(jì)可謂當(dāng)仁不讓的雄踞上風(fēng)。以下所列的特性也許是它能勝出的原因。

　　1、響應(yīng)式

　　響應(yīng)式是個(gè)老生常談，它成為了一項(xiàng)硬性要求。大部分客戶都為各種層出不窮的移動(dòng)設(shè)備準(zhǔn)備好了響應(yīng)式方案，那么卡式就是如此應(yīng)運(yùn)而生。在滿足各種屏幕尺寸需要之上，卡式設(shè)計(jì)能非常便捷地幫助用戶焦距到特定的內(nèi)容，也讓設(shè)計(jì)師在設(shè)計(jì)時(shí)合理又簡潔地進(jìn)行內(nèi)容的布局。

　　2、有序性

　　混亂不堪的網(wǎng)站令人頭疼，當(dāng)我們?cè)谡眄撁娌煌N類的元素時(shí)，卡式設(shè)計(jì)就能為這些內(nèi)容的排版提供一種奇妙的有序性。這對(duì)于設(shè)計(jì)師和用戶來說都是項(xiàng)利好。Kelsey Drake 的網(wǎng)站也許能展示出這一特點(diǎn)。

　　3、易讀性

　　卡式設(shè)計(jì)一個(gè)非常重要的特性就是它們包含的信息十分簡潔，這讓它們變得有趣且引人入勝，但這也讓網(wǎng)站內(nèi)容變得比較單一，很快就一覽無余。像NamesForChange.org 這樣的網(wǎng)站就把每張卡片都設(shè)計(jì)得生動(dòng)且讓人理解起來毫不費(fèi)力。

　　4、為社交媒體平臺(tái)所青睞

　　想想一個(gè)社交媒體的網(wǎng)站是怎樣建立起來的?它們需要的是清晰易讀和快捷的展示方式。再考慮到卡式設(shè)計(jì)，你難道沒有發(fā)現(xiàn)這之間的聯(lián)系?最著名的卡式設(shè)計(jì)的例子就是Pinterest 和Dribble 啦!

　　5、平等性

　　卡式設(shè)計(jì)還有一個(gè)特性就是平等，這里的平等當(dāng)然不是絕對(duì)的，也就是說，卡式設(shè)計(jì)里每張卡片，它在整個(gè)網(wǎng)頁中的重要性是差不多相同的。這也就讓大家省去了為內(nèi)容進(jìn)行等級(jí)排序的麻煩。不妨看看AHH 的網(wǎng)站，你就能明白。

　　6、通用性

　　卡式設(shè)計(jì)幾乎可以用于任何行業(yè)任何用途，它的創(chuàng)作彈性非常大。在設(shè)計(jì)風(fēng)格上可以說沒有任何定論，給了設(shè)計(jì)師非常大的可發(fā)揮的創(chuàng)意空間。就拿Futurefabric.co.uk 這個(gè)網(wǎng)站來說，設(shè)計(jì)師利用了卡式設(shè)計(jì)去展示他的不同類型的作品。