什么是卡片

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

　　卡片的體驗(yàn)

　　在用戶界面中使用的卡是一個(gè)很好的體驗(yàn)，因?yàn)樗麄兛雌饋硐瘳F(xiàn)實(shí)世界的有形卡。在移動(dòng)設(shè)備上，卡片是一種使用非常廣的交互模式，因此，它更直觀的給用戶知道這一塊卡片里的內(nèi)容是代表一個(gè)整體，一個(gè)模塊的信息。

　　內(nèi)容劃分

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

　　賞心悅目

　　設(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)用戶去操作這一功能。

　　如何設(shè)計(jì)一張卡片

　　在恒定的移動(dòng)端應(yīng)用中相同的卡片設(shè)計(jì)，可以根據(jù)內(nèi)容調(diào)整期高度，但寬度是固定的，例如Facebook的瀑布流頁面無限的往下，單寬度是不變的，內(nèi)容顯示也是一樣，這可減少用戶的視覺成本。當(dāng)然最大高度限制應(yīng)該在一個(gè)平臺(tái)上可用內(nèi)容信息展示，但它可以設(shè)置好自動(dòng)展示擴(kuò)展。

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

　　響應(yīng)和移動(dòng)設(shè)計(jì)

　　關(guān)于卡片式設(shè)計(jì)最重要的事情是，他們幾乎有無限的可能。當(dāng)然這里說的無限可能是指卡片式設(shè)計(jì)作品既適用于臺(tái)式機(jī)和移動(dòng)設(shè)備，因?yàn)榭ㄌ峁┝烁嗫上膬?nèi)容。他們是很好的響應(yīng)設(shè)計(jì)，因?yàn)榭ㄗ鳛閮?nèi)容容器，容易擴(kuò)大或下降。這就是為什么它如此容易創(chuàng)建一個(gè)一致的卡片樣式設(shè)計(jì)，無論設(shè)備，都可以適配。

　　設(shè)計(jì)風(fēng)波來了一潮又一潮；當(dāng)下靈活的卡片式設(shè)計(jì)成為了一股強(qiáng)大的風(fēng)潮；不管是PC端還是APP，卡片式網(wǎng)站設(shè)計(jì)的風(fēng)頭勢不可擋。你的卡片式網(wǎng)站設(shè)計(jì)做好了嗎?也許你還不知道茫茫人海中有一個(gè)卡片式網(wǎng)站設(shè)計(jì)專家-蒙特，在設(shè)計(jì)領(lǐng)域，被萬家客戶對比、海選、認(rèn)可、選擇;更有?？低暋⑷A為等諸多大型企業(yè)長期選擇，你還在等什么呢?