優(yōu)化卡片式規(guī)劃的規(guī)律

優(yōu)化卡片式規(guī)劃的規(guī)律

卡式規(guī)劃是近幾年中很盛行的一種規(guī)劃，不管是網(wǎng)頁規(guī)劃，仍是移動應(yīng)用的規(guī)劃中，卡片式規(guī)劃都被廣泛的運(yùn)用到各個行業(yè)領(lǐng)域的規(guī)劃傍邊。下面來跟我們說說，八大規(guī)律能夠優(yōu)化你的卡片式規(guī)劃。

一、了解結(jié)構(gòu)

卡片與物理上的卡片類似。能夠把它們了解為容器，將內(nèi)部的內(nèi)容信息分組、分層級展示，整合安排起來。

二、暗影/點(diǎn)擊態(tài)

暗影或是邊框線有助于使卡片愈加顯著，詳細(xì)使用哪一種視覺樣式要視你的 UI 風(fēng)格而定。

三、背景

卡片的另外一個長處是，能夠隨意配置背景的顏色，使用多樣的視覺氣氛，只需跟卡片放在一起不突兀就行。

四、字號和字重

文字越小，用戶閱讀的功率越低，用戶需要花更多時間去辨認(rèn)和閱讀；文字越大，用戶閱讀的功率越高，用戶能夠快速辨認(rèn)內(nèi)容。錯誤的使用字重會影響界面的可用性和漂亮度。

五、比照

卡片已經(jīng)是小層級的容器了，所以比照度在信息分層和優(yōu)先級上起重要作用。

六、按鈕

能夠使用一般按鈕、文本按鈕或圖標(biāo)按鈕。在筆直卡片上，按鈕一般放置在底部上；在水平卡片上則是在右側(cè)或底部。

七、信息空間排布

包裹著可聚焦元素的適宜內(nèi)邊距（Padding），以及能夠安排信息的滿足空間(Space)

在可聚焦元素之間添加恰當(dāng)?shù)目障�，也留滿足的間距來對內(nèi)部信息進(jìn)行分組。

八、聚焦與懸停

鼠標(biāo)滑過時，為了讓卡片愈加突出，一般的做法是給卡片加深一點(diǎn)的暗影或許將卡片位置略微舉高一些。

現(xiàn)在人們獲取信息速度越來越快，卡片能忽略設(shè)備的差異給用戶供給更好的服務(wù)。這也是以用戶體會為中心的規(guī)劃。相比傳統(tǒng)單一的頁面規(guī)劃，卡片不僅作為信息載體，還能夠供給更多個性化的用戶體會，使界面規(guī)劃明晰平衡、富有美感、簡約時髦而又具備良好可用性。而卡片作為容器，能夠適應(yīng)不同屏幕巨細(xì)而不損壞信息的展示作用。