很多時(shí)分我們?cè)谧?span style="font-weight: 700;">網(wǎng)頁(yè)規(guī)劃或APP規(guī)劃的時(shí)分會(huì)用到卡片規(guī)劃�？ㄆ�通常是指那些包含必定圖片和文本信息在內(nèi)的一個(gè)長(zhǎng)方形，作為指向更多詳細(xì)信息的一個(gè)進(jìn)口。現(xiàn)如今，在確保界面具有優(yōu)秀可用性的同時(shí)，卡片式的規(guī)劃乃至成為了平衡界面美學(xué)的默許做法。因?yàn)榭ㄆ�很方便的顯示出界面中的內(nèi)容由不同的元素組成的。別的，如果使用妥當(dāng)，卡片能夠在必定方面提高使用程序的用戶體會(huì)。因?yàn)樗鼈兊墓δ芴匦院托螤�，它們自身成為一種使用上更具直觀性的吸引人的界面元素。下面要講的是卡片規(guī)劃的三大長(zhǎng)處：
1、摘要性的格局易于消化
你應(yīng)該已經(jīng)知道現(xiàn)如今是一個(gè)內(nèi)容為王的年代，而卡片幾乎能夠被用來容納任何形式的信息，其摘要性的信息特點(diǎn)也易于用戶快速消化。 就這一點(diǎn)而言，用戶通過卡片能夠很簡(jiǎn)單地訪問到他們感興趣的內(nèi)容。從而讓用戶樂意參與到對(duì)卡片的閱讀和操作中來。

卡片集包含不同類型內(nèi)容的卡片
2、可面向響應(yīng)式的規(guī)劃
關(guān)于卡片最重要的事情是它們幾乎是能夠無限變形的�？ㄆ�式的規(guī)劃在桌面電腦和移動(dòng)設(shè)備都工作良好，因?yàn)樗�以更易于用戶消化的方式向其出現(xiàn)內(nèi)容。正因?yàn)榭ㄆ�作為一個(gè)內(nèi)容容器，能很簡(jiǎn)單的擴(kuò)大或縮小，所以關(guān)于響應(yīng)式的規(guī)劃來說，卡片是一個(gè)十分合適的挑選。 
最終但同樣重要的一點(diǎn)是，卡片在多設(shè)備間能創(chuàng)造出一個(gè)共同獨(dú)立的美學(xué)作用，這便是為什么它能在不同的設(shè)備間如此簡(jiǎn)單的創(chuàng)建出共同的體會(huì)的原因。

3、直觀的可操作性
卡片的動(dòng)作應(yīng)該是面向手指的。關(guān)于移動(dòng)端的使用程序來說，這是卡片之所以流行起來的一個(gè)要害原因。這些卡片跟實(shí)體的卡片依照相同的方式起作用，讓用戶感受到很舒服的體會(huì)進(jìn)程。用戶不需要再去思考終究該怎么操作卡片。 他們喜歡卡片的這種簡(jiǎn)潔性，并能夠直觀的理解出翻閱一張卡片便是查看更多信息，滑動(dòng)則是切換不同的卡片。

下面就怎么規(guī)劃卡片做一些額外補(bǔ)充：
在相同的布局下，卡片應(yīng)該保持寬度不變，但高度能夠不同。其最大高度受限于地點(diǎn)平臺(tái)中可用空間的最大高度，不過這個(gè)高度也可臨時(shí)擴(kuò)展（比如，擴(kuò)展顯示出談?wù)搮^(qū)）。

卡片能夠是固定高度或可變高度
從規(guī)劃美學(xué)的視點(diǎn)來看，卡片應(yīng)該具有必定的圓角和暗影。因?yàn)閳A角使得卡片看起來更像是一個(gè)內(nèi)容塊，而暗影則能體現(xiàn)出層級(jí)深度的作用。

這些元素在不渙散用戶注意力的前提下為規(guī)劃增添了一些光彩，它們也使得卡片跟頁(yè)面間看起來有層次感。
別的，我們也能夠利用動(dòng)畫和動(dòng)態(tài)規(guī)劃。