PPT“色誘”術:PPT配色排版技巧

分類: PPT高手進階下載: 日期: 2017-12-17

關於配色理論,相信學過設計的人基本都知道,這裡說到的一些PPT配色技巧也源自於此。其實,與平面設計相比,PPT設計和PPT配色更像UI,其目的是凸顯內容的核心地位(少數情況下,可能需要藉助圖片和色彩來引導情緒,比如演講的時候),而不是讓色彩喧賓奪主。下面,就來看看PPT配色的一些技巧和方法。


一、借鑑他人配色


公式:找到你喜歡的配色PPT截圖+Ctrl C/V+取色器(PPT自帶工具)


(效率和效果最高的方法,日常工作狗/PPTer的最佳偷懶選擇)


很多時候,我們做PPT並沒有很明確的需要傳遞的調性(比如日常的工作終結、彙報等等)。這樣的PPT只需要清楚地將內容講述清楚即可,若再次基礎上能有些設計感就是加分項。因此,這種PPT最適合借鑑他人的配色。


如何尋找他人配色?


通過pptku.cc搜尋相關內容,選擇一個你喜歡的模板,將突破貼上到PPT裡。需要對某個PPT裡的元素上色時,用取色器點一下別人的配色就好了。


二、單一配色


公式:黑/白/灰背景色+1種主色(小面積使用)


(國外很多製作精美的PPT模板也採用這種做法,簡單且容易獲得成就感)


這種配色方法其實在PPT裡經常使用,尤其適合製作簡潔商務風格的PPT。


白色、黑色、灰色3色本身是無彩色的,因此更能襯托彩色,同時也能緩和多種色彩之間的衝突,是百搭的背景色。


大多數情況下,輔助色的存在是為了需要區分多個專案的情況下使用(如:圖表等),起到對比強調的作用。輔助色的選擇最好選擇黑白灰等類似的顏色,且不要大面積使用。另外,如果不需要輔助色就可以說清楚問題,就可以不選擇。


PPT配色,PPT配色教程,PPT模板

1.jpg


(單色配色案例)


這麼多顏色,應該選哪一個呢?


A、很多公司都有自己的LOGO,或者內部通用的顏色,這種情況下直接使用這個顏色作為主色即可。


B、根據你的受眾選擇顏色。比如你的老闆、上司、目標客戶。這個時候,其實你對他們的喜好是有所瞭解的,投其所好,選擇這種顏色作為主色。


C、根據內容/行業來選擇顏色。不同的內容/行業需要傳遞不同的調性或情緒,選擇相應顏色即可。


如果你的老闆沒有特殊的癖好,你就可以單獨發揮。附錄一羅列了一些顏色所傳遞的感覺,有需要的童鞋可以自己去看看。


注意事項:


A、確保文字顏色/強調色與背景色之間有足夠的對比差異,以保證可讀性。


B、個人覺得,儘量避免大面積使用色塊。


C、由於扁平化的流行,如果想偷懶,可以試試更明亮的顏色。如圖:


PPT配色,PPT配色教程,PPT取色器

2.jpg


(流行色特點)


三、多色配色方案


公式:背景色+1種主色+2~3種輔助色(小面積使用)


(一個PPTer的自我修養)

3.jpg


(多色配色案例)


1、背景色選擇:白色、淡色色調、深色色調(足夠深的)、黑色


個人覺得背景色是首先要決定的顏色。根據研究,人類的整體認知主要依靠周邊視覺(用來掃視人眼能看到的周邊區域)而非中央視覺(用來直視事物,觀察細節),而背景色在PPT頁面中的佔比重非常大(尤其是沒有內容遮擋的周邊背景)。所以,背景色不僅決定著整個頁面的風格,也影響著人們最PPT頁面的整體印象。


同時,背景色還有著強調內容,突出畫面圖片、文字等資訊的作用,所以背景色在色調上最好使用白色、淡色色調、深色色調、黑色的背景色。(想知道什麼是色調,可以檢視附錄二)


白色背景:體現舒暢、簡約、高檔、純淨、趣味、整潔、樸素。


淡色調背景:體現優雅、情緒化、家庭、清新、慰藉、女性、素淨、輕鬆、輕薄


深色調背景:體現豪華、執著、幻想、格調、趣味、沉靜、穩重、堅實


黑色背景:體現壓抑、幻想、強力、刺激、高階、剛毅、莊重、嚴肅、神祕


使用深色背景色時建議採用漸變色,且色彩間的差異不要太大。這要做能避免單一顏色過於死板和“悶”,同時,也保證了頁面的和諧,減少主色搭配的難度。


具體選擇哪個色相的顏色來做背景色呢?這需要結合PPT內容和附錄一羅列的一些顏色所傳遞的感覺來決定,內容和顏色傳遞的感覺一致即可。


切記:不要選擇飽和度極高色彩作為背景色,會亮瞎雙眼,讓人不敢直視的。


2、選擇主色和輔助色:配色工具自動選取


一般情況下,PPT其實只要將事情講述清楚即可,如果能傳遞一些情緒就算是加分項。因此,PPT的設計要求遠沒有平面設計高。我們將背景色確定之後,主色和輔助色使用配色工具確定即可。色彩的搭配可以按照以下方式搭配: “單色搭配”、“互補色搭配”、“三角形搭配(三元群)”、“矩形搭配(全相型)”、“類似色搭配(類比色)”。(每種搭配方式給人的感覺請參考附錄二)


