配圖
應(yīng)廣大小伙伴的要求,這一次來篇配色方面的教程。希望大家喜歡。
色彩基礎(chǔ)知識
要學習配色,先要對色彩有一個基礎(chǔ)的了解。
色彩的組成
所有的色彩都是源自'紅黃藍'三種原色。有人可能會潛意識地認為三原色是'紅綠藍',但其實不是。紅綠藍是顯示上的三原色,我們常見的RGB就分別對應(yīng)著紅色(R),綠色(G)和藍色(B),和美術(shù)上的三原色不一樣。
紅黃藍兩兩混合后得到三個二級色即“間色”綠橙紫。
原色與間色混合或間色與間色混合而形成越來越多的顏色,稱之為“復(fù)色”。
最后由三種原色、三種間色和六種復(fù)色組成的系統(tǒng)就統(tǒng)稱為十二色環(huán)(colorwheel),也是學習色彩搭配的基礎(chǔ)。
什么?你說你看不懂這些?
什么?你說你已經(jīng)把桌子掀了?
什么?你說你現(xiàn)在眼睛都快瞎了?
好吧。那我們講點實用的。
日常工作中,我們用PPT主要是作為工作匯報的展示用途,希望能夠制作PPT的過程能夠高效,美觀,實用。所以上面講的原色、間色、復(fù)色、色環(huán)啥的對于非專業(yè)設(shè)計師而言,意義并不是特別大。我們只需要掌握少數(shù)幾個原則和方法,就完全能夠滿足日常工作需要了。
接下來我要放大招了,請捂好自己的眼睛。
先說幾個最簡單也最容易掌握的原則。
1、頁面顏色不超過3種!3種!3種!
除非你對自己的配色有著超乎常人的自信,否則我建議你在自己的PPT中最好使用不超過3種顏色。因為顏色越多,頁面的整體感覺就越難控制。
如果你非常確定老板喜歡下面這種PPT,那放開你的手腳,大膽去配色吧,后面的也就不用看了。
反正我是不能容忍這樣的PPT
相對而言,PPT中使用的顏色越簡單,越容易體現(xiàn)專業(yè)和高逼格。
當然我說的三種顏色不是指的只有三個顏色。一種顏色指的是相近的一個色系。
下面這張圖幫助你區(qū)分一下三種顏色和三個顏色的區(qū)別。
下面的PPT只用到了白色和藍色兩種顏色,藍色有深淺變化,整體頁面干凈整潔,非常美觀。
很干凈,很漂亮有木有!
2、頁面中一定要有主色和輔色的區(qū)別
PPT主色:視覺的沖擊中心點,整個畫面的重心點,它的明度、大小、飽和度都直接影響到輔助色的存在形式以及整體的視覺效果。
PPT輔助色:在整體的畫面中則應(yīng)該起到平衡主色的沖擊效果和減輕其對觀看者產(chǎn)生的視覺疲勞度,起到一定量的視覺分散的效果。
而涉及到主色和配色,就要考慮整體色系的影響。
色彩分為兩大色系,冷色系和暖色系。
使用冷色系主色會讓整部PPT觀看起來很舒服,給人以冷靜,理性,嚴肅,低調(diào)的感覺,但冷色系容易讓人感覺乏味和冷漠,所以冷色系的主色多少需要一些暖色系的顏色來進行搭配。
如下圖,雖然整體使用藍色和黑色為主色,但也添加了飽和度相對較低的黃色進行搭配。
使用暖色系主色則會讓整部PPT活潑,熱烈,浪漫,動感,能夠調(diào)動人的感官體驗,易于造成視覺沖擊力,但純度太高尤其是大面積使用的暖色,容易引起視覺疲勞,顯得非常刺眼。
如此大面積地使用純度很高的紅色,很刺眼,觀感體驗很不好,應(yīng)盡量避免。
這是要亮瞎觀眾的節(jié)奏
像下圖這種配色,色彩繁多,看似活潑,實則雜亂,色彩對于內(nèi)容的干擾太強,找不到畫面的重心。
絢爛民族風
下面這張主色采用青色,重點突出,背景輔色采用深藍到黑色的漸變色,既穩(wěn)重,還能突出標題,與重點色相對比和相呼應(yīng),白色作為輔色起到點綴的作用。
明白上述兩個基本原則,能夠應(yīng)付日常工作中絕大多數(shù)PPT需求。
講了原則之后,我們來聊聊具體的顏色搭配方法。
1、同一色調(diào)搭配
同一色調(diào)搭配指的是將同一色系的不同顏色進行搭配,利用同一顏色的不同明暗搭配,以實現(xiàn)較為統(tǒng)一規(guī)整的視覺效果。
因為頁面中雖然包含多個顏色,但都隸屬于同一色系,不會給人以突兀雜亂的感覺,更容易給人一種柔和舒適的感覺。
像這樣的
利用了不同明暗的金色來配色,低調(diào)而又不失奢華
或這樣的
利用了不同明暗的藍色,簡潔清新
2、類似色調(diào)搭配
以色調(diào)配置中相鄰或相接近的兩個或兩個以上的色調(diào)搭配在一起的配色,類似色調(diào)的特征在于色調(diào)與色調(diào)之間微小的差異,較同一色調(diào)有變化,不易產(chǎn)生呆滯感。
但是兩種顏色的反差不宜過于強烈,最好是在十二色環(huán)中距離不超過60゜(不好意思,這里必須用色環(huán)來解釋)。
如下圖示意中的類似色和相近色。
這張圖必須看懂,要好好記一下
我們利用類似色調(diào)可以實現(xiàn)如下效果
對不起,這張圖有點小了
3、對比色調(diào)搭配
利用反差強烈的顏色才相互搭配,營造富有視覺沖擊力的效果,對比鮮明,色彩突出。具體啥叫對比色,請參考第二部分的那張十二色環(huán)圖。
利用對比色需要注意的是,圖片反差太過強烈的話,也容易造成色彩對于內(nèi)容的干擾。
最通用的對比色調(diào)搭配就是黑白配啦~幾乎萬能。
除了黑白配,還有許多經(jīng)典的對比配色,基本原則就是在主色確定的基礎(chǔ)上,淺色和深色搭配,冷色暖色搭配。
粉紅色與白色和黑色進行對比。粉紅為主色和暖色,白色和黑色為輔助色和冷色。
深藍色為背景色,紅色為主色。深藍色和紅色進行搭配。兩種顏色飽和度都比較低。
好了。說了這么多。總結(jié)一下上面說的東西。
1、整個頁面中的顏色最好不要超過3種。
2、頁面中必須分清主色和輔助色。
3、盡量不要大面積使用純度很高的暖色,很刺眼。
4、同一色調(diào)搭配利用的是同一色系中不同明暗度的顏色。
5、類似色調(diào)的搭配不宜采用對比過于強烈的顏色。
6、對比色需要注意色彩搭配對于頁面內(nèi)容的干擾。
總而言之,顏色搭配原則是:均衡、柔和、突出重點,而不是傷害群眾眼球。
什么?我說了這么多你還是不會配色?
什么?你說你不還是不知道用什么顏色好?
好吧,最后一個大招。
我來安利一個配色網(wǎng)站,僅一個就好,能滿足你99.99%的工作需要。
Color hunt
網(wǎng)址:http://www.colorhunt.co/(注意,后綴是.co,不是.com)
這么小清新的界面,著實漂亮啊。
Color Hunt 包含了一系列漂亮炫酷的色彩組合,網(wǎng)站會每天更新配色方案,并且根據(jù)瀏覽數(shù)排列出最漂亮的配色方案。
同一色調(diào)的
相似色調(diào)的
對比色調(diào)的
幾乎你想要的配色都可以找到。
而且點進去一個配色之后,還會給你提供許多相似的配色方案。
當鼠標停留在一個顏色上時,會顯示這個顏色的十六進制代碼,而這個代碼是不能直接用到PPT里的。怎么辦呢?百度。
這是16進制的顏色代碼
百度“顏色代碼轉(zhuǎn)換”,第一個結(jié)果就是一個在線轉(zhuǎn)換工具。
有啥不會的問度娘
點進去,將復(fù)制的代碼放進框框里,點擊轉(zhuǎn)換,就轉(zhuǎn)換為RBG格式的數(shù)字了。然后將RGB顏色值輸入PPT顏色就好。
什么?你不會調(diào)PPT里的顏色值?
好吧。我再教教你。
這是第一步,你要連這個都找不到那就別問我了。
這是第二步
文/小小的巨人(簡書作者)