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