卡片是我們隨處可見的，它們佔用的空間非常小，並且可以顯示足夠的資訊，卡片設計是當今比較流行的趨勢，
那麼使用卡片式設計有什麼好處呢?
UI設計中所說的卡片類似於實體卡。它們是包括
圖形/圖片、文字、連結、按鈕
等的矩形，並用作詳細資訊的預告片。卡片由多個容器組成，一個元件佔據一個容器。一個容器有影象，第二個容器有標題，第三個容器有副本，第四個容器有下一頁的連結，依此類推。它能夠很好地組織內容，可以幫助使用者快速掃描頁面，易於擴充套件且非常靈活。
今天給大家介紹卡片式設計的幾個小技巧
結構/組成元素
卡片式設計，能夠把內容整合模組化，主要從
視覺上、個性體驗上呈現
，是設計中常用的表現方式，同樣也具有獨特的創新概念。卡片是指向使用者提供更詳細資訊的互動元素，卡片上的一些微互動更能幫助使用者提升體驗。當用戶將滑鼠懸停在卡上，單擊連結或按鈕時，UI設計師在設計時可以使用微互動這一功能進行加分。
陰影/描邊
陰影和描邊
這兩類卡片在設計中都可以使用，可根據產品的風格進行選擇。
背景
可以靈活使用
背景顏色
，但要記住的是背景與卡片的色彩對比要相對協調，色彩反差度不能太大。
字型大小/字重
合適的
字型大小
應用與使用者體驗有直接關係，當字型較小時，使用者會傾向於“細讀”；而字型較大時，使用者更傾向於“跳讀”。在設計中，字號與字重可以幫助資訊分層。
對比
在卡片設計中，對比度用以區分資訊層級，頁面層次感區分強烈，能更好體現重點內容。
按鈕
可以通常使用
常規按鈕、文字按鈕或者圖示
來實現動作跳轉，通常情況下，按鈕被放在底部或者右側。
間距和空隙
適當的間距
能夠讓版面看著更舒適，更易於閱讀；過於擁擠的文字排列會影響使用者的體驗感和卡片介面的美觀度。
視覺中心
圖片是UI當中視覺化元素的代表，它能讓介面吸引人，也能讓卡片脫穎而出。但是不是圖片素質越好，對於UI就越好？答案肯定不是，圖片必須要傳達正確的資訊，這是第一要務。圖片在卡片內的位置，通常取決於它是主要內容還是支撐性的內容。可以透過
輕微上移
和
增加陰影
等技巧讓目標卡片突出，用來吸引客戶。
以上卡片中都會有一些基本的共同的特點：
1、四個角都是圓角。
2、根據潮流漸變色或白卡片。
3、色塊下的陰影，色塊下的陰影更能體現出層次。
4、卡片上面組成部分，標題，副標題，圖形，按鈕，圖片，頭像。
5、字型大小，字型顏色的變化。
6、一般卡片應用在會員，列表，說明，優惠劵，分類，類別，集合頁，歡迎頁等場景常見。
好了，今天就先分享到這兒了，下期我們不見不散~
