開始之前的啰嗦
14年國慶,我用自己蹩腳的PPT水平,開通了“逼格PPT(www.utxesa.com)”的博客網(wǎng)站。帶著自我陶醉的中二病,我找到一大票病友。打開網(wǎng)站看看,最開始的PPT和最新的PPT之間差距真心大。現(xiàn)在想想,這段差距就是運營這個博客說帶來的收獲(雖然這遠遠不夠)。所以,我有了PPT教程的想法,既能梳理和學習相關(guān)技能,也能幫助到大家,一起成長。
切入正題
關(guān)于配色理論,相信學過設計的人基本都知道,這里說到的一些PPT配色技巧也源自于此。其實,與平面設計相比,PPT設計和PPT配色更像UI,其目的是凸顯內(nèi)容的核心地位(少數(shù)情況下,可能需要借助圖片和色彩來引導情緒,比如演講的時候),而不是讓色彩喧賓奪主。下面,就來看看PPT配色的一些技巧和方法。
一、借鑒他人配色
公式:找到你喜歡的配色PPT截圖+Ctrl C/V+取色器(PPT自帶工具)
(效率和效果最高的方法,日常工作狗/PPTer的最佳偷懶選擇)
很多時候,我們做PPT并沒有很明確的需要傳遞的調(diào)性(比如日常的工作終結(jié)、匯報等等)。這樣的PPT只需要清楚地將內(nèi)容講述清楚即可,若再次基礎上能有些設計感就是加分項。因此,這種PPT最適合借鑒他人的配色。
如何尋找他人配色?
通過花瓣(http://huaban.com/)、演界網(wǎng)(www.yanj.cn)、PPTstore(www.pptstore.net)搜索相關(guān)內(nèi)容,選擇一個你喜歡的模板,將突破粘貼到PPT里。需要對某個PPT里的元素上色時,用取色器點一下別人的配色就好了。
二、單一配色
公式:黑/白/灰背景色+1種主色(小面積使用)
(國外很多制作精美的PPT模板也采用這種做法,簡單且容易獲得成就感)
這種配色方法其實在PPT里經(jīng)常使用,尤其適合制作簡潔商務風格的PPT。
白色、黑色、灰色3色本身是無彩色的,因此更能襯托彩色,同時也能緩和多種色彩之間的沖突,是百搭的背景色。
大多數(shù)情況下,輔助色的存在是為了需要區(qū)分多個項目的情況下使用(如:圖表等),起到對比強調(diào)的作用。輔助色的選擇最好選擇黑白灰等類似的顏色,且不要大面積使用。另外,如果不需要輔助色就可以說清楚問題,就可以不選擇。
(單色配色案例)
這么多顏色,應該選哪一個呢?
A、很多公司都有自己的LOGO,或者內(nèi)部通用的顏色,這種情況下直接使用這個顏色作為主色即可。
B、根據(jù)你的受眾選擇顏色。比如你的老板、上司、目標客戶。這個時候,其實你對他們的喜好是有所了解的,投其所好,選擇這種顏色作為主色。
C、根據(jù)內(nèi)容/行業(yè)來選擇顏色。不同的內(nèi)容/行業(yè)需要傳遞不同的調(diào)性或情緒,選擇相應顏色即可。
如果你的老板沒有特殊的癖好,你就可以單獨發(fā)揮。附錄一羅列了一些顏色所傳遞的感覺,有需要的童鞋可以自己去看看。
注意事項:
A、確保文字顏色/強調(diào)色與背景色之間有足夠的對比差異,以保證可讀性。
B、個人覺得,盡量避免大面積使用色塊。
C、由于扁平化的流行,如果想偷懶,可以試試更明亮的顏色。如圖:
(流行色特點)
三、多色配色方案
公式:背景色+1種主色+2~3種輔助色(小面積使用)
(一個PPTer的自我修養(yǎng))
(多色配色案例)
1、背景色選擇:白色、淡色色調(diào)、深色色調(diào)(足夠深的)、黑色
個人覺得背景色是首先要決定的顏色。根據(jù)研究,人類的整體認知主要依靠周邊視覺(用來掃視人眼能看到的周邊區(qū)域)而非中央視覺(用來直視事物,觀察細節(jié)),而背景色在PPT頁面中的占比重非常大(尤其是沒有內(nèi)容遮擋的周邊背景)。所以,背景色不僅決定著整個頁面的風格,也影響著人們最PPT頁面的整體印象。
同時,背景色還有著強調(diào)內(nèi)容,突出畫面圖片、文字等信息的作用,所以背景色在色調(diào)上最好使用白色、淡色色調(diào)、深色色調(diào)、黑色的背景色。(想知道什么是色調(diào),可以查看附錄二)
白色背景:體現(xiàn)舒暢、簡約、高檔、純凈、趣味、整潔、樸素。
淡色調(diào)背景:體現(xiàn)優(yōu)雅、情緒化、家庭、清新、慰藉、女性、素凈、輕松、輕薄
深色調(diào)背景:體現(xiàn)豪華、執(zhí)著、幻想、格調(diào)、趣味、沉靜、穩(wěn)重、堅實
黑色背景:體現(xiàn)壓抑、幻想、強力、刺激、高級、剛毅、莊重、嚴肅、神秘
使用深色背景色時建議采用漸變色,且色彩間的差異不要太大。這要做能避免單一顏色過于死板和“悶”,同時,也保證了頁面的和諧,減少主色搭配的難度。
具體選擇哪個色相的顏色來做背景色呢?這需要結(jié)合PPT內(nèi)容和附錄一羅列的一些顏色所傳遞的感覺來決定,內(nèi)容和顏色傳遞的感覺一致即可。
切記:不要選擇飽和度極高色彩作為背景色,會亮瞎雙眼,讓人不敢直視的。
2、選擇主色和輔助色:配色工具自動選取
一般情況下,PPT其實只要將事情講述清楚即可,如果能傳遞一些情緒就算是加分項。因此,PPT的設計要求遠沒有平面設計高。我們將背景色確定之后,主色和輔助色使用配色工具確定即可。色彩的搭配可以按照以下方式搭配: “單色搭配”、“互補色搭配”、“三角形搭配(三元群)”、“矩形搭配(全相型)”、“類似色搭配(類比色)”。(每種搭配方式給人的感覺請參考附錄二)
這里,我們以Color Scheme Designer 3(點擊可訪問)和極受歡迎的Adobe Color CC(點擊可訪問)為例。
Color Scheme Designer 3使用方法
(Color Scheme Designer 3使用方法)
在這里,你需要通過上述步驟調(diào)出你確定的背景色,只要背景色確定,其它的顏色就由系統(tǒng)直接確定。切記,不要盡量不要使用飽和度和亮度都高的色彩。
Adobe Color CC使用方法
(Adobe Color CC使用方法)
兩個工具的使用方法大同小異,大家可以根據(jù)自己的喜好和實際情況選擇。
配色方案確定后,如何使用?
配好色以后,使用RGB的數(shù)值(或者截圖),在PPT里找到對應顏色即可。在使用時,在這注意顏色間的比例。日本設計師まりっぺ曾經(jīng)針對色彩的配色提出75:25:5 的配色比例,其中的底色是占比最多的,剩下的顏色種任選一種來做主色,其余全部做輔助色即可。
4、如何搭配有圖片的色彩
公式1:增加半透明的黑/白矩形+白/黑文字+1種強調(diào)色(強調(diào)色小面積使用)
(有圖片的配色案例一)
為這個圖片添加一個有一定透明度的黑色/白色矩形,減弱圖片中過于豐富的色彩,這樣就可以使用“單一配色”的方法。
公式2:提取圖片中1-3種顏色
(有圖片的配色案例二)
觀察插入圖片中面積最多的1-3種色彩,然后使用取色器提取這個顏色,最后,在你需要的地方使用這種顏色,這樣就會顯得非常和諧。
--------------------------------- END?---------------------------------
附錄一
紅色:強力、活力、開放、興奮、健康、暴力、危險、激情、豪邁
橙色:陽光、溫情、放松、悅動、日常、活潑、快樂、神秘、幻想、優(yōu)雅、時髦、輝煌、疑惑
黃色:光明、希望、輕快、幽默、開朗、天真、開放、快樂、不沉著、溫暖、軟弱、不可靠
綠色:生命、健康、新鮮、平靜、和平、自然、青春、樸實、陰氣、田園、夏天
藍色:理智、誠實、沉靜、寒冷、認真、陰暗、悲傷、寂寞、商務、憂郁
黑色:高級、剛毅、含蓄、莊重、恐怖、消亡、神秘
白色:純潔、樸素、光明、恬靜、干凈、單調(diào)、空虛、神圣
更多顏色和更多感受可以自行百度,自己感受。
附錄二
前面講過單色所傳遞給人的不同感受,其實,那時我們只將顏色看做一個單一的概念,而PPT的多色配色中,將色彩分解為三要素:色相、明度、飽和度。任何一種顏色的任何變化都可以通過這三個維度的變化來實現(xiàn),而某一個因素發(fā)生變化,色彩所傳遞的感覺就可能有所變化。
要素1:色相
色彩可呈現(xiàn)出來的質(zhì)地面貌,是區(qū)別不同色彩的標準。如:日常所說的黑色、白色、黃色等。人們通過大量實踐,將色相的搭配分為單色搭配、互補色搭配、三角形搭配、矩形搭配、類似色搭配、分裂互補色搭配。每一種搭配方式都有自己特點。
以下是幾種常見的色相搭配的類型:
單色搭配:這配色就只是在明度和飽和度上的變化。給人伙伴、隱秘、穩(wěn)重、趣味、幻想、安定、沉著、執(zhí)著、老實、樸素、優(yōu)雅、柔弱、陰沉、封閉、排他的感覺。
類似色(類比色)搭配:相比單色搭配,類似色色彩種類更豐富,層次和變化更多,由于色相相近,看起來顯得平靜而舒服。日常生活中,這種配色非常常見,對眼睛來說最舒適的搭配方式。給人的感覺與單色配色類似。如何想要在此基礎上進行強調(diào),則可以采用類似色搭配互補色的辦法。
互補色搭配:色環(huán)上夾角互為150°到180°的兩種顏色,表現(xiàn)出很強的力量感,表現(xiàn)出很強的力量感,給人堅實、不浪費、商務、有用、刺激、強烈、合理、認真、開放、大膽、華麗、洗練、嚴刻、緊迫、沒情緒、不寬裕、不冷靜、強烈、不親切、不溫柔的感覺。使用這種配色方案時,要注意兩種對比色的比例,否則可能導致對比過于強烈,讓人頭暈目眩。一般,3:7或2:8比較好。
三角形(三元群)搭配:這種配色有很強的平衡感,介于互補配色和矩形配色之間,同時擁有互補配色和矩形配色的優(yōu)點。給人都市、成熟、暢快、洗練、開放、華麗、陽光、輕快、有效、可靠、平凡、沒特點、冷淡、人工的、沒情緒的。
矩形搭配:給人舒適、幽默、愉快、陽光、熱鬧、健康、悅動、不可靠、沒規(guī)矩、沒特征、孩子氣、不冷靜、庸俗的感覺,這是最能體現(xiàn)奔放自由感覺的配色。但顏色過多并不一定是好事,適合才最重要。
要素2:明度
明度:即顏色的亮不亮眼,白色最亮,黑色最暗。
要素3:飽和度
飽和度:即彩色的純度,是否摻入(或摻入了多少)了其它顏色。
什么是色調(diào)
在這里,我們將明度和飽和度結(jié)合為一個概念,稱之為:色調(diào)。所以,我們可以把顏色的要素簡單的視為色相和色調(diào)這兩個要素組成的概念。
參考資料
《配色設計原理》
《配色基礎原理》
《設計師要懂心理學》
《版式設計原理與應用》
《百度百科-色彩》
贊
我居然無意中找到了一個這么好的學習網(wǎng)站,贊一個!!
給你一個敲大的么么噠
站長你真的......一股清流,堅持啊我一定會來你網(wǎng)站學習的
恩恩,就是慢點兒,但一直更新的
請教下,怎么做到突破粘貼啊?
什么意思?
站長寫錯字了,是圖片粘貼
我們通常說,這是通假字
把所有的教程都看完了,收獲頗多呀,期待大大更新
好的,以后會更新多一些教程的~
牛逼
感謝老師的分享!客戶崗學習方案排版中,受益匪淺!
加油咯
李老師好:
看了您很多教程受益非淺,感謝老師的教程,目前我對PPT中畫圖形技巧很是不熟,主要是節(jié)點的調(diào)整,例如可不可以像AI中哪樣同時選中兩個節(jié)點然后再左對齊或右對齊等,我覺得左右或上下兩個節(jié)點很難對齊,只要造感覺,希望老師能出一個針對畫圖形特別是節(jié)點調(diào)整的出一個專門的教程,謝謝了。
這個我暫時也不清楚,你可以去銳普論壇上搜索一下。
我是PPT小白,求帶,師傅
有人剽竊你的文章,在簡書網(wǎng):

《PPT可以這么“色”》我已經(jīng)留言警告他了
真愛~~~

感謝站長~~站長是一股清流!
Color Scheme Designer 3使用方法 第五步 復制編號到哪里去呢?每個顏色的RGB在哪里看?還是必須用取色器一一進行取色?
快速找到