設計中一定能用得上的：字型配色總結

文章源於

公眾號

作者：王M爭

今天來給大家分享產品設計中文字配色的一些知識點。配色對於UI設計的重要性這裡我就不用再強調了，關於配色的文章我之前也寫了好幾篇。但是回頭看了一下，感覺總結的過於籠統，所以這次我把格局放小一點，專門來寫一篇關於文字配色的文章，希望大家看完能夠有所收穫。

那麼要給文字配色，首先我們要知道你的產品（介面）中有哪些文字。在這裡，我將產品中的文字主要分為以下四種：標題類、正文類、提示類和互動類。

而根據重要性程度我們可以把標題分為不同的等級，一般來說，層級越低的標題顏色越淺。深淺的搭配可以給你的介面帶來意想不到的效果。

例如，

微信

中的好友列表和聊天介面中，使用者名稱和聊天記錄的文字顏色深淺正好是反過來的。這個其實也很好理解，好友列表中使用者

關注

的是好友是誰，而到了聊天介面使用者更

關注

的是好友說了什麼。所以這裡用深淺不同的文字來幫助使用者加以區分。

我們可以看下使用同樣的配色的效果，感受一下不同。

最常見的狀態就是成功和失敗，一般來說在使用者心中都預設為綠色和紅色了。當然現在把企業色作為成功也很常見。這裡就會出現一個問題，如果你的產品主色調恰好是紅色，這個時候就可能會引起使用者混淆。

ps。大家有沒有注意到上面我只提到不能點贊，沒說不能評論，其實是可以評論的。知乎裡一個帖子的字數都是比較多的，使用者只看到簡介就點贊或者評論沒有什麼意義。後來我又去看了簡書，發現簡書是不支援使用者在沒有看完文章的情況下就支援點贊和評論的。

所以我不知道知乎這麼做是出於什麼考慮，反正我是沒弄明白。

回到主題上來，互動類文字和按鈕其實有很多共同點。首先它們都支援點選跳轉，也都可以展示狀態的切換。互動類文字與按鈕相比更加的輕量化，適用於極簡風格設計。但是按鈕也有自己的優勢，按鈕可以展示覆雜的動效。

總結

以上就是我對UI設計中主要文字配色的一些分析和總結，希望大家看完能夠有所幫助，有什麼想法也歡迎

留言

跟我交流。

———— / END / ————

編輯：小冊子

您設計中的那本小冊子！

-END-