這裡,我們以Color Scheme Designer 3(點選可訪問)和極受歡迎的Adobe Color CC(點選可訪問)為例。


Color Scheme Designer 3使用方法


4.jpg


(Color Scheme Designer 3使用方法)


在這裡,你需要通過上述步驟調出你確定的背景色,只要背景色確定,其它的顏色就由系統直接確定。切記,不要儘量不要使用飽和度和亮度都高的色彩。


Adobe Color CC使用方法


5.jpg


(Adobe Color CC使用方法)


兩個工具的使用方法大同小異,大家可以根據自己的喜好和實際情況選擇。


配色方案確定後,如何使用?


配好色以後,使用RGB的數值(或者截圖),在PPT裡找到對應顏色即可。在使用時,在這注意顏色間的比例。日本設計師まりっぺ曾經針對色彩的配色提出75:25:5 的配色比例,其中的底色是佔比最多的,剩下的顏色種任選一種來做主色,其餘全部做輔助色即可。


4、如何搭配有圖片的色彩


公式1:增加半透明的黑/白矩形+白/黑文字+1種強調色(強調色小面積使用)


6.jpg


(有圖片的配色案例一)


為這個圖片新增一個有一定透明度的黑色/白色矩形,減弱圖片中過於豐富的色彩,這樣就可以使用“單一配色”的方法。


公式2:提取圖片中1-3種顏色


7.jpg


(有圖片的配色案例二)


觀察插入圖片中面積最多的1-3種色彩,然後使用取色器提取這個顏色,最後,在你需要的地方使用這種顏色,這樣就會顯得非常和諧。


--------------------------------- END ---------------------------------


附錄一


紅色:強力、活力、開放、興奮、健康、暴力、危險、激情、豪邁


橙色:陽光、溫情、放鬆、悅動、日常、活潑、快樂、神祕、幻想、優雅、時髦、輝煌、疑惑


黃色:光明、希望、輕快、幽默、開朗、天真、開放、快樂、不沉著、溫暖、軟弱、不可靠


綠色:生命、健康、新鮮、平靜、和平、自然、青春、樸實、陰氣、田園、夏天


藍色:理智、誠實、沉靜、寒冷、認真、陰暗、悲傷、寂寞、商務、憂鬱


黑色:高階、剛毅、含蓄、莊重、恐怖、消亡、神祕


白色:純潔、樸素、光明、恬靜、乾淨、單調、空虛、神聖


更多顏色和更多感受可以自行百度,自己感受。


附錄二


前面講過單色所傳遞給人的不同感受,其實,那時我們只將顏色看做一個單一的概念,而PPT的多色配色中,將色彩分解為三要素:色相、明度、飽和度。任何一種顏色的任何變化都可以通過這三個維度的變化來實現,而某一個因素髮生變化,色彩所傳遞的感覺就可能有所變化。


要素1:色相


色彩可呈現出來的質地面貌,是區別不同色彩的標準。如:日常所說的黑色、白色、黃色等。人們通過大量實踐,將色相的搭配分為單色搭配、互補色搭配、三角形搭配、矩形搭配、類似色搭配、分裂互補色搭配。每一種搭配方式都有自己特點。


以下是幾種常見的色相搭配的型別:


單色搭配:這配色就只是在明度和飽和度上的變化。給人夥伴、隱祕、穩重、趣味、幻想、安定、沉著、執著、老實、樸素、優雅、柔弱、陰沉、封閉、排他的感覺。


類似色(類比色)搭配:相比單色搭配,類似色色彩種類更豐富,層次和變化更多,由於色相相近,看起來顯得平靜而舒服。日常生活中,這種配色非常常見,對眼睛來說最舒適的搭配方式。給人的感覺與單色配色類似。如何想要在此基礎上進行強調,則可以採用類似色搭配互補色的辦法。


互補色搭配:色環上夾角互為150°到180°的兩種顏色,表現出很強的力量感,表現出很強的力量感,給人堅實、不浪費、商務、有用、刺激、強烈、合理、認真、開放、大膽、華麗、洗練、嚴刻、緊迫、沒情緒、不寬裕、不冷靜、強烈、不親切、不溫柔的感覺。使用這種配色方案時,要注意兩種對比色的比例,否則可能導致對比過於強烈,讓人頭暈目眩。一般,3:7或2:8比較好。


三角形(三元群)搭配:這種配色有很強的平衡感,介於互補配色和矩形配色之間,同時擁有互補配色和矩形配色的優點。給人都市、成熟、暢快、洗練、開放、華麗、陽光、輕快、有效、可靠、平凡、沒特點、冷淡、人工的、沒情緒的。


矩形搭配:給人舒適、幽默、愉快、陽光、熱鬧、健康、悅動、不可靠、沒規矩、沒特徵、孩子氣、不冷靜、庸俗的感覺,這是最能體現奔放自由感覺的配色。但顏色過多並不一定是好事,適合才最重要。


要素2:明度


明度:即顏色的亮不亮眼,白色最亮,黑色最暗。


要素3:飽和度


飽和度:即彩色的純度,是否摻入(或摻入了多少)了其它顏色。


什麼是色調


在這裡,我們將明度和飽和度結合為一個概念,稱之為:色調。所以,我們可以把顏色的要素簡單的視為色相和色調這兩個要素組成的概念。


參考資料

《配色設計原理》

《配色基礎原理》

《設計師要懂心理學》

《版式設計原理與應用》

《百度百科-色彩》