優化卡片式規劃的規律

優化卡片式規劃的規律

卡式規劃是近幾年中很盛行的一種規劃，不管是網頁規劃，仍是移動應用的規劃中，卡片式規劃都被廣泛的運用到各個行業領域的規劃傍邊。下面來跟我們說說，八大規律能夠優化你的卡片式規劃。

一、了解結構

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

二、暗影/點擊態

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

三、背景

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

四、字號和字重

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

五、比照

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

六、按鈕

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

七、信息空間排布

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

在可聚焦元素之間添加恰當的空隙，也留滿足的間距來對內部信息進行分組。

八、聚焦與懸停

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

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