- 留白:必須合理的運用足夠的邊界和邊距空間來讓內容與元素整齊、簡潔、易讀;
- 專一:也就是一張卡片最好只放一個元素一個內容,這樣能夠簡化網站的結構。當然,最為重要的是每張卡片承載著一種內容,避免了擁擠;
- 合適:尤其是圖片,卡片當中放置的圖片一般比較小,所以要確保圖片清晰、剪裁得當,適合正確的場景;
- 簡潔:無論是整體的簡潔,還有字體上的簡潔,也既是保持字體的易讀性,最為基本的就是提升它的辨識性,不僅僅要追求有沒的字體,對於裝飾效果要把握尺度;
- 創意:恰當的加入亮點,比如動畫的效果、視頻、圓角或者配上的創新,讓卡片更加有場景化;
- 柵格:標準的柵格運用到卡片式界面設計當中能夠保持間距的一致性,同時還能兼容各種尺寸以及斷點;
- 點擊:建議如果可以的話,整個卡片都可以被點擊,而不僅僅是卡片上的文字或者圖片。