那是因為，決定全文風(fēng)格和品質(zhì)的最關(guān)鍵因素——顏色，被你忽略了！

今天這篇文章，我會從顏色的選擇和使用入手，助你快速領(lǐng)悟配色技巧，做出賞心悅目，高辨識度的排版。

01

一篇文章的配色，把握正文，點綴，配圖這幾個方面，整個框架就很清楚了。

先來看正文部分。

一般情況下，正文的配色會以黑、灰或者品牌色為主。

深灰色，如 # 5a5a5a、# 595959、# 3f3f3f，這些都是平常使用比較多的。

純黑色 # 000000，由于在手機上比較刺眼，閱讀體驗不好，所以使用較少。

彩色因為可讀性的原因，使用頻率更少。如果想要使用彩色作為正文，一定要謹記一個原則：在淺色背景上，正文要使用深色字；在深色背景上，正文要用淺色字。

▲ 淺色背景深色字

▲ 深色背景淺色字

再來看點綴部分。

這里主要指標注部分和強調(diào)部分。

標注，即文章的引用內(nèi)容、注釋等，常用的顏色有：# 888888、# a5a5a5。

強調(diào)部分，可以使用加粗，或者其他顏色加粗等方式來著重表現(xiàn)。

千萬別小看強調(diào)部分顏色的選擇。 說到底，正文部分還是以黑色為主，如果能在強調(diào)部分使用些合適的顏色，對于整篇文章來說，無疑是錦上添花。

最后再來看一下配圖色。

配圖色，即文章配圖的顏色。

配圖色要盡量配合全文的主色調(diào)，圖片的視覺效果、表達的情緒都要盡量符合配色環(huán)境，可以首選品牌色、點綴色，次選中性色調(diào)的圖片，切忌選擇視覺沖擊非常大的配圖色。

02

0

基礎(chǔ)框架搞清楚之后，我們還要兼顧整體的效果。

我們經(jīng)常會看到一些文章，色彩使用非?！皨故臁?，幾乎是每一部分都用了至少5-6個顏色...

▲ 錯誤示范1

▲ 錯誤示范2

結(jié)果，整個版面看起來很亂，一點也不美觀，還容易讓人感覺不適。

要知道，色彩的使用，是為了幫助閱讀，太多的色彩結(jié)合到一起反而讓用戶不能集中注意力，失去了使用顏色的初衷。

正常情況下，整篇文章顏色不宜超過 3 種，整體色調(diào)也要保持統(tǒng)一。

這種整合類的例外，這個樣式，顏色雖然使用的比較多，但整體感覺比較協(xié)調(diào)，而且也能吸引讀者眼球。

不過，盡量不要選用飽和度太高，也就是我們平常說的比較鮮艷的顏色，比如說大紅、大紫等，這些顏色一來是比較浮夸，不易被用戶接受；二來是想要搭配出高級感難度略大。

我們可以使用一些不太純正的過渡色，能讓人更舒適，更容易接受，使用得當，還能提升整篇文章的逼格。

▲ 過渡色

以上幾點，其實也是配色的基本原則，簡單總結(jié)一下：全文顏色不宜超過3種，整體色調(diào)要保持統(tǒng)一，不宜使用過于鮮艷的顏色。

03

最后，再給大家推薦幾個常用的配色方案。

當然，這里說的顏色搭配也不是絕對的，大家可以根據(jù)文章的整體構(gòu)思來進行顏色的選取。

大家可以在“新媒體助手”中的“顏色代碼”工具中挑選合適的顏色。點擊“復(fù)制”即可復(fù)制顏色碼，粘貼到首頁調(diào)色板處即可直接使用。