卡片式是將網(wǎng)站的各種信息組成卡片，一張卡片以不同形式呈現(xiàn)，包含眾多內(nèi)容。目前常見于各種app，一張卡片具有功能性、獨(dú)立性，生活中的卡片有雙面性，而應(yīng)用在網(wǎng)頁制作中，另一面即引導(dǎo)用戶點(diǎn)擊、翻頁?？ㄆ粏螁问且粭l信息，其在網(wǎng)站應(yīng)用中有更多的可能性。

　　1.統(tǒng)一不同元素?？ㄆ皆O(shè)計(jì)比較適應(yīng)的范圍廣。特別是對(duì)于內(nèi)容多且雜的網(wǎng)站，卡片式設(shè)計(jì)將整個(gè)頁面內(nèi)容切割為多個(gè)區(qū)域，為全部?jī)?nèi)容營造一致的視覺效果，整齊有序的網(wǎng)站能留下良好的印象。除整體設(shè)計(jì)外，就內(nèi)容本身，卡片式設(shè)計(jì)能將同一內(nèi)容的文字、圖片、顏色等有序擺放在一起，用戶能有針對(duì)性地根據(jù)自己的目的快速瀏覽內(nèi)容。

　　2.增加空間利用率。每個(gè)卡片占用屏幕空間不定，但相對(duì)較小，同時(shí)將信息有組織地劃分到不同區(qū)域。卡片式設(shè)計(jì)不等于整個(gè)頁面都用卡片，也有將文字卡片疊加在圖片上，作解釋說明，疊加一起體現(xiàn)兩者之間的整體性，也減少文字卡片占用其他空間。

　　3.從背景中分離出來?？ㄆ皆O(shè)計(jì)通過矩形展示，從背景中脫離出來的矩形，更具卡片感覺，如加白框、陰影等常用手法。分離出來的卡片，也能營造更強(qiáng)烈的空間立體感。自己建網(wǎng)站常見的卡片設(shè)計(jì)是圖片加文字，而對(duì)純文字或單圖的卡片設(shè)計(jì)，則需要注意卡片色塊和背景色的區(qū)別。

　　4.設(shè)計(jì)感?？ㄆO(shè)計(jì)的獨(dú)特之處之一，就是卡片小，能按照設(shè)計(jì)需求任意擺放，打破傳統(tǒng)框架。整齊的卡片擺放嚴(yán)肅、有規(guī)律；適當(dāng)錯(cuò)位的卡片設(shè)計(jì)，使畫面高低起伏，更有青春活力；卡片隨意傾斜，還能營造隨性的感覺。除此之外，頁面內(nèi)容少，可以繪制色塊，疊放在內(nèi)容下，模擬多張卡片堆疊，還能增加層次感。所以，卡片設(shè)計(jì)絕不止看到的這么簡(jiǎn)單。

　　也許網(wǎng)頁制作剛開始嘗試卡片式，會(huì)讓你無所適從，不知道如何規(guī)劃。但卡片式設(shè)計(jì)帶來的效果、驚喜或許遠(yuǎn)超你的想象。