看過不少大號的排版案例,學過無數的排版教程,深知字體、字號、行間距、留白等潛規則,卻還是做不出好看的排版?
那是因為,決定全文風格和品質的最關鍵因素——顏色,被你忽略了!
今天這篇文章,我會從顏色的選擇和使用入手,助你快速領悟配色技巧,做出賞心悅目,高辨識度的排版。
01
一篇文章的配色,把握正文,點綴,配圖這幾個方面,整個框架就很清楚了。
先來看正文部分。
一般情況下,正文的配色會以黑、灰或者品牌色為主。
深灰色,如 # 5a5a5a、# 595959、# 3f3f3f,這些都是平常使用比較多的。
純黑色 # 000000,由於在手機上比較刺眼,閱讀體驗不好,所以使用較少。
彩色因為可讀性的原因,使用頻率更少。如果想要使用彩色作為正文,一定要謹記一個原則:在淺色背景上,正文要使用深色字;在深色背景上,正文要用淺色字。
我答應阿輝把他的不開心留在這裡,我不知道他那天晚上講過什麼,可能是錄音機壞了,什麼聲音都沒有,只有兩聲很奇怪的聲音,好像一個人在哭。
▲ 淺色背景深色字
每一個嗑過葵花籽的人,都有屬於自己的路,深知黑夜的冷和雨水的苦,只要走下去,總會遇到屬於自己的那朵花兒,那朵怒放的一直在等待著自己的向日葵。
▲ 深色背景淺色字
再來看點綴部分。
這裡主要指標註部分和強調部分。
標註,即文章的引用內容、注釋等,常用的顏色有:# 888888、# a5a5a5。
強調部分,可以使用加粗,或者其他顏色加粗等方式來著重表現。
千萬別小看強調部分顏色的選擇。 說到底,正文部分還是以黑色為主,如果能在強調部分使用些合適的顏色,對於整篇文章來說,無疑是錦上添花。
最後再來看一下配圖色。
配圖色,即文章配圖的顏色。
配圖色要儘量配合全文的主色調,圖片的視覺效果、表達的情緒都要儘量符合配色環境,可以首選品牌色、點綴色,次選中性色調的圖片,切忌選擇視覺衝擊非常大的配圖色。
02
0
基礎框架搞清楚之後,我們還要兼顧整體的效果。
我們經常會看到一些文章,色彩使用非常「嫻熟」,幾乎是每一部分都用了至少5-6個顏色...
▲ 錯誤示範1
▲ 錯誤示範2
結果,整個版面看起來很亂,一點也不美觀,還容易讓人感覺不適。
要知道,色彩的使用,是為了幫助閱讀,太多的色彩結合到一起反而讓用戶不能集中注意力,失去了使用顏色的初衷。
正常情況下,整篇文章顏色不宜超過 3 種,整體色調也要保持統一。
這種整合類的例外,這個樣式,顏色雖然使用的比較多,但整體感覺比較協調,而且也能吸引讀者眼球。
不過,儘量不要選用飽和度太高,也就是我們平常說的比較鮮豔的顏色,比如說大紅、大紫等,這些顏色一來是比較浮誇,不易被用戶接受;二來是想要搭配出高級感難度略大。
我們可以使用一些不太純正的過渡色,能讓人更舒適,更容易接受,使用得當,還能提升整篇文章的逼格。
▲ 過渡色
以上幾點,其實也是配色的基本原則,簡單總結一下:全文顏色不宜超過3種,整體色調要保持統一,不宜使用過於鮮豔的顏色。
03
最後,再給大家推薦幾個常用的配色方案。
簡約風格排版:以黑白灰為主
推薦正文色:# 595959
推薦強調色:# 595959 ( 加粗處理 )
政務類排版:黑白灰+ 暗紅
推薦正文色:# 0C0C0C
推薦強調色:# C30707
課程類排版:黑白灰+黃
推薦正文色:# 3F3E3F
推薦點綴色:# F4E539
小清新風格排版:黑白灰+藍、紅等衍生顏色
推薦正文色:# 333333
推薦強調色:# 76DFE3
當然,這裡說的顏色搭配也不是絕對的,大家可以根據文章的整體構思來進行顏色的選取。
大家可以在「新媒體助手」中的「顏色代碼」工具中挑選合適的顏色。點擊「複製」即可複製顏色碼,粘貼到首頁調色板處即可直接使用。