怎樣的 PPT 配色會讓人覺得舒服?

我們平時製作PPT或者在有關顏色的選擇中,怎麼搭配顏色更好呢? 有什麼科學依據?


-----------------第一次收到這麼多贊,還上了知乎日報,真的很感謝大家的厚愛----------------
原題目是怎麼樣的配色會令人覺得舒服,有什麼科學依據?所以大家看到ppt點進來的也許會覺得有點失望,覺得沒有針對性地講ppt,敬請諒解。答案原創,有不對的地方希望指出,謝謝~~
-------------------------------------------------------------------------------------
因為暑假正好要教一門叫color and form的課,所以覺得整理梳理一下也正好。
哎呀呀呀要[科學]呀我好頭疼~ .........?_?.........
好不容易想努力寫一次答案各位看官覺得有用就點個贊么么噠~
一.先普及色彩的幾種組合方式:

首先上個色輪鎮樓!

這個冷-暖色系大家大概都明白是怎麼回事,與問題關切不大,只是順便一提

Complementary color scheme-互補色
在色輪上互相對著的顏色,如圖所標紅配綠。這種高度色差的色調,尤其在這樣的這樣的純色下顯得十分強烈,通常這樣的互補色我們都會通過改變明度降低純度的方法來讓它們看起來不那麼刺眼。互補色用起來要注意,很多廣告和招貼為了吸引眼球經常會使用。

降低純度的互補色非常和諧好看有木有,而且設計中一般都會降純度的,用大純色一般都是出於某種視覺衝擊需要。

室內設計中互補色的應用

時尚領域同理,互補色中總能讓一個顏色特別出挑。藍橙互補是我個人最喜歡的互補色組合。當然紅綠、紫黃等等也是常用且很好看的。

Analogous color scheme-同類色系
即色輪上左右兩個鄰近色,這個通常都好用,也不容易用錯。通常同類色都會用來營造比較安靜祥和舒服的色彩氛圍,因為這樣的色彩組合就是在大自然中最常見到的,比如綠樹成蔭啦藍天海洋啦。但是在選擇這樣的顏色的時候在比例上注意調和,選擇一個為主要的顏色,其他一個為輔。

看我大自然色多麼和諧美麗~
舉幾個例子來說吧:

日常中常見的同類色系, 是不是很和諧舒服?

梵高的自畫像,可以看到不同的藍色的運用,包括皮膚都是受環境色影響偏冷綠。這樣的畫面比較安靜祥和,也可以因為顏色的關係是冷寂憂鬱,但總體的氛圍是安靜的,是很穩定的用色。
圖片摘自:ArtLex on Post-Impressionist Vincent van Gogh

同樣,塞尚的作品Houses in Provence. 取色於自然就一定會是和諧統一的。

在日常生活中,各類設計中也常常見到同類色的應用。
如上圖所示,這裡可以看到黃棕色系,黃色是主打顏色,黑白灰隨便用,和什麼顏色都是相配的。

前面有個答案是針對服飾的色彩搭配的,已經說得很詳細了,我就順帶這個同類色系補兩張圖片,不復贅述。

Triadic color scheme-三色系
這種色彩搭配通常都非常的有鮮亮活潑,但盡量不要用三個大純色的搭配,要用它們降純後的的灰度色,然後也是要有一個主次關係,一個顏色為主,另兩個為輔。

玉米的大塊明黃色顯然就是畫面中主導的顏色,再用兩個降低純度的顏色相對小面積為輔助。

玫紅色在其他兩個純度相對較低的顏色中比較突出,還有桌上的花和琉璃瓶做呼應

同樣,再時尚領域和室內設計都可以應用起來,色調比較鮮亮活潑,也就是我們常說的「撞色」的感覺。

Split-Complementary color scheme-分散互補色系
和互補色很相似,其對立色是補色的鄰近兩色。如圖綠色的補色是紅色,那它的分散互補色就是紫紅色和橙紅色。也和互補色一樣,其視覺差很大,也是容易吸引人眼球,但是沒有補色的強度高。但用分散互補色比補色保險,所以也不償為一個保險又出彩的選擇。

所以請參照色環,綠色對應的分散互補色應該是紫羅蘭色或橙色,這裡我們用了紫羅蘭配綠色

同樣的梵高自畫像,你可以看到綠色大衣和背景橙色的分散互補色的對比,強烈但不至於過分。這張感情明顯比之前那張同類色的要強烈得多。而從畫中他剛割去的左耳也可以窺得他這個時期的精神狀態。

並不是橙色與藍色的互補,而是對藍色向綠色過渡的青色。

Rectangle (tetradic) color scheme-矩形色系/四色系
兩對分散互補色組成的色系,其特點是豐富多彩,變化無窮。但應用時應注意主體色彩要突出,然後就是冷色和暖色的使用一定要平衡。

其實說白了就是兩對互補色的應用,對色彩沒有把握的話不要輕易嘗試,很容易混亂。但像這張時尚攝影把黃色對紫色,玫紅對藍綠的色彩用到這樣極致的真是需要非常深厚的功力。
請注意每塊顏色的比例,在構圖中的位置,模特的姿勢等等,太有的講究了。Graphically Geometric Monotography

Square color scheme-方形色系
和前面矩形類似,方形色系也是兩對互補色的應用,對色彩沒有把握的話不要輕易嘗試,很容易混亂。

fashion feature from august 1967 seventeen magazine
1967年vogue雜誌里的照片,紅綠的小面積運用,和大面積的黃紫色搭配。

我還是非常喜歡這種大膽的色塊運用的,但一定是對各塊顏色的形態、面積、和其他顏色的比例都經過反覆的掂量之後再使用。

這個好好說下,調過顏料的童鞋們都知道,原有的顏色我們叫做純色,也就是出現在色輪裡面的顏色,它們是在色相上進行橫向的變化。然後上面這些小格格們就是縱向的變化啦,也就是駛向「高級」之路。
1. 第一個是淺色調,即在純色上加白達到提亮的效果
2.然後是暗色調,即在純色的基礎上添加黑色不斷地降低明度
3.是灰色調,這個不一定是加灰色,也可以通過加互補色來降低純度

二. 色彩學的模型
1. 奧斯特瓦爾德理論
我都說到橫向縱向了,你們就要明白色彩不是一個平面的東西,要建個立體模型才能說清楚呀~這個答案重點就在這裡了,前面的只是基礎理論鋪墊,因為題主註明要科學依據,所以我才寫著部分。但是我知道大部分的同學們不會有耐心看下去了,我就是寫寫,看不看由你~
這個模型的名字叫做Ostawald color system, 是由德國物理化學家弗里德里希·威廉·奧斯特瓦爾德發明的!

奧斯特瓦爾德顏色系統的基本色相為黃、橙、紅、紫、藍、藍綠、綠、黃綠8個主要色相,每個基本色相又分為3個部分,組成24個分割的色相環,從1號排列到24號。

奧斯特瓦爾德色相環


  奧斯瓦爾德的全部色塊都是由純色與適量的白黑混合而成,其關係為
     白量W+黑量B+純色量C=100
  消色系統的明度分為8個梯級,附以a、c、e、g、i、l、n、p的記號。a表示最明亮的色標白,p表示最暗的色標黑,其間有6個階段的灰色。這些消色色調所包含的白和黑的量是根據光的等比級數增減的,明度是以眼睛可以感到的等差級數增減決定的。

從上表可以看出,作為色標的白(a)比理想的白色含有11%的黑量;而作為色標的黑(p)則比理想的黑含有3.5%的白。並且還有如下關係:

將分級的數字代入則得:

  從這種明度分級的方法即可看出並不是按照視覺特徵來分級的,這是該系統的一大缺點。
  把這個明度階梯作為垂直軸,並作成以此為邊長的正三角形,在其頂點配以各色的純色色標,這個三角形就是等色相三角形(下圖所示)

奧斯特瓦爾德等色相三角形

  奧斯瓦爾德顏色系統共包括24個等色相三角形。每個三角形共分為28個菱形,每個菱形都附以記號,用來表示該色標所含白與黑的量。例如某純色色標為nc,n是含白量5.6%,c是含黑量44%,則其中所包含的純色量為:
      100-(5.6+44)=50.4%
  再如純色色標為pa,p含白量為3.5%,a含黑量11%,所以含純色量為:
     100-(3.5+11)=85.5%
  這樣作成的24個等色相三色形,以消色軸為中心,迴轉三角形時成為一復圓錐體,也就是奧斯瓦爾德顏色立體。
  奧斯特瓦爾德色系通俗易懂,它給調配使用色彩的人提供了有益的指示。在做色彩構成練習中的純度推移時,奧斯特瓦爾德色系的色相三角形不啻可以視為一種配方的指導,此外,色相三角形的統一性也為色彩搭配特性顯示了清晰的規律性變化。奧斯特瓦爾德色系的缺陷在於等色相三角形的建立限制了顏色的數量,如果又發現了新的、更飽和的顏色,則在圖上就難以表現出來。另外,等色相三角形上的顏色都是某一飽和色與黑和白的混合色,黑和白的色度坐標在理論上應該是不變的。則同一等色相三角形上的顏色都有相同的主波長,而只是飽和度不同而已,這與心理顏色是不符的。目前採用混色盤來配製同色相三角形,以彌補這一缺陷。


奧斯特瓦爾德認為,color harmony(色彩協調)的理論中最為重要的順序。也就是你們說的舒服的顏色滿足這樣的幾條:

1)Colours harmonise if they are located at the equal white and equal black circle in the Ostwald system;
2)Colours harmonise if they have equal white content;
3)Colours harmonise if they have equal black content;
4)Colours harmonise if they have equal hue content.

這四條原則即,
1)顏色在等量的黑白即明度環是協調的。(即平行的圈圈裡面)
2)有等量的白色的顏色範圍是協調的。(即表面縱向那條線)
3)有等量的黑色的顏色是協調的。(表面橫向那條線)
4)在同色的色度里的顏色是協調的 (模型內部縱向的垂直線)

我自己翻譯的,如果有歧義請告訴我哦

2. The Munsell Color Solid
Munsell Color System; Color Matching from Munsell Color Company |

孟塞爾色彩體系(Munsell Color System)是色度學(或比色法)里透過明度(value)、色相(hue)及彩度(chroma)三個維度來描述顏色的方法。這個顏色描述系統是由美國籍美術教育家阿爾伯特·孟塞爾(Albert H. Munsell,1858-1918)在1898年創製的,在1930年代為USDA採納為泥土研究的官方顏色描述系統。至今仍是比較色法的標準。

Munsell目的在於創建一個"描述色彩的合理方法",採用的十進位計數法比顏色命名法優越。1905年他出版了一本顏色數標法的書,已多次再版,目前仍然當作比色法的標準。蒙塞爾色彩系統著重研究顏色的分類與標定、色彩的邏輯心理與視覺特徵等,為傳統藝術色彩學奠定了基礎,也是數字色彩理論參照的重要內容。

孟塞爾顏色立體如下圖所示,中央軸代表無彩色黑白系列中性色的明度等級,黑色在底部,白色在頂部,稱為孟塞爾明度值。它將理想白色定為10,將理想黑色定為0。孟塞爾明度值由0-10,共分為11個在視覺上等距離的等級。

孟塞爾顏色立體示意圖

  在孟塞爾系統中,顏色樣品離開中央軸的水平距離代表飽和度的變化,稱之為孟塞爾彩度。彩度也是分成許多視覺上相等的等級。中央軸上的中性色彩度為0,離開中央軸愈遠,彩度數值愈大。該系統通常以每兩個彩度等級為間隔製作一顏色樣品。各種顏色的最大彩度是不相同的,個別顏色彩度可達到20。
  孟塞爾顏色立體水平剖面上表示10種基本色。如圖5-18所示,它含有5種原色:紅(R)、黃(Y)、綠(G)、藍(B)、紫(P)和5種間色:黃紅(YR)、綠黃(GY)、藍綠(BG)、紫藍(PB)、紅紫(RP)。在上述10種主要色的基礎上再細分為40種顏色,全圖冊包括40種色相樣品。


孟塞爾色相的標定系統


  任何顏色都可以用顏色立體上的色相、明度值和彩度這三項坐標來標定,並給一標號。標定的方法是先寫出色相H,再寫明度值V,在斜線後寫彩度C。
     HV/C=色相明度值/彩度
  例如標號為10Y8/12的顏色:它的色相是黃(Y)與綠黃(GY)的中間色,明度值是8,彩度是12。這個標號還說明,該顏色比較明亮,具有較高的彩度。3YR6/5標號表示:色相在紅(R)與黃紅(YR)之間,偏黃紅,明度是6,彩度是5。
  對於非彩色的黑白系列(中性色)用N表示,在N後標明度值V,斜線後面不寫彩度。
     NV/=中性色明度值/
  例如標號N5/的意義:明度值是5的灰色。
  另外對於彩度低於0.3的中性色,如果需要做精確標定時,可採用下式:
      NV/(H,C)=中性色明度值/(色相,彩度)
  例如標號為N8/(Y,0.2)的顏色,該色是略帶黃色明度為8的淺灰色。
  《孟塞爾顏色圖冊》是以顏色立體的垂直剖面為一頁依次列入。整個立體劃分成40個垂直剖面,圖冊共40頁,在一頁裡面包括同一色相的不同明度值、不同彩度的樣品。如圖5-19所示,是顏色立體5Y和5PB兩種色相的垂直剖面。中央軸表示明度值等級1-9,右側的色相是黃(5Y)。當明度值為9時,黃色的彩度最大,該色的標號為5Y9/14,其它明度值的黃色都達不到這一彩度。中央軸左側的色相是紫藍(5PB),當明度值為3時,紫藍色的彩度最大。該色的標號:5PB3/12。

孟塞爾顏色立體的Y-PB垂直剖面


  又如圖5-20所示,.是明度值為5的水平剖面,在明度值為5的條件下,紅色(R)的彩度最大,黃色(Y)的彩度最小。

孟塞爾顏色立體的明度值5水平剖面

孟塞爾的色立體

1) The grey scale;
2) Colours of the same Munsell Hue and the same Munsell Chroma;
3) Complementary colours of the same Value and the same Chroma;
4) Colours of "diminishing sequences", in which each colour is dropped down one step in Value as Chroma goes down one step, and so is Hue;
5) Colours on an "elliptical path" in the Munsell colour space.

好了又到了我瞎翻譯的時候啦啦啦啦啦~~~~
和奧斯特瓦爾德理論相同的是,孟塞爾的色彩原理也認為,色彩的協調舒服基於模型中特定的路徑和空間。
1)所有的灰色系都協調~ (這也就是前面好多答案裡面說了的色彩的灰色調、高級色)
2)孟塞爾色相和飽和度相同的顏色
3)有著相同明度和相同飽和度的互補色
4)呈「遞減序列」的顏色,即在色立體中一小塊一小塊的色彩飽和度呈垂直的變化,也叫做色度
5)在孟塞爾顏色空間呈「橢圓路徑」的顏色空間。

說了那麼多理論的,我決定好好總結,好好說話,說人話!
色調種類綜上所述,色調傾向大致可歸納成鮮色調、灰色調、淺色調、深色調、中色調等。
1.鮮色調
在確定色相對比的角度、距離後,尤其是中差(90度)以上的對比時,必須與無彩色的黑、白、灰及金、銀等光澤色相配,在高純度、強對比的各色相之間起到間隔、緩衝、調節的作用,以達到既鮮艷又直接、既變化又統一的積極效果。感覺生動、華麗、興奮、自由、積極、健康等。
2.灰色調
在確定色相對比的角度、距離後,於各色相之中調入不同程度、不等數量的灰色,使大面積的總體色彩向低純度方向發展,為了加強這種灰色調傾向,最好與無彩色特別是灰色組配作用。感覺高雅、大方、沉著、古樸、柔弱等。
3、深色調
在確定色相對比的角度、距離時,首先考慮多選用些低明度色相,如藍、紫、藍綠、藍紫、紅紫等,然後在各色相之中調入不等數量的黑色或深白色,同時為了加強這種深色傾向,最好與無彩色中的黑色組配使用,感覺老練、充實、古雅、樸實、強硬、穩重、男性化等。
4、淺色調
在確定色相對比的角度、距離時,首先考慮多選用些高明度色相,如黃、桔、桔黃、黃綠等,然後在各色相之中調入不等數量的白色或淺灰色,同時為了加強這種粉色調傾向,最好與無彩色中的白色組配使用。
5、中色調
是一種使用最普遍、數量最眾多的配色傾向,在確定色相對比的角度、距離後,於各色相中都加入一定
數量黑、白、灰色,使大面積的總體色彩呈現不太淺也不太深,不太鮮也不太灰的中間狀態。感覺隨和、樸實、大方、穩定等。
在優化或變化整體色調時,最主要的是先確立基調色的面積統治優勢。一幅多色組合的作品,大面積、多數量使用鮮色,熱必成為鮮調,大面積、多數量使用灰色,勢必成為灰調,其他色調依此類推。這種優勢在整體的變化中能使色調產生明顯的統一感,但是,如果只有基調色而沒有感到單調、乏味。如果設置了小面積對比強烈的點綴色、強調色、醒目色,由於其不同色感和色質的作用,會使整個色彩氣氛豐富。活躍起來。但是整體與對比是矛盾的統一體,如果對比、變化過多或面積過大,易破壞整體,失去統一效果而顯得雜亂無章。反之,若面積太小則易被四周包圍的色彩同化、融合而失去預期的作用。

最後給大家推薦個網站:
Paletton - The Color Scheme Designer 隨便上去玩就好了


直到今天對於那些高大上的配色理論依然不是很懂。
但是,讓眼睛舒服的配色一定不錯的!
所以,就有了下面的懶人配色三寶。


1.黑白色系(初級)

灰色系(黑白)是我們熟知的萬能色,即使你不懂什麼叫萬能色,也明白黑色和白色的衣服鞋子是百搭的。因此,灰色系的顏色和任何其他顏色也是百搭的!

如果對於花花綠綠的顏色無感的話,黑白配也是一種不錯的選擇啊!
比如這樣~

黑白色運用恰當的話,逼格分分鐘甩其他帶顏色的模板幾條街(捂臉逃)

2.單色系(黑白+一種其他顏色)
既然黑白是萬能色,那就隨意配上其他一種顏色好啦(基本任何一種都可以),而且不會丑的
比如這樣

或者這樣

還可以這樣~版式排好的話一種顏色也HOLD住全場

3.選擇相近的顏色(2-3種)
如果一種顏色看多了會覺得單調的話,相近色的搭配也是不錯的選擇!
打開選色界面,隨便找個喜歡的區域好了。

就拿紅色這片來舉例子,隨便在這個地方或者周圍選2-3種顏色(最好不要超過3種)

這樣配色的結果是讓眼睛感到非常舒服的~

或者,我們選綠色那片區域。

同樣會使人感到賞心悅目~美如畫

更高(tou)級(lan)的配色方法:
其實可以直接拿人家配好的方案來用嘛,自己配效果還不一定好
觀海PPT的採集
排版(205圖)_@觀海PPT收集

說點題外話:
配色是做好PPT中很重要的一環,但只有這一點是遠遠不夠的,排版,字體等也是十分考究的部分。上面舉的例子可能過於花哨了(取自我的模板),重點在說明配色的重要性,希望有所幫助。
——————————————————————————
相關問題:
如何有效率地製作 PPT? - 看山不是山的回答
如何找到優質又滿意的演示文檔(PPT)中可以使用的素材? - 看山不是山的回答
怎樣做出優秀的扁平化設計風格 PPT 或 Keynote 幻燈片演示文稿? - 看山不是山的回答
微信公眾號:觀海PPT


我來解釋一下黃配紫賽狗屎這句話的真正含義。這句話的原話是紅配綠賽狗屁,黃配紫賽狗屎。這句話的由來是我在高考前學習色彩的時候的一句話,原因是在當時學習時畫畫使用的顏料是水粉,學過美術的應該不會陌生。其中大紅色加中綠這倆顏色如果調和在一起那這個顏色就是個類似黑色的很深的顏色,所以調色時要盡量避免這樣調色。而黃配紫同理,這兩個顏色配在一起調和的結果就是很髒的褐色和泥的顏色很像。想想簡單的3原色配色原理就會明白不能這麼配色是有原因的。紫色是紅和藍色配在一起的而黃色加藍色是綠色,所以混在一起的比例很平均的話那出現的就是相對臟灰色。如果各位想要自己試驗一下的話那各位會有新奇的發現。
還有分享一張圖看看黃色和紫色配色很漂亮。

看我在衣服上打模糊的地方其實就是黃配紫調出來的顏色。
ps:安利一下圖片來源啊,是一本叫《壹周漫畫》的雜誌其中的《一躍飛人》漫畫。這本書里的漫畫都很棒,喜歡的可以看一看。

割了---------------------------------------------------------------------------------------------


我看到網們都在問圖片的RGB,我來補充一下。
第一張圖
顏色1 RGB 240 240 243 #f0f0f3
顏色2 RGB 93 113 150 #5d7196
顏色3 RGB 74 69 89 #4a4559
顏色4 RGB 145 134 132 #918684
顏色5 RGB 212 199 193 #d4c7c1
割了---------------------------------------------------------------------------------------------


先割了---------------------------------------------------------------------------------------------

首先讓人類眼睛舒服的顏色是灰色,在美術的角度來說叫做高級灰。顏色的飽和度不要太高,盡量不使用臟色。如果是ppt,那就要選擇能托出文字或者能讓想表達內容更好的傳達給別人的顏色。最簡單的配色方案就是簡潔的黑白灰。因為這3個顏色在色譜里都不算顏色,但是他有一個很好用的功能就是分割色塊讓顏色看著更穩定。例如

這種顏色就然人看著很舒服而且很乾凈。
再例如

這個也是很乾凈得那種。
而且學畫畫的有一句話就是紅配綠賽狗屁,黃配紫賽狗屎。其實這句話不是絕對的,因為撞色在現在的設計里非常常用的在固有的紅和綠里加入適量的白和黃,就會這兩個顏色變得很協調,功勞就是加入的白色。大部分顏色都是這樣的規律,當然不要過度依賴白色,這樣會使畫面發粉。如例子2里會有一個重色把顏色隔離而且讓配色變得穩重這就是黑色的作用。你去申請個花瓣吧,那裡有很多你好可以參考的設計


更新一下,新出了一個字體教程,去這裡看~
做 PPT 時最喜歡哪種字體?為什麼? - 拾余的回答

蟹蟹~歡迎交流哈~
-------------------------------------------

看了點贊最高的幾個回答……
曾幾何時,我也看了不少這種色輪色相之類的教程,收藏了不少配色方案。
然並卵啊,道理都懂,到了實戰,我真的想不起來去哪個網站找我的配色方案啊!

如今我已學成,回顧以往做PPT的光陰,含淚寫下了這份教程。都是實戰技能,看了就會,不要管什麼色輪色相了,我們就簡單粗暴一點。

知乎壓縮圖片好厲害,點開看有些小字才能看清楚的樣子……方便的話,下載源文件看唄
或者去這裡看 配色你就這麼做,別問為什麼 (跳轉之前記得先在這裡點個贊!QAQ)

源文件下載,本來想讓你們關注我的微信號「拾余碎語」,回復關鍵詞下載的……
想想還是太麻煩了,直接po地址好了:

鏈接:http://pan.baidu.com/s/1eRfduMY 密碼:h97m

這裡本來有兩個錄屏的……不能插入GIF就……大家自行腦補吧……
或者去這裡看:
配色你就這麼做,別問為什麼

在PPT裡面的所有元素中(顏色、文字、動畫、圖片、表格…),顏色是最容易傳遞情感的工具。
情感運用地好,可以將PPT的層次提升到一個高度。
具體可以看這裡,在文中敘述到的2.0階段,配色起到一個關鍵的作用。你見過最驚艷的一些PPT?或者一些演講者與PPT成功配合的案例? - 拾余的回答

http://weixin.qq.com/r/6TpcRIfEatoVrcMn92-7 (二維碼自動識別)


我就問一句:

你們敢不敢在收藏之前先點個贊!!!
你們敢不敢在收藏之前先點個贊!!!
你們敢不敢在收藏之前先點個贊!!!

————————————————————————————————————————

PPT做不好?因為你不夠色!

前方高能預警,超多圖片乾貨!

本文由本人發表於公眾號:「跟我學個P(PPTlearning)」中

01、配色的誤區

錯誤認識一:配色越絢麗越專業
正確認識一:配色越舒服越專業

什麼樣的配色看著舒服?

1、顏色飽和度低——因為太亮易引起視覺疲勞

圖via:PPTSTORE——木屋裡的島嶼

2、顏色數量適中——同一頁面顏色數量不超過5種

圖via:PPTSTORE——木屋裡的島嶼

3、有主色與輔色——即頁面有重點

圖via:PPTSTORE——木屋裡的島嶼

4、信息顏色清晰——即文字、形狀等信息看得清

圖via:PPTSTORE——木屋裡的島嶼

錯誤認識二:配色好看是第一位
正確認識二:配色正確是第一位

怎樣才叫配色正確?

1、符合演講場合的氛圍

比如,在娛樂或非正式場合,使用色彩繽紛的配色;

圖via:PPTSTORE——如果我是CCT

在正式場合,使用現代莊重的配色;

圖via:PPTSTORE——衫長褲短

2、符合演講主題

比如,與兒童相關的主題,使用清新可愛的配色;

圖via:PPTSTORE——nana7509

傢具展示主題,使用現代極簡的配色;

圖via:PPTSTORE——木屋裡的島嶼

但是,

現實總是殘酷的——大部分人對配色幾乎沒有概念,更別提根據演講主題和場合給PPT配色。

怎麼辦?

最簡單的辦法就是參考色彩心理表

圖via:花瓣網

下次不知道怎麼給PPT配色的時候,記得拿起這個表。

————————————————————————————————————————

02、配色的類型

配色類型分為兩類:彩色系跟單色系

1、彩色系配色——顏色數量2到5種

圖via:PPTSTORE——衫長褲短

圖via:PPTSTORE——bigchin

使用彩色系配色需要注意以下三點:

a、參考專業配色

圖via:千圖網

即使是專業的設計師,配色也不敢完全憑感覺,此時參考專業的配色方案就顯得尤為重要。

專業的配色方案,網上非常多。本教程的最後一章有詳細介紹配色參考網站。

b、善用顏色突出頁面重點

圖via:PPTSTORE——木屋裡的島嶼

切勿為了追求頁面的美觀度,而給各個元素使用不同的顏色,使得頁面的重點模糊。

下圖是錯誤示範

圖via:PPTSTORE——木屋裡的島嶼

重點信息要使用特殊顏色加以突出,我們永遠都要記得:使用PPT是為了傳達信息,而不是為了秀技術。

c、不是所有的配色都適合用於PPT

彩色系配色對個人審美要求比較高。很多顏色你看起來很好看,比如:

圖via:千圖網

但是應用到PPT里可能會出現以下情況:

信息看不清、看不出重點、頁面顯得雜亂、甚至丑到無法直視

因此,彩色系配色的

優點是:運用得好能讓頁面更美觀
缺點是:耗時耗力、配色功底不夠的人容易出錯(即丑)、信息等級難區分(即信息不清,重點模糊)、顏色過多易顯雜亂(還是丑)

鑒於使用彩色系容易出錯,所以我建議初學者使用下面這種配色方案。

2、單色系配色——顏色數量1種(黑白灰不計入顏色數量)

圖via:PPTSTORE——木屋裡的島嶼

單色系配色比較容易上手,且給人一種專業感。你只需要挑選一種主色跟輔色,主色可以是任何一種顏色,輔色一定是黑白灰。

使用單色系有幾點需要注意:

a、慎用主色(重點才用主色標示)

如重點文字

如重點內容

圖via:PPTSTORE——木屋裡的島嶼

b、善用輔色調和頁面,減少單調感

圖via:PPTSTORE——木屋裡的島嶼

c、用主色的深淺表達各種關係

如漸進關係

如包含關係

圖via:PPTSTORE——木屋裡的島嶼

因此,單色系配色的

優點是:省時省力、配色不易出錯、信息等級易區分、頁面簡潔專業
缺點是:頁面易顯單調

總結以上內容:

PPT始終是一個演講輔助工具,在配色的時候,要嚴格按照以下等級順序確定是否使用某種配色方案:

a、信息是否看得清(非常重要)

b、頁面是否顯得雜亂

c、配色好不好看

————————————————————————————————————————

03、配色工具的使用

a、PPT自帶的取色器

這個工具需要配合QQ截圖工具使用。

下面是詳細步驟:

1、用QQ截圖截到的頁面複製到PPT里

2、插入一個形狀,右擊形狀-設置形狀格式-純色填充-顏色-取色器

3、滑鼠箭頭變成了「吸管形狀」,點擊截圖以「吸取」顏色

完成上面三個步驟以後,你會發現形狀的顏色已經變成了我們想要的顏色。

這種取色方法的缺點在於:

PPT自帶的取色器只有office 2013或以上的版本才有,且不能取到PPT頁面以外區域的顏色(這就是為什麼要用到QQ截圖的原因)。

b、QQ截圖的取色功能

由於大多數人的PPT版本還停留在2010或者以下,所以無法使用第一種取色方法。

因此我們來介紹第二種方法,這個方法還是要用到QQ截圖。

使用這個方法前,你需要知道一個設計常識

每種顏色都有唯一對應的RGB值,你可以把RGB值理解為顏色的「身份證號碼」。
如:純白色的RGB值為(0,0,0),純黑色的RGB值為(255,255,255)

下面是詳細步驟:

1、打開QQ,按截圖快捷鍵Ctrl+Alt+A,把滑鼠移動到你要取的顏色上;

2、滑鼠處出現RGB值,記下來,然後按Esc鍵退出截圖;

3、插入一個形狀,右擊形狀-設置形狀格式-純色填充-顏色-其他顏色-自定義,把RGB值填入,確定。

完成上面三個步驟以後,你會發現形狀的顏色已經變成了我們想要的顏色。

萬一公司的PPT版本既是2013版以下的,而且還不讓使用QQ怎麼辦?
不怕,還有第三種方法。

c、PPT插件「Nordri Tools」里的取色器

此款插件可謂PPT神器,專業PPT玩家必備工具,今天我們要介紹的只是它一百種神奇功能里的一種。

在公眾號「跟我學個P」里回復「NT」下載插件,安裝完成以後打開PPT。

下面是詳細步驟:

1、你會發現PPT里多了一個選項卡「Nordri Tools」,點擊取色器,跳出取色器窗口,把滑鼠移動到你要取的顏色上,按Esc;

2、選中你要更換顏色的某個元素,如果是形狀就點「填充」,線條就點「線條」,文字就點「文字」。

完成上面兩個步驟以後,你會發現我們又順利取到了想要的顏色。

—————————————————————————————————————————

04、配色參考網站

a、千圖網——配色工具

網址:配色工具-專業的配色工具大全

這是一個專業提供設計素材的網站,其提供的配色功能十分強大,根據主題配色,根據特定顏色配色,溜到不行。

b、花瓣網——配色參考

網址:花瓣網_陪你做生活的設計師(發現、採集你喜歡的靈感、家居、穿搭、婚禮、美食、旅行、美圖、商品等)

一個被稱為「靈感偉哥」的設計網站,彙集了國內外海量的設計作品,在網站上搜「配色」,你懂的。

c、PPTSTORE——配色參考

網址:中國頂級原創PPT模板和KEYNOTE模板下載的高端平台-PPTSTORE

國內逼格最高的PPT模板網,不知道怎麼配色的時候,打開這個網站,別說話,照搬優秀配色就對了。

對我的回答還滿意的童鞋可以看看我另外兩個回答
該如何選擇PPT的字體? - 知乎用戶的回答
ppt封面如何設計顯得高大上? - 知乎用戶的回答

mua~

我是小木,我的座右銘是:

http://weixin.qq.com/r/KjiSilvEqwbUrR-p9204 (二維碼自動識別)

更多教程,請微信搜索:跟我學個P(PPTlearning)


多圖 消耗流量4m左右,建議 WiFi下觀看。歡迎點贊加關注~~

===========================第一次跟新分隔線=============================

真的 隨便在搜索框里輸入「PPT配色」這幾個字 就出來了這麼一大堆結果。

但是 我想一來可能題主想要的也不是這樣的結果,二來題主也是比較——懶 沒有心思挨著挨著的看完這麼多的結果,所以就跑到知乎上來問了一個問題

正巧這幾天學習了一個色彩的基礎教程,自己平時也積累了一些關於ppt的 關於顏色的一些資源在這裡就分享給大家了~


首先當然是要明白所做的ppt是用來幹什麼的。 該商務風的就得商務風,該活潑的就活潑。 目標導向非常重要。

首先是項目ppt的氣質分析,這個說起來很懸 實際上就是項目想要傳遞給受眾的基調是什麼 產品的基本氣質是什麼 ppt想要突出的特點是什麼,如果是激情洋溢的那肯定少不了大紅 如果是乾淨衛生那就考慮大面積的白藍綠 如果是科技氣息那一定是藍 黑。 這些基本的原則把握對了那基本上就不會錯了~

然後基本遵循下面的流程來:

暖色調凸顯出的氣質:

冷色調的氣質:

這隻死最基本的幾種色相, 除了上面提到的這幾種之外還有一種常用的就是 粉色

粉色系 一直就是女性的顏色, 大部分情況下 粉色都用於表現女性溫柔 溫暖 柔情氣質的場合 所以我們只需要單獨注意一下這個就好了。其他的色相的特性都是需要我們大致的掌握 最好是能一下子就能反應出來的程度。

在這裡插一句,rgb通常用於平面設計或者屏幕上面的顏色顯示這裡還有一個技巧就是登陸了qq之後 按住alt+a 然後把滑鼠指針放在相應的顏色上就可以顯示出顏色的rgb值。

文章所用的是cmyk的調色通常是在印刷品當中的調色。

C—青色 m—洋紅 y—黃色 k—黑色 四種顏色在不同的比例下可以調配出所需的所有顏色。 不同的比例也凸顯出不同的色調 從而適配不同的主題氣質。

====================================================================================================================================

舉個例子

我們來看看這個三星的宣傳稿 先分析這個是為了表現科技產品的科技屬性 所以主色調定為 冷色中的 藍色 然後用暗色調凸顯質感 價值感,,就是貴!

除了要凸顯價值感 我們還要和 點亮我生活相呼應啊 所以 暗色調和這個不符 我們得把字體顏色改為合適的白色調。

除此之外還要加上輔色 來抑制藍色和暗色調的壓抑

並且要和手機屏幕上面的色彩相互呼應 加上一個倒影~更為和諧~

這樣 再檢查一下是否是符合項目整體的氣質,有沒有需要修改的地方。
再比如下面這個「超級丹」

我們要突出的是 力量感 運動感 以及飲料的味覺感受。
力量感當然是 大紅色 暗色調 我們採用這作為主色調,然後副色則選用橙色黃色來突出味覺 食慾並且在一定程度上抑制暗色調的壓抑感。

就這樣顯然是太死板,缺乏必要的過度和修飾。通常用蒙版拉漸變是簡單又有效的工具~ 就像主角光環一樣!~ 文字加上適當的陰影顯得不突兀。 再加上適當的配飾突出飲料這個主題。 嗯 像這樣 基本上就大功告成了。

上面只是 配色的主要流程梗概,具體的例子因為實在是不想整篇文章過於冗餘佔用過多的流量 浪費社會公共資源 所以有更多需求的請大家在這裡下載視頻。

色彩搭配 知乎 藍石頭

(各種資源網站 視頻鏈接放在這裡,如有侵權請私信我 我馬上刪除。)

按照顏色選擇圖片 TinEye Labs

根據不同的配色原則自動配色 Color Scheme Designer 3_高級在線配色器

根據常用主題和關鍵詞配色 搭配-最全的配色方案和色彩搭配

各種高清大圖 (英語搜索或者先翻譯然後查找 圖片很贊很清晰,但是不知道有沒有版權問題) Log In / 500px

此外 一些關於PPT製作的東西:

如何使你的ppt逼格十足——關於排版的基本准如何使你的PPT逼格十足!

PPT模板以及常用網站

銳普 這個知道的人應該很多 銳普PPT論壇-PPT模板,PPT圖表,專業PPT作品,精品PPT教程,免費... 最活躍的PPT製作人群、最精美的PPT作品、最豐富的PPT素材、最專業的PPT教程、最友好的PPT交流平台.是中國PPT高手必收藏的網站

稻殼兒 wps的官方模板網站,其實還是相當不錯的

最多收藏的PPT模板素材-PPT模板下載-PPT圖片素材庫-Docer稻殼兒

逼格PPT 這個,逼格很高 很贊 逼格PPT - PPT下載 PPT製作教程 PPT圖表 PPT模板下載 商務PPT模板

然後是關於ppt製作的教程只推薦一個 王佩豐的ppt教程 順便,這廝的excel教程簡直就是良心之作 還不要錢!

【王佩豐】PowerPoint2010視頻教程5:首頁PPT設計(四) 這個雖然只能免費看前面的八節課,後面還有十多節課是付費的 但是看前面的幾節課就已經足以讓你對ppt 製作又有了新的理解了。 然後看多看好的作品 臨摹 重複 多做一些相信對ppt就得心應手啦~


謝謝大家 我是知乎 藍石頭,如果覺得還不錯的話,歡迎大家 點贊 收藏 加關注呢!覺得不好的也請偷偷私信我,希望知乎變得更好~


長文預警。

生活工作種種諸如穿衣打扮、家居裝修都涉及配色,各種目的配色原理相同,但側重不同。

下文針對PPT,詳解配色原理、實踐、技巧和工具,先放個目錄,激勵我自己寫完。

一、PPT配色特性

首先,明確一點,PPT的使用場景和元素構成,要求其有一些獨特的配色手段。

  1. PPT的使用場景,往往搭配長時間的演講,觀眾會盯著投影屏理解演講的內容,過於鮮艷的背景會造成審美疲勞和視覺疲勞
  2. PPT元素較多,功能性強。一定需要考慮的配色包括:背景色、形狀顏色(突出色、輔助色)、文字顏色(標題顏色、小標題顏色、正文顏色、備註顏色)

上圖的配色從色輪上看,是科學的。

我就問你看起來累不累!眼睛跳不跳!

至少有2個問題。其一,背景太亮,觀眾難以集中注意力長時間觀看上面的字;其二,要素顏色單一,層次不明確。

同樣的主配色下,稍加修改或許更適合PPT一些。

二、配色原理

人在觀察物體時,首先引起視覺反應的是色彩。

每種色彩都會給人不同的心理感受。比如我們常說的,紫色代表神秘,藍色代表迷離空曠,紅色代表熱情與危險,綠色代表生命等等。

色彩對心理的影響來自於聯想 。

比如我是餐館老闆,做了這樣一份宣傳,你會光顧這家店嗎?

自然界中藍色的食物很少,介紹食物的PPT可能就不適合用藍色,而科技的PPT就比較適合用藍色。

將上面這份PPT從色彩上調整一下,也許要好一點。

再比如,我要做一份野外郊遊PPT,但是用了這樣的配色,你敢報名嗎?

紅色給人警醒敬畏之感,輕鬆愉快的親子游用紅色就搞得像有去無回,而黨政的PPT就比較適合用紅色。我們調一下色彩,也許報名的人就會多一點(這兩個例子也說明配圖的重要性)。

因此,在製作一份PPT之前,想想你的行業、目的、聽眾,然後確定一個主色,很重要!


那麼,什麼樣的顏色才逼格夠高呢?

得從色彩的三圍,咳咳,不對,三要素說起。

1、色相。

色彩可呈現出來的質的面貌。

比如我說,你綠色帽子很好看,其實我在說色相。

你能叫出來的名字,就是色相 。自然界中各個不同的色相是無限豐富的,如紫紅、銀灰、橙黃等。色相即各類色彩的相貌稱謂。

2、明度

表示色所具有的亮度和暗度被稱為明度。

我說,你今天的綠帽子有點亮眼,其實我在說明度。

3、純度(飽和度)

它表示顏色中所含有色成分的比例。含有色彩成分的比例愈大,則色彩的純度愈高,含有色成分的比例愈小,則色彩的純度也愈低。

可見光譜的各種單色光是最純的顏色,為極限純度。

當一種顏色摻入黑、白或其他彩色時,純度就產生變化。

我說,你今天的帽子綠的有點高檔,其實我在說純度。


上面三頂帽子,你喜歡哪一頂呢?

我估計第三頂會得最高票,理由可能是第三頂帽子的色彩看起來更高端一點。

有的顏色,看起來會比較高端靜謐。

符合現代人 追求心理恬淡的心態。我們親切地稱之為「性冷淡色」。

例如火爆的莫迪蘭色系。

我們將莫迪蘭色拿出來分析一下,看看它的三要素。

三個數字分別代表HSLHue[hju]色調,Saturation["s?t??"re??n]飽和度,Luminance["lum?n?ns]亮度。

就會發現,性冷淡色的飽和度很低。

如果我們將飽和度調高,就會變成這樣。

倒也無所謂哪個顏色好看,蘿蔔青菜各有所愛,能夠幫助大家理解色彩三要素的含義,選取適合自己的顏色就好。


那麼確定主色之後,怎樣搭配顏色呢?很多答主都提到了色輪

當你面對那個色綵球的時候,就會糾結於到底選單色搭配?還是類比色搭配?還是補色搭配?分裂補色搭配?原色搭配?三角搭配?

色彩是幫助我們體現邏輯關係的重要工具,前文中提到了,PPT中元素眾多,功能性強。至少要為背景、常規形狀、襯托形狀、突出形狀、大標題、小標題、常規文字、備註文字配色。

基於功能,當沒有特殊考慮的時候,我強烈建議,使用補色搭配,既能夠使得搭配比較穩重,顏色不至於過多也不至於單調,又能夠體現並列、襯托、點綴、突出等邏輯關係。

補色(對比色)搭配 也許是常規幻燈片演示中最合適色彩搭配!

三、PPT配色實例

拿商務PPT當中最常用到的多項並列頁面為例。我們的目的是分別介紹這下面四位:

添加單色色塊,可以讓頁面更加易讀,明確四者的並列關係。

但是頁面顯得過於單調,我們需要拿著激光筆,一個一個地指著他們的臉說,這是xx,是我們的xx,他幹了什麼事。這時候,用不同明度的色塊進行區分,可以很好地讓觀眾了解,我們介紹的是拿咖啡的這一位帥哥。

總覺得少了點什麼對不對?顏色過於單一,頁面又是活潑,加點對比吧!

甚至你可以這樣:

以上用的是商務藍、黃作為例子,也許不適合你的演講場合或者高端審美,那麼我們按照剛才的配色思路,改成文藝范也是同樣的道理。

補色搭配技巧以下兩點可參考:

  1. 底色與補色最好有大小上的明顯差異,或者在空間距離上分割開來;
  2. 底色可以選取不同明度的若干顏色,對立當中包含統一;

當然,單色和多色搭配也可以呈現出很好的效果。

單色搭配技巧最重要的莫過於,合理應用黑、灰,打造精緻的背景。

單色傳遞給人的情緒較少,讓人覺得這份產品一定是在與世隔絕的秘密研究基地裡面經過長年累月的匠人打磨而成的。如果你要做一份發布會PPT,不妨試試黑色背景。

就算沒有精緻的摳圖,黑白灰的搭配也能呈現不錯的效果。

多色搭配適合需要吸引眼球的時候,既然用多色,就讓色塊之間差別大大的不同。關於怎樣快速取得科學的配色,請使用後文中推薦的工具。

四、PPT配色操作技巧

【關於主題色】

建議一定一定儲存自己主題色PPT資源。

當你的老闆看了一眼PPT,抬了抬眼睛,說:「小張啊,你做的很不錯!但是,我們雖然是科技企業,藍色很適合我們,但是這份PPT是我給投資者看的。我希望紅紅火火的,要不。你給改成紅色看看!」

小張看了看130頁的彙報PPT,吐血而卒

其實,小張可以在1分鐘之內搞定老闆要求,只要,他在動手做這份PPT之前,先幹了一件事情:

設置好主題色!

什麼是主題色?

可以理解為給PPT里要用到的顏色提前編個號。

例如,我們用了3種顏色做一份PPT,暗紅色是1號,粉紅色是2號,亮紅色是3號。

做完了發現,暗紅色需要改成黃色,這時候,我們不用一個色塊一個色塊去改,只需要告訴軟體,把1號色對應的顏色改掉就行了。

這樣,所有編號為1號的形狀、文字、描邊全都會由暗紅色變為黃色。

主題色可以實現以下功能:

1、一鍵換色;

2、默認插入形狀的顏色;

3、插入圖表顏色自動匹配主題色;

4、方便文件之間的相互粘貼。

主題色打開方式有兩種。

方法一:

視圖→幻燈片母版→顏色

方法二:

設計→變體下拉菜單→顏色

打開後,可以看到主題顏色中有12個顏色可以設置。

分別為文字/背景顏色(4個),著色(6個),鏈接相關顏色(2個)。

12個顏色不用全部修改,它們所對應的功能如下圖:

試想你積累了200頁設置好主題色的排版好的PPT文件,你每次做PPT的時候還需要從開始畫形狀、寫文字,一個一個變顏色嗎?只需要修改主題色,粘貼文字進去就行了


【配色工具】

很多答主都推薦了色輪工具,我就不推薦了,推薦一個很好用的網站,比色輪更好用一些。

輸入一個顏色的rgb或者hsl或者16進位編碼,可以快速得到它的相關顏色。

例如我們輸入這個色值:

就會出現下列結果:

鏈接為:Color Hex - ColorHexa.com


【圖片色彩分析工具】

有時候,看到一張好看的圖片,希望能夠知道它的配色是什麼樣的,這裡推薦一個很好用無需安裝小神器:colorstatistics。

它能夠幫你很快的分析圖片中的色彩組成,可以選擇你需要幾種色彩和顏色的變化梯度。

下載鏈接為:傳圖識色工具colorstastics - 黑白間設計工作室

五、進階

【漸變色】

漸變色搭配相對較難,但能起到蠻好的效果。

先扒一扒漸變背景。

喬幫主的PPT為產品發布開啟了新的篇章,很重要一點得益於漸變的背景色。

漸變的深色背景配合白色的文字,打造出科技的立體效果,便於攝影抓取,也讓觀眾能夠更清晰地看清楚演講者的表情和姿勢。

大家可以對比看看下面這個白色背景的效果。

我們嘗試還原一下喬幫主的這張PPT,可以用三色漸變很快捷地完成。

其它的漸變色,也可以動手嘗試做做。

總結漸變色快的應用方式大體可以分為兩類:明度漸變和色相漸變

明度漸變相對溫柔,在同一色相下,選擇不同的明度完成漸變,可表達精緻細節;色相漸變相對狂野,選取不同的色相完成漸變,富有時尚感。

漸變技巧在於:

  1. 漸變色的選取宜在色輪上相鄰或距離不遠;
  2. 漸變色宜呈現某種線性關係,變化趨勢平和而不突兀。

不然就會變成這樣。

【配色與紋理】

配色與紋理搭配,能夠更好地引發共鳴,傳遞情感。

紋理讓人回憶起對應的觸感,如果要做一份文藝的電子邀請函,加上紋理的背景會比不加紋理的背景好一些,隔著屏幕似乎也感覺到紙張的質感。

硬廣時間。

公眾號:HBJdesign(黑白間設計)

源文件及其它資源下載:http://www.hbjdesign.cn


配色,不是越五彩斑斕,就越好看。而是能突出主題,簡潔大方,讓人賞心悅目。

商業合作中,好的PPT配色,能拉近與客戶之間的心靈距離,給客戶留下好的印象,合作成果的機會比較大。

但是:

很多人因為配色不當,而被領導罵,甚至被辭退。

同時也有很多人,因配色得當,而升職加薪。

配色那麼重要,就多了解一下吧。

如下圖,大概把顏色分成三大色系:同色系,近似色系,對比色系。

同色系配色指主色和輔色都在統一色相,主題與背景達到一致

近似色配色:色相過渡和諧

對比色配色:對比強烈,感覺鮮明

對了,突然想起以前上課,也聽別人說色彩分冷暖:暖色調給人以親密、溫暖之感;冷色調給人距離、涼爽之感。

具體PPT選冷色還是暖色,我覺得要看語境。

放上幾個我收藏的配色網站,僅供參考。

1.Color Hunt

這個網站,有各種配色樣式,供自己參考

2.Curated color palette inspiration

這個網頁設置得很有意思,我喜歡。

3.配色網-致力色彩搭配方案的交流與學習

顏色命名具體,方便記憶和聯想。

我記得有次上課,老師給我們一張海報,叫我們說出圖片的顏色,我悶了半天也不懂得用文字來形容。後來我就上網搜索,就看到這個網站,從而收藏起來,時不時點開記一記顏色名,同時加深對顏色的了解。


還是最基礎的,初學者,不要亂用色彩。不要看到上面講那麼炫,實際上什麼色譜之類的你用不到。而且一般人根本用不到那麼多亂七八糟的顏色,也不需要做太複雜的PPT,我這邊因為主要以諮詢類PPT為主,不追求太高的表現力,可能有一點局限性,但是對普通人做「說理」的PPT來說,已經夠了。

一個PPT,主要色彩不要超過三種,慎用暖色調,慎用飽和度極高的色彩:
灰一點更安全!
灰一點更安全!
灰一點更安全!

理性一點、商務一點的PPT我會建議用藍、灰、白。
你們注意過知乎的UI么?
底色為藍色,文字為白色。

所有的按鈕也是以藍白為主,無非是飽和度上的變化。

我們再看一下羅蘭貝格的官網
企業管理諮詢公司

為什麼?因為首先,藍色讓人看得很舒服,不管深藍淺藍,給人感覺偏理性,灰調的藍色也一樣。藍白搭配是經典搭配,清清爽爽。知乎作為一個鼓勵人以觀念交流的地方,用藍白色是非常妥帖的。而羅蘭貝格除了藍白色之外,在大段文本上採用了灰色,灰色比黑色看起來更讓人覺得舒服而不扎眼。此外,藍色的好朋友(橙)黃色也被應用來點綴和分割頁面,給人感覺整體就是很暢快。

然後我覺得比較經典的是世聯的模板:
世聯首次溝通PPT_百度文庫
隨便找的,內容不重要

注意,這裡用了紅色,一般我們在PPT里選紅色都會選這個對不對?標準色里的左手第二個。

但是,朋友們,這個大紅色,正紅色,真的會,非常,扎眼,簡直亮瞎雙目。特別當它是大面積色塊的時候,我的媽呀,我簡直隨時狗眼不保。

世聯的模板用的是棗紅,深紅,偏紫色的紅,大概這麼個意思,可能不太准。

是不是感覺柔和了很多?
然而點進去依舊是這樣的……

除了起裝飾效果的LOGO和線條外,還是藍色、灰色為主。

一般能學到這兩個色系搭配就夠了,希望能對大家有點幫助。


我雖然不是配色大師,但我是偷色大師。

---------------------------

大家好,我是珞珈。

之前做了那麼多課程和教程,有同學會問我,「珞珈老師,請問該如何確定PPT的配色?

我每次總是打個哈哈就矇混過去了。

實際上,我從13年開始學習PPT至今,基本上讀完了市面上所有的PPT書籍和教程,然而我至今依舊不懂PPT配色。

別誤會,我並不是說這些書籍和教程不好,而是色彩其實要比我們想像中要複雜很多。

這些書籍和教程都告訴我色彩的原理,什麼是色相,色輪,明度,純度,在深入一點告訴我色彩的幾個配色法則,比如對比色,相近色,分裂互補色。

學了這麼久理論,最大的收穫就是,可以唬人。

要僅僅用這些理論就搞定色彩搭配,我似乎想的太簡單了。

學完了這些色彩理論之後,我嘗試用PPT做了幾個實驗。

↑分裂互補色 配色試驗

↑對比色 配色試驗

(簡直慘不忍睹)

而且還有個問題,按照理論,我最多只可以選擇三個顏色。

要是想多取一些顏色怎麼辦。

(自己猜啊?)

我決定諮詢了一下小桃紅姐姐,作為一個藝術生,她肯定知道。

小桃紅不發一言,默默的發了幾張藝術生大學時期色彩構成的作業。。

*圖片來源於站酷 作者@Jessica_xx

EXCUSE ME?

原來藝術類專業都是這麼學色彩的么?自己調配顏色搭配去出作品?

我終於知道我為什麼不懂配色了。

這根本不是一個練習量啊。

雖然我是一名純小白,但是我覺得還可以搶救一下。

畢竟我在完全不懂配色的情況下也能做出那麼多作品。

原因就在於——

我雖然不是配色大師,但我是偷色大師。

雖然我不會配色,但我可以從許多的優秀作品或則素材裡面竊取顏色,然後使用。

【偷色心法01】竊取優質作品配色方案

在14年的時候,lowpoly效果火便全球。

那個時候,我想做一組lowpoly的作品,那請問我該如何配色呢?

我是這麼做的。

我從網上下載了一組lowpoly 圖片素材。

我覺得這一張紫色圖片素材的效果特別好,我就使用PPT裡面的取色器,篩選了裡面集中幾種典型色彩,作為我的PPT的配色方案。

最終出來的結果。

甚至在一些專業的設計網站,甚至會給出作品的配色給你。

比如 Dribbble

另外,我們也可以從優質圖片中取色。

比如 Kuler 這個網站有從圖片中拾取優質顏色的功能,甚至還可以提供多種模式供你選擇。

↑圖片取色 彩色模式

↑圖片取色 柔和模式

這種方法其實也不是萬能的,為什麼?

假如你要去做一份學術報告,結果取了紅配綠......
加入你要去做一份黨政報告,結果取了黑加白......
(想想就覺得很悲劇)

PPT畢竟要面對的是工作,所以要選取一份和工作場景適配的顏色。

【偷色心法02】企業對外宣傳渠道取色

面對工作的配色首先第一步是什麼?

合適呀。

適配公司調性,適配工作場景,適配演示場合。

為了不犯錯,從下面三種地方找到合適的配色。

1.公司的LOGO

無需多言,從公司的LOGO中取色是這個世界上最萬無一失選擇主題色的方式,

2.VI

可能有小夥伴根本不知道VI是啥.....

簡單解釋一下,VI就是公司的視覺標示系統。用處只有一個,就是你一看到這個設計就能想起這個品牌。

比如我們一看到這種藍色就知道是百事可樂。

一看到這種藍綠色就知道是中國移動。

大公司的宣傳物料一般都是去VI中確定顏色。

*騰訊視頻VI

同理,你在PPT配色時取色選擇公司的VI色就一定不會錯。

但是最大的一個問題是,
我的公司沒有VI啊......
因為VI設計很貴的(幾十萬~百萬/套)

國內大多數中小型公司一般不會有這套系統。

所以,如果你的公司沒有VI的話,還是考慮從logo中取色吧。

3.企業官網

其實還有另外一種方式可以選擇,比如我們可以考慮去公司的官網中取色。

*蘋果公司官網

VI可能有的公司並不多,但是官網絕大部分公司都會有。

從裡面取色,也會是一個不錯的選擇。

4.行業配色

如果你們公司沒有logo,沒有vi,沒有官網,那就可以考慮從行業中取色。

*黨政典型配色

什麼是行業色?

就是在某個行業裡面流傳已久的配色。

比如

醫療的白色;

商業的藍色;

工業的紅色;

互聯網行業的深藍色;

黨政的紅色黃色;

等等

國內沒有一個比較系統的行業色庫,不過你可以從行業裡面的比較知名的公司的官網,LOGO,VI中找到。

----

【偷色心法03】通用配色

通常而言,如果能夠確定一種主題色之後,我們也可以採用通用配色法去搞定配色。

如果主題色屬於亮色。

那麼可以採用的通用配色方案可以是:

深色背景+白色文字+主題色

例如,主題色是亮藍色。

那麼你可以採用:

黑色背景色+白色文字+亮藍色主題色的解決方案。

如果主題色屬於暗色。

那麼可以採用的通用配色方案可以是:

淺色背景+黑色文字+主題色

例如,主題色是深紫色。

那麼我們可以採用,

白色背景+黑色文字+深紫色主題色的解決方案。

注意,在設計裡面。

黑色和白色其實是不算顏色的。

所以這也實際上是一種單色配色技巧。

【偷色心法04】色調變換

如果我在一組設計裡面看到的顏色非常漂亮,但是如果我想把它變成我所需要的顏色該怎麼辦呢?

比如這個作品裡面顏色非常好看,但是卻以紅色為主的顏色,我想把它變成我工作所需的商務藍色,這個該怎麼辦呢?

這個時候,我們需要把PPT顏色模式調整至HSL模式

【右鍵-填充-其他顏色填充-HSL模式】

這個時候我們不管亮度和飽和度,只要把色調調整到藍色就可以了。

紅色的色調是0,那麼我們依次把紅色色調數值增加150,它就會變成藍色色調。

這個時候我們會發現,紅色都被調整成藍色,而且顏色依舊非常和諧。

從此以後,我們只要有了一組和諧色彩,利用色調調色法就可以調整成任何主題色都可以了。

(全文完)


談到配色,可能我會在後面的【璞石問】教程中詳細說說,那必定又是一篇長篇大論,可對於大多數職場白領來說,掌握配色不需要那麼複雜,也許只需要一個網站,一個工具或者一張色卡。這就是這個教程的出發點,不需要掌握任何理論,你只要用好一個網站,數據報表的配色問題即可解決,我們來看教程:


先別相信自己的審美,搬「磚」好了!這才是安全做法,對色彩不了解,卻放寬自由度,隨意取色只會弄成一鍋翔!

第021期 | 最簡單粗暴的配色方案


色彩有一篇關於不同色彩的情感的文章,但是這並不能很好的解決色彩搭配的問題,色彩有很大的學問在裡面,但是包括我自己在內的許多人很難得到很合適的配色方案,一般都需要藉助取色器。


我們可以藉助專業人員或團隊已經提供給我們的顏色來實現PPT中顏色的選擇,這也是這篇文章的主要內容。

一、乖乖使用取色器,我們只是搬運工


第二次頁面還原過程中,發給我的圖片中,都存在顏色出現嚴重偏差的問題,我當時製作頁面時,也只能是用取色器從魅藍發布會PPT的JPEG格式圖片上取色,先不要太相信自己的審美,一開始的審美往往都不那麼靠譜,信不信你以後就知道了,我將上期的頁面還原隨便改了幾個顏色,無對比,無真相:

說一說下面一頁顏色不好在哪裡:


背景明度與前景明度區分度不夠,不利於閱讀,這是很重要的一點,在演講場合,幻燈片的核心內容如果有視覺上的閱讀阻礙,這是製作幻燈片的人的責任;灰色(不深不淺RGB三個數值相等)背景搭配有色相顏色時其實是比較難看的,所以很多背景處理要麼暗要麼亮,或者選擇有色相顏色,如果是演講場合,就不要考慮赤橙黃綠藍錠紫這樣的顏色了,因為看不清,所以,先乖乖的使用取色器,當個搬運工。

二、搬的「磚」在哪裡


顏色來源非常廣泛,但目前PPT中顏色選取受UI設計影響比較大,之前的扁平化PPT也是參考了flat UI的設計,而最好借鑒的就是顏色的選取,我從flat UI和Material Design的網站上找到了它們的配色方案。

為什麼使用這些給出的色卡是很好的選擇?


這些色卡來源於成熟的設計團隊,可以說,每一個顏色的選擇都經過了嚴格的校對,顏色與顏色之間的搭配問題也經過了調整,而反觀我們自己製作PPT時,有時候一頭霧水,人家給出的參考元素為何不用呢?況且這些元素都經過了專業團隊的篩選,是成系列的,很多情況下是較為安全的選擇。

1、flat UI

參考網站1:Flat UI

參考網站2:Flat UI Colors


這些顏色可以用作並列顏色,舉個例子,小米發布會中的一張幻燈片,將其中的並列色塊顏色換成flat中的顏色,相似度比較高:

2、Material Design色卡


Material Design是Google新推出的UI設計語言,有一系列的規範,我個人覺得它的陰影和顏色對PPT製作很有參考意義,下面是從網站上截取的色卡,Material Design給出的色卡非常全面,包括色相和不同明度都給出了參考,所以,Material Design給出的色卡也是我自己最喜歡使用的,第一個色條是主色,後面的細條主要由明度區分,再後面的四個小色條的顏色純度要比前面的色條高。


參考網站:https://www.google.com/design/spec/material-design/introduction.html

Material Design風格的網頁設計:

同樣,我們可以將小米發布會中的那個頁面中並列色塊的顏色更改成Material Design中的顏色,相似度仍然很高,未見得比原來的效果差:

3、其他設計參考


比如在平時瀏覽網頁時,看見好的設計作品,甚至給出配色方案的圖片之類的,舉幾個例子,不過這些顏色的運用比上面的色卡可能要難一點:

相對來說,這些顏色很藝術,很多顏色與高級灰相似,高級灰的顏色很柔和視覺友好,另一方面,這些顏色可能不夠「搶眼」,還是小米這張幻燈片:

這種配色純度更低,不過與上面的那些配色相比,色塊與文本信息區別度不夠,閱讀的視覺阻力要大一些。這個具體選擇也與個人喜好相關,同時也要考慮觀眾的需求,比如是否能看清等等……


關於顏色純度傳達的不同感受,之前有兩張鎚子堅果手機不同的配色方案的圖,文青版使用的是純度較低的配色:

三、如何使用色卡


首先肯定是要用取色器取,其中,Material Design的色卡單色系的配色很方便,比如單色系的餅圖,以及之前微信風格頁面換成Material Design的配色:

1、製作幻燈片之前,要確定一個主色,再選擇幾個輔色;

2、並列色塊的取色要注意選擇明度相近的色彩;

3、文字的顏色有時也要稍微帶上色相,或者使用半透明字體效果;

四、頁面還原


上期的頁面還原還是有一點麻煩,完成效果比CHANEL一期要差一點,仍然要說幾個存在的問題。


1、CHANEL一期強調了幕布的縱橫比,還是要注意這點,另外最大一個問題是顏色,也是這篇文章強調的,先不要相信自己的審美,先乖乖使用取色器;


2、如何儘可能提高還原度?


如果光靠觀察不能提高還原度,可以換個方法,類似複印,將提供的還原頁面下載下來,放到PPT上與幕布重合,然後和寫字帖一樣,照葫蘆畫瓢。


3、圖標上的紅色和綠色細條如何保持距離一致?


PPT的命令條中有一個橫向分布和縱向分布命令,其實就是等距分布,只要把第一個和最後一個細條確定位置,然後選擇橫向分布或縱向分布,既可以將細條之間的距離保持一致,將兩個命令添加到快捷訪問工具欄,圖標如下:

本期頁面還原就是今天反覆出現的小米頁面,背景是keynote的一個主題背景,不過還用PS處理了一下,本期回復關鍵詞色卡,獲取flat UI和Material Design的色卡和上期的頁面還原文件等等:

--------------
後面這部分是公眾號beatppt推出的,不感興趣可以直接無視,感興趣下面有二維碼。
--------------

http://weixin.qq.com/r/t0woMLrEQuc9rf5T9xml (二維碼自動識別)


這個答案我會用心慢慢寫,更的會比較慢,主要聊聊偏實用性PPT配色上個人一些心得吧~
PPT配色一直是我心頭的一個痛,本身個人就沒啥眼光,一開始做PPT包括現在也是常常拉個好姐妹幫看看顏色有沒有問題。以下是分點敘述,想到啥寫點啥,盡量保證邏輯性~
1. 巧用白色

白色是一種包含光譜中所有顏色光的顏色,通常被認為是「無色」的。白色的明度最高,無色相。

一方面白色與其他色彩相配,可起到凸顯的作用。白色可以說是一種百搭的顏色,用時信手拈來無序考慮配不配(這一點看情況考慮)。
如下圖:

此處需要注意幾點:
1)其他色彩的使用。這幾個示例的背景顏色以HSL查看的亮度值均較高,可保證顏色的明快性,反之會顯得顏色十分濃厚,深沉。當然如果有特殊用處可以忽略這條,只是說這樣的配色會使整體效果看起來較為明快,清爽。

這是PPT裡面取色的界面,一般取紅框內的顏色較為適宜,如果沒有需要的顏色,可以在標準色或其他顏色的基礎上調節HSL值以達到所需效果。為什麼不選第一行較淺的?請看第二點
2)

這是取色界面第五行藍色中選取的三個色,即使使用顯示屏觀看,我們也能發現,隨著背景色的變淺,白色字體的凸顯程度會降低。如果演講環境使用的是幕布投影並且採光較好,如第一種不強烈的對比度會導致字體看不清,這也是白色搭配的缺陷,需要注意。
3)底色+白色圖標
圖標的使用可以使得原本枯燥的文本內容更加清晰明了

白色是最保險也是最清爽的顏色。
補充:【圖標】現在很流行扁平化PPT,其中也是大量運用了各種圖標。安利一款軟體 PPT美化大師(某度搜索就有了,不放地址了),安裝後是嵌入MS powerpoint 中,WPS啥的是支持不行的。裡面的形狀可以使諸位成為扁平化PPT的好手~~填充和輪廓均支持變更顏色!

4)PPT 白色背景
個人彙報類PPT做的比較多,彙報類PPT一般不能做的太花俏,所以素雅簡單的白色此時就發揮作用了。

如上圖#白色背景+上下橫條+同橫條色的字#
上下橫條感覺是這兩年比較流行的做法,如果單純白色會顯得比較單調,但受彙報類嚴謹氣氛的影響又無法使用華麗的背景,所以白色背景+色條是比較保險(bao shou)的方案。同色系的字體保證了整體風格的一致性。
如果整個彙報分為好幾個板塊,那麼可以在不同板塊適當更換其他顏色。顏色選擇參見1)
另:背景可以使用白色,或是類白色系
比如: 來自 @曹將 百度盤分享

再比如:

上面這個是上次做wedding custom 用的 ,白色配上淺粉色,淺桃紅等,體現出溫暖和浪漫,白色又表示聖潔。(語言功底有限,意會一下吧(〃′o`))
再次注意:一般白色的情況下,建議添加一些色塊調和氣氛,不建議使用大量的黑色顯得肅肅殺殺、沉重。

2.色塊的使用
1)說到色塊第一反應想到的是前一陣子很流行的win8風/metro風 PPT
比如這樣:
(此示例來自網路,侵刪。)

一開始覺得雖然挺有意思的,亮色瓷片讓人眼前一亮:「喲,好像溫8啊」,但是大面積的色塊是在讓人不知道如何駕馭。
後來看了一些其他人的作品,對win8瓷片做了一些改進,比如這樣:
①用於展示多張圖片的

可以展示多張圖片,也可以做成豎著參差不齊的有一種「瀑布流」感覺。【後來發現上面這張顏色不太好看,源文件沒保存,見諒】(上圖字體 葉根友唐楷簡)
補例一張:(來自某個忘了ID的知友,見諒~)

②目錄圖片色塊相結合的
(此示例來自網路,侵刪。)

此目錄頁將內容與圖片相結合,配以較大的數字展示順序。
注意:如果你決定採用win8/metro 的風格做主要的配色主題,請參照下面的配色表,不然你的顏色很容易不倫不類,像啥8又不像。

2)色塊的使用(重點來啦~)
①圖片標註、介紹、標題等

(上示例來自 @曹將 )

下面是以前案例分析時用的PPT、有知友私信說醫學僧會需要做PPT嗎,放兩張跟色塊有關的意會一下吧。

以上我們可以看到,在使用圖片作為背景的時候,背景可能有黑有白,字放在上面就容易看不清,這時候如果在字的後面加上大小相符的色塊,則可以解決這個問題。
需要注意的是:色塊可以適當一定透明度,既可露出後面的背景不至於太突兀,又可以凸顯出字體。像第一張背景為深色調就可以不用了。

最後一張,可以發現在背景和放字的色塊之間有一層白色像是紗一樣的。這樣淡化背景的處理,能使觀眾的注意點集中於內容,而不是鮮艷的背景,同時也可以與封面相區分。

②有人說我想用鮮艷的色塊,靚麗的橘黃色,桃紅色,天藍色,草綠色怎麼用?
答:只要背景夠素雅,想怎麼用怎麼用。(當然也可以來個撞色,這是後話,以後再寫)
比如:(此示例來自網路,侵刪。)

顏色一多就容易亂,這裡說的是「容易」。
我們來分析一下這張裡面的顏色:

我不是專業的,不過可以告訴你,如果換成標準色,也就是我們所謂的藍色紅色綠色以後是什麼樣、

像什麼?紅綠燈。。第一反應這雖說和前面差不多綠是綠藍是藍,但給人第一感覺很不舒服很扎眼。在色塊(紅色綠色之類)顏色的選擇上,你可以用別人的你看起來舒服的顏色,你還可以打開PPT顏色面板,先選擇一個標準色,然後調節HSL值,在這裡較高的亮度會顯得顏色淺淡,建議調低飽和度和亮度。(當然這也不是絕對的標準,只要好看舒服怎麼都行)。========UPDATE不會畫分界線怎麼坡?=========
2015.7.31 回答評論區 @羅土土

但是針對最後一點,想請問在調節飽和度亮度的時候有沒有可以參考的標準,因為很多時候光憑感覺,可能不小心就把圖片調得灰濛濛的

我們先來分析一下取色界面

注意:以下內容因為太不專業,太口語化,太帶有主觀意願,可能會引起不適,請自行取用。

飽和度調至最高值時所取顏色處於最飽和的狀態,可以看到取色點在最高的位置。我們在橫向做一條線,稱為 色調標準線。此線最左值為0,最右值為255.當在色調值上滾動數字時可以先取到一個標準色,也就是我大概是想要一個什麼顏色,紅的還是藍的。然後向下做一條線,稱為飽和度標準線。此線最上值為255,最下值為0,表示顏色的「濃艷程度」,是血辣辣的紅還是西瓜紅。飽和度太低也就是顏色區域的最下方可以看見灰濛濛的一片。最後亮度是右側帶三角形的調節條。

知友問調節的時候有沒有可以參考的標準,我建議是從網上搜索「配色方案」或其他類似的關鍵詞,可以參考別人的顏色再選擇自己所需或是合適的顏色。(我的方法是QQ截圖或是其他可以顯示RGB值的截圖軟體,讀到顏色的RGB值)。對於千變萬化的顏色來說,具體的標準真的難以界定,特別是PPT的顏色運用上,可能一種顏色在這裡合適在那裡就不合適。

最後知友提到把圖片調的灰濛濛,我想您說的是不是圖片的處理?圖片處理里的飽和度。跟這裡選色的飽和度是有異曲同工之妙的。我不太精通圖片處理只能簡單說的一下。調的灰濛濛應該是飽和度調低了,飽和度愈調低整個畫面的灰色成分愈多。如果知友想在調節顏色(飽和度,亮度等)方面有更有了解,我覺得可以在網路上搜索一些資料,有一些在線的色彩工具可以了解一下,或許有幫助。


之前整理了一個案例庫,現在不知道怎麼配色的時候,直接拿來用就好。

關於這個手冊:

  1. 同時給出了可參考使用的字體方案。
  2. 色塊內部的數值為 RGB 值。

如果喜歡這份手冊,關注公眾號「曹將」,回復「配色」即可~


畫畫的時候老師總說色感色感,聽得我一臉懵逼,現在好了,上網一收集,發現了新大陸,有好多平面設計和插畫可以用到的配色網站。雖然不能盲從這些配色網站的秘籍,但多看看總是好的咧。

Reeoo——首先推薦Reeoo, 經一個知乎大神安利,我很喜歡,通過顏色分類與檢索提供一些APP,網頁設計,平面設計,書籍設計,ICON等的精彩案例。

Adobe Color CC——通過拖動或輸入顏色的RGB或HEX格式,迅速找到相關的類比色,三原色,複合色,互補色以及同一色系不同濃度的顏色。通過「探索」功能可以查看來自Adobe用戶們的配色方案。

Peise配色網——網站主要用於科普各種名稱的顏色和配色的專業知識與應用,注重色彩與人的關係。

COLOURlovers——該網站是一個以色彩為主題的社群討論網站。網站提供各種設計產業中的配色趨勢,並且可以通過具體的個人感受來搜索相應的顏色。同時網站還提供了各種素材與形狀的下載,使用者也可以在線DIY素材。

Paletton——使用者通過設定一個顏色,通過網站的選項和微調參數生成一套配色方案。另外還可以模擬一個按照這套配色方案生成的網頁或者藝術作品案例。

學學台灣文化色彩——通過分析藝術作品中色彩來幫助人們更好的理解和使用色彩。此外會及時地提供關於色彩藝術的活動(主要為台灣地區)與對於色彩的相關研究。

Color Hunter——通過搜索關鍵詞,圖片的URL或上傳圖片,網站可以在線分析圖片中的配色。

Color Schemer——網站提供各種主題的配色方案,主要用於網頁設計,站內以主題和顏色名稱分類。配色方案可以以cs格式下載到電腦上。

Colorfavs——網站可以上傳圖片來分析圖片的配色。通過搜索某一顏色,網站會提供關於此顏色的不同配色方案和相關顏色。

Bootflat——網站通過簡單的顏色分類可以快速找到某一色系的顏色,多用於扁平化的設計。

NIPPON COLORS——一個日本的傳統色譜網站,網站提供顏色的RGB和CMYK數值,每種顏色還配有不同的名字。

Color Hunt——網站會更新不同的配色方案,並且會按照受歡迎程度排列。

摘自:初學設計:有哪些配色網站? - 知乎專欄


配色真的很難,真的很難,很難,難!

重要的事情說三遍,

我知道大家也看過不少關於配色的教程,收集了很多配色方案,也知道一些好的配色網站,但依然配不好色。

因為大家沒有掌握配色的套路和方法~

作者利兄,本文首發在微信公眾號利兄日誌(yingxiaoxinren),未經授權,切勿轉載,如需轉載請私信~

PPT中的色彩主要有4種,字體色,背景色,主色和輔助色。

字體色,通常為灰色和黑色,如果和黑色背景也有可能是白色。

背景色,通常為白色和淺灰色,一些發布會喜歡用黑色

主色,通常為主題色或者logo色,主題關於醫療可能就是綠色,關於黨建可能就是紅色。

輔助色,就是考慮到主色過於單一,經常作為主色的補充。

1 第一種配色,黑白灰

黑白灰並不屬於色輪中任何一種顏色,他們在配色上顯得很安全。

這種配色非常簡潔大氣,通過大面積的留白,營造出設計感。

2 第二種配色,黑白灰+任意單個顏色

這是目前使用最廣的一種配色方式,通常黑色和白色為背景色或者字體色,任意單個顏色為主色,

由於黑色和白色可以歸為無色,所以這種配色方式就只有簡單的一種顏色

關於這種配色方式,我整理了5個配色方案。

3 第三種配色,黑白灰+同類色

同類色,指的是顏色的色調一樣,只是改變了顏色的飽和度和亮度;換句話說,就是同一種顏色,只是深淺不一樣。

PPT默認的配色方案中就有10種,每一種都包含5個深淺不一的顏色。

除此之外,我們還可以打開自定義調色板,手動更改顏色的亮度和飽和度。

關於這種配色方式,我整理了3個配色案例及其配色方案

4 第四種配色,黑白灰+相近色

相近色是指色輪上左右相互鄰近的顏色,這種配色很好用,使用範圍也比較廣。

常用的為紅配黃,藍配綠,綠配黃等

這種配色在視覺上比較溫和,營造出一個比較舒服的視覺感受。

5 第五種配色,黑白灰+對比色

色輪上呈現180度互補的顏色,如紅配綠,橙色配藍,紫配黃,這種配色在色差上對比強烈,為了吸引注意,經常在一些需要強調的地方使用。

源文件下載地址:公眾號利兄日誌(yingxiaoxinren)回復「配色手冊


科學!
科學!
還是科學!

配色的美度是可以計算的,既然題主說科學依據,那我就用科學的計算方法來解答。
首先,既然要計算我們就要先確定整個顏色體系的標準,意思就是某個顏色的準確代碼,這裡就涉及到一種東西,就是色票。色票有很多種,日本有PCCS,德系有奧斯華,為了後面的計算,我這裡使用的是美國的蒙賽爾,經過美國以及光學學會的驗證,是全世界可以通用的。這個色票涉及顏色的三種數據,色相,彩度,明度
這是其中一張

右上角的5R代表色相,橫軸是彩度,縱軸是明度。 對於某一個色塊,比如最右邊的那個紅色。
它的代碼是5R 4/14。(色相5R,明度4,彩度14),讀作5R 4之14,如果你需要印製任何東西,或者簽合同,只要把這個代碼告訴全世界任何一個廠家,都是沒問題的。
整體可以組成這樣一個環形。

日本製造,用工業車漆做得色塊。當然所有色塊全部都是整數,每個色塊和每個色塊之間還可以等分。也就是說這些顏色包含了人類迄今為止可以生產的全部顏色,比如上圖最左邊的那個黃,就是人類現在可以生產出的最黃的顏色 = =。
現在明確了顏色,那麼根據這套顏色體系,我可以告訴大家,配色的美度是可以進行計算的,並且在某種程度上,和我們的日常審美相吻合,神奇吧!
美度公式是M=O/C
M是美度,得分0.5以上算是合格,當然分數越高越好。
O是Order秩序量,也就是色相,明度,彩度的總和得分。
C是Complexity複雜量,包含色對數,色相差數,彩度差數,明度差數。
下面我舉個具體計算的例子(過程有點枯燥可略過):
首先來看這張圖標,評分的關鍵。

現在有四個顏色,5Y3/7,5R9/3,5B7/6,5R2/4。讓這四個顏色兩兩組合,得到六種組合。
以其中一種組合為例5Y3/7和5R9/3。首先是計算色相分1:色相分別是5Y和5R,左上角第二張圓環圖,Y和R之間隔了兩格,這裡每格計10分,所以色相差為20,這時候看右上的圖表,色相差在20分的範圍,得分為0.7分。以此類推計算出全部6種組合的色相差得分並相加。再來是明度差,剛才的例子明度分別是3和9,明度差6,還是看那個表,明度差6加3.7分,以此類推計算出全部6組明度得分後相加。然後計算彩度差,例子中彩度是7和3相差4,加0.1分,以此類推計算6組彩度差得分相加。然後將計算的色相差得分,彩度差得分以及明度差得分全部相加,得到之前公式的O,這個例子里是23.6。
現在來計算C,首先是色數,這裡涉及四個顏色所以色數是4,再來是計算有色相差,彩度差,明度差的色對數,也是量量對比,只有相對位置不同就可加1,這樣計算之後在全部加和,得到C,這裡是等於21.
之後用O/C得到美度,也就是1.12。滿足題主科學的依據。
當然還沒結束,在這個的發展中,後來有加入了面積的計算,因為顏色所佔的面積對於配色美度也是有影響的。
還是先說面積計算公式
R1S1=R2S2=R3S2=......=RnSn
這裡的S1到Sn表示的是不同顏色的面積。根據公式,也就是說不同顏色的面積比等於他們R的反比。也就是當達成這個條件的時候,還有加分!
那麼R是什麼呢

這個公式里,C是彩度數值,V是明度數值,比如之前的顏色5Y3/7,C=7 V=3。
這樣帶入計算每個顏色,得到配色中應該的面積比。假如自己的配色符合了這個面積比,那麼在剛才的公式M=O/C裡面。其中的O,加6分。
但是這個公式稍有缺陷,因為沒有引入色相的變數。
以上,就是關於配色美度的計算。
從這套科學的體系中,其實可以總結出一些簡單明了的理論,而這些理論很多時候恰好符合了我們平時說的一些配色原理。比如配色的時候亮色面積小諸如此類的,或者顏色太多就變花了之類的。
先寫到這,想起來再加。


看了下大家的回答,有對色彩理論的剖析,也有PPT技巧的運用,都寫得很好,但卻鮮有結合回答。一直自學設計,顏色也曾一度困惑很久的問題。

試著回答,個人經驗僅供參考 :-)

在討論如何運用顏色之前,掌握一些基礎的色彩原理也是非常重要的,這就像是「道與器」的區別。原理是道,工具是器,兩者缺一不可。

兩部分內容:

1、你一定要知道的色彩原理
2、PPT中如何快速配色

一、你一定要知道色彩原理

17世紀以前,人們普遍遵從亞里士多德的觀點,認為光是白色的。直到牛頓後來的稜鏡色散實驗,人們才發現光原來是由七種顏色(紅、橙、黃、綠、青、藍、紫)組成的。

回到顏色本質,也是光。光照射在物體上,沒有被吸收的部分產生反射,又由於物體材質導致吸收不同,也就形成了不同顏色。

現代常用的色彩體系只有兩種:RGB和CMYK

按照光線波長不同,我們可以分為R(紅色)、G(綠色)、B(藍色)三個通道顏色,也就是光的三原色。

我們再把每個顏色分為256(0~255)個維度,這樣就得到了RGB數值,比如(0,0,0)、(255、255、255)等。

有時候我們也會看到各種顏色代碼,比如這樣:#00FF00,具體換算相對複雜。你只要知道後面6位字元代表的是RGB數值就可以了,#00FF00 = RGB(0,255,0)。

平時我們常見的電視、顯示器、網頁等都會採用RGB的色彩模式。但由於三原色混合不太可能達到純黑的效果,所以印刷時候會加上K(黑),也就是CMYK的模式。

但在PPT中還支持一種色彩模式,HSL(色相H、飽和度S、明度L)。我們可以通過三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色。

PPT支持RGB調色和HSL調色。

這是關於色彩模式最基本的知識,當然研究起來還有很多。但知道這些最基礎的我們就可以嘗試自己調色了。

二、PPT中如何快速配色


在討論技巧之前,首先要明白的是,如果你沒有任何美學基礎,很難調出好看的顏色。就好像廚師做菜,天賦僅僅只是一方面,更多的需要不斷練習、尋找感覺。

這裡引用魁哥巡迴演講的內容 @銳普PPT陳魁,把PPT的顏色分類四類:VI色、行業色、主題色、領導色。

01、VI色
VI就是企業的視覺化設計,一般體現在畫冊上,比如這些:

如果你是一名在職人員,那麼在做PPT的時候,可以參考一下你們公司的VI設計,直接用VI的配色系統就可以了。

02、行業色
不同行業也有各自的顏色偏好,具體需要看情況處理。

比如科技行業,發布會的PPT一般都是:深色漸變背景、極細的字體等。

鎚子的:

小米的:

又或者你是特殊行業,比如政府,那就應該是這樣的:

03、主題色
主題和你的用途有關,根據場合去選擇。比如答辯,適合的顏色就是藍色、紫色等,能夠有一種嚴謹、學術的感覺。

比如我自己做的畢業答辯模板,也歡迎免費下載:【PowerPoint】三色實用畢業答辯模板

很久以前的作品了,現在看來有很多地方不夠成熟,但舉例還是足夠了。

又比如我們做一個關於憤怒的小鳥大電影的PPT,自然就需要用到很多圖片、人物等。

也是我自己做的,歡迎下載:憤怒的小鳥:有時候我只是脾氣不好

涉及到具體顏色的時候,可以用PPT的取色器,直接用圖片中的顏色。

在所有顏色編輯里,都有取色器。

04、領導色
這點不說相信你也就明白了,所以做好溝通很重要。

以上只是技巧,就像炒菜,只是給了你勺子。你需要不斷練習,不斷去模仿優秀的顏色。

只推薦一個網站:Behance

Behance的名氣就不多說了,你可以默認上面的就是最好的顏色,然後不斷模仿,並嘗試自己調色。

調色是一個異常痛苦同時偉大的過程,做好很不容易。

最後推薦一些常用的配色工具和網站:

1、網頁設計常用色彩搭配表
按色相、印象進行了分類組合,現成的色彩組合,用時不會出現明顯的錯誤。

2、網頁配色,設計配色,配色圖表,配色卡,配色方案圖譜生成-SDC優設網配色工具
優設網關於中國傳統色彩的網頁,整理了很多中國傳統色彩的名稱以及分類。

3、NIPPON COLORS
一個日本傳統配色的網站,典型日式的風格。

4、Color Hunter
colorhunter能夠直接從圖像中提取配色,然後給出配色解決方案,再去用的時候就會非常和諧。

相關閱讀:
速效!六大類PPT素材網站推薦
高效PPT達人的9大神器,你用過嗎?
《PPT高手之路》01
《PPT高手之路》02-零基礎如何系統入門PPT?
《PPT高手之路》03-有哪些製作PPT的好習慣?


作為一個PPT發燒友,跟大家分享點PPT配色的技巧。


---------------------


未經允許,請勿轉載!如需轉載,請聯繫我本人,微信號:syj18520239046

另外,本文在知乎和我的公眾號旁門左道(ID:pangmenzd)同時發布。


-----------------------------------


本答案分為兩部分,認知篇和操作篇。


先說第一部分:


配色是設計每一份PPT時,必須考慮的因素,相信很多人都認同這一點,一份沒有色彩裝飾的PPT顯得寡淡無味,而一份配色方案合適的PPT則大放光彩,但很多人由於缺乏對色彩的基本理解,往往不知道如何設計配色方案,所以,今天就跟大家一起聊聊PPT配色。


坦白講,不僅一些小白不能設計很好的配色,甚至一些很有經驗的PPT製作者也不理解PPT配色。

所以,很多人做出的PPT往往是這個樣子:


或是這個樣子:

而在配色上有一定理解的高手,做出的PPT則會是另外一副模樣:

或是這樣:

截圖來自:楊天穎作品

我們從上面的4組作品截圖中,能發現有什麼差異呢?

我認為至少存在兩點差異:

而且兩者缺一不可。

先說第一部分,統一性。

什麼意思呢?就是指在一份PPT作品中,我們應該為每一種元素的存在設定統一的色彩,而且這種色彩貫穿始終。

一般而言,我認為一份PPT的配色需要3至4種色彩,包含主色調,輔色調,字體色調。

給大家舉個例子,比如我們看到這樣一張PPT:

我們從這一頁PPT中就可以提取出它的配色方案:

而且,這位設計師還把這4種配色用在了整份PPT中,別人看起來,會產生很統一的感覺:

這就是統一帶來的效果。

這個例子在之前的文章種分享過,感興趣的朋友可以點這裡下載觀看:

再給大家看幾個例子。

比如說陳魁先生的這份作品:

它的配色方案就相對簡單了,我們可以明顯得看出來,配色方案只有兩種:深藍的背景色和白色圖片與字體色。

再比如布衣公子的作品:

同樣遵循了統一這個規律,用色極其講究,我們選擇其中一頁來詳細說明:

它的配色方案有3種:

每一種色彩都有各自的用途。

那麼,在一份PPT中,配色保持統一有什麼好處呢?我認為有兩點作用:

1.可以在視覺上給人造成一種整齊的感覺,凸顯設計感。
2.可以降低別人閱讀PPT時,對色彩的認知成本。

第一點就很好理解了,我解釋下第二點是什麼意思。

我們的眼睛從看到一種色彩,到大腦接收並理解這種色彩,是可以產生連鎖反應的,這就跟我們看到紅燈,知道要停,看到綠燈,知道要行是一個道理。

比如我們用黃色代表A產品,綠線代表B產品:

那麼,別人第一次看到這個圖表時,就會把黃色與A產品關聯,綠色與B產品關聯,那麼下面如果還要用到圖表時,一定要保持最原始的配色。

這就是第一部分要說的,配色要注意統一性。

接下來說第二部分,主題性。

什麼意思呢?我們為PPT配色時,要考慮選擇的配色方案是不是符合PPT的屬性,如果配色方案與PPT屬性不吻合,那麼即便保持了色彩的統一性,也會讓人覺得怪怪的。

比如說,我們要做一個黨建風格的PPT時,我們自然想到的肯定是紅配黃,就像這樣:

而如果你把一份黨建風格的PPT做成了這樣:

我相信,即便你做的再好看,領導也會把你批的一無是處。

那麼,很多人會問,我應該如何在保持主題性的前提下,選擇合適的配色方案呢?

比如說,當我們要做一個跟醫療相關的PPT,那麼,我們就首先需要知道,醫療這個詞在別人的眼裡,一般是什麼顏色?

你可以藉助搜索引擎進行搜索,得到一些相關的圖片:

從這些圖片中,我們不難發現,與醫療關聯的有兩種常用色彩:

那麼,有了兩種這基本的主色,我們可以任選其一,來尋找相應的膚色和字體色。而如果你不知道怎麼尋找的話,這裡給大家分享兩個經驗:

第一,就用灰色進行搭配。

比如我們按照綠色搭配灰色,來做一頁醫療相關的PPT,我們可以做出這樣:

當然,如果你想用藍色,我們也可以做出這樣:

這一種方法使用起來比較簡單,但對於色彩要求比較高的作品則不適合。

接下來說第二種方法,利用專業的PPT模版網站。

這一類網站有很多,我們如果不想自己設計配色方案,則可以搜索他們的作品,然後提取優秀作品的配色方案。

比如我們想做一個商務風格的PPT時,我們可以參考一些商務范兒十足的作品,提取他們的配色方案:

上面這個作品來自PPTSTORE,配色採用了黑色和金色。

或者是這樣的:

上面這個作品的配色方案採用了藍色,白色和灰色,我們提取出來就可以使用。

當然,如果你所在的企業有自己的LOGO,那麼基於LOGO的色彩設計配色方案,那再合適不過了。

比如說阿里巴巴,這個企業的LOGO色是橙色,那麼,做PPT時,肯定會基於橙色來進行搭配。

我們一起來看看阿里巴巴IPO路演時,做的PPT是什麼樣的:

這份PPT的配色方案是基於企業主題色的前提下,保持了統一性:

同樣的,還有之前一位朋友發給我的一份作品,同樣是基於企業主題色設計的配色方案:

做出的PPT是這個樣子:

這就是注意主題性的前提下進行的配色選擇,這樣做的好處是什麼呢?

很簡單,就是為了能讓你做的PPT擁有【它應有的氣質】,如果不按照這個原則,那麼你的PPT即便做的再好看,也可能出現驢頭不對馬嘴的情況,所以,一定要注意。

最後,再總結一下,設計PPT配色方案時,要注意兩點:

統一性,好處是:

1.可以在視覺上給人造成一種整齊的感覺,凸顯設計感。
2.可以降低別人閱讀PPT時,對色彩的認知成本。

主題性,好處是:

可以賦予PPT應有的氣質。


再說第二部分:具體操作篇。

一、不會配色,選擇網上的配色工具!(記住一點,智者當借力而行)

雖然網上有很多配色工具,我只用千圖網的配色工具,為什麼?工具不在多,在於用好!
地址在這:配色工具-最全的配色工具大全

1、先說智能配色吧,這個工具的使用場景是:你確定了其中一個顏色,但不知道哪些顏色與他能夠進行合理的搭配。

舉個栗子,我在顏色代碼框輸入了一個藍色:#6699cc,然後設置HEX(不懂HEX,啥意思也沒關係),右邊給你提供了最佳配色方案!
注意:色塊下面那兩行代表什麼呢?數字代表顏色的RGB值,用在PPT配色中,#開頭的就是顏色代碼,多用在PS!

這是PPT的:

這是PS的:

那有些同學可能會說,我連一個顏色也確定不了,咋整呢?

憋著急,當然還有辦法咯!

2、可以通過印象配色,先找個基礎色,如圖:

或則根據你的配色需求,選擇色彩的情緒,像歡快型的,穩重典雅型的之類的,先上圖,再舉栗子。

栗子來了,假如我們要做一個關於兒童玩具的圖,我們就可以選擇【可愛、快樂、有趣】那一組的顏色,像淘寶的兒童玩具頻道就是這樣做的。

不知道你注意到沒有,這裡面只有顏色代碼,沒有RGB值,那如果要用到PPT里怎麼辦呢?

還記的上一種配色工具嗎?

當你把顏色代碼複製到顏色框中後,對應的RGB值立即就出現了,SO,easy吧!

當然,如果你懂色彩理論,可以參考這個答案後,怎樣的配色可以讓人很舒服?有什麼科學依據? - 赤兔女的回答嘗試使用!

說句大家都說的話,如果你不會配色,多逛逛設計師常去的網站,看看他們的作品是怎麼配色的,先模仿,找到感覺了,再去自由發揮!

剩餘部分,明天再更。

另外,推薦幾個網站吧

我每天必去這個:視覺中國 旗下創意社區
花瓣是我最愛的地方:花瓣網_發現、採集你喜歡的一切
還有優設-UISDC: 優秀網頁設計聯盟-SDC-網頁設計師交流平台
站酷:站酷 (ZCOOL)
如果你是做電子商務的,多去淘寶和京東看看!

下面是我的收藏夾!

如果對設計,還有ppt感興趣的,可以關注我的公眾號,ID:pangmenzd,每日一篇原創,歡迎真愛!

睡個覺,醒來再補充吧!


關於配色,木有系統/專業的知識,僅為日常工作學習心得。

為什麼要寫這篇文字,一是給自個小結,二是原想2016年得到200個贊50個關注,然而,哎不說了。所以寫了這文字來騙贊。

在這裡,高票知友從理論上系統介紹了配色的知識,漲了見識。翻了幾十個答案,其他知友還是喜歡一言不合就上圖,上了許多配色卡和模板,更直觀地提供配色的知識。然而,這對於配色入門的朋友來說,這樣真的不是最好的。

So,本透明也來貢獻自個的一知半解,希望給那些『即便知道了好多色彩的大道理,配色仍是老大難』的朋友們一點幫助,準備從『應用程序,也就是App』的配色進行來開篇。

開篇:RGB的那些事

@大夢Power 大神介紹了RGB的顏色體系。

這裡需要對其進行簡單的補充,RGB作為顏色分類的一種模型,其能夠表達256*256*256=16777216種顏色,已經涵蓋了人眼所能識別顏色數目的極限。三原色包括Red/Green/Blue,其他顏色可以通過這幾種顏色進行疊加得到

1 常用移動端應用配色

為什麼選擇常用的App,原因是大家很多時間都在和這些應用打交道,和這些應用中的顏色,低頭不見抬頭見的,還有什麼看不慣的。
選取了常用軟體,然後截圖取色,需要說明的是,這裡的顏色不是應用圖標的,而是應用主體顏色。

1.1 紅色

截圖/取色:雲音樂、今日頭條、網易新聞、b站、a站、WPS
除b站的粉色調之外,其他的紅色主要區別是深淺度。 雲音樂和頭條的數值接近,a站和WPS數值接近。
取色之前,以為大網易的應用會一脈相承於同一種顏色,真是萬萬沒想到~

1.2 綠色

取色來自:印象筆記、QQ音樂、網易雲課堂以及網易公開課
從RGB數值來看,其中QQ音樂和雲課堂的值較為接近,前三者的G值相近,顏色主要通過R和B調整完成的。這四種綠色中,網易公開課顏色較深。

1.3 藍色

取色來自: 支付寶、騰訊QQ、知乎、迅雷和12306

幾種藍色,QQ藍屬於青綠,其中四種顏色為藍色,主要為深淺程度不同

1.4 其他顏色

取色來自 :微信、UC、知乎夜間模式。
知乎夜間配色屬於深藍-灰,微信色和UC色屬於灰色,

2 Flat UI 和 Material Design

扁平化色卡和MD色卡,在一些答主的回答里有所涉及,這裡將RGB的數值標註出來,畢竟從Hex到十進位還需要去按計算器

2.1 Flat UI 色卡圖

2.2 Material Design 色卡圖

要點篇:需要注意什麼

3 幻燈片中的三類色調

幻燈片需要色彩的地方:文字、圖像、表格、圖表、各種自定義形狀(即色塊)、SmartArt。

其中文字、色塊製作需要更多的配色。文字是最基礎的信息載體,色塊因為其本身可以根據場景/環境進行內容、形狀的改變而做出不同調整,故而顏色主要集中到文字和色塊。

主體色/背景色:常用是白底黑字/黑底白字兩種,當然在一份幻燈片之中,背景色在部分章節可以根據內容需要,使用其他色暫時作為背景
其他色:一份演示文稿之中,過多的顏色堆積容易喧賓奪主,容易轉移聽眾的注意力,因而在選擇時,應該謹慎用色
主體色/其他色:主要體現在文本/色塊的修飾
背景色/其他色:主要體現在文本/色塊的修飾,可以互相切換

3.1 強對比,淡化色彩凸出內容

比較上述兩張圖:
第一張圖中的大部分文字內容都可以順利的傳遞出來,當然也有2-3個色塊中的文字不是辣么容易一眼瞄出來;
第二張圖中的大部分文字內容都那麼不容易被一下子瞄出來。

怎麼去避免這種情形:配色講究深與淺其中白底黑字/黑底白字是最直觀的一種體現,另外三原色中紅、綠、藍的深色亦可以和淺色搭配。
更多還是需要朋友親自去做一下,自己做過才會印象深刻

/******************
重點分割線
******************/

看到這,咱們劃一下重點:

上面說到的App所用的色彩運用到幻燈片製作中,比一些個色卡好用多了,因為應用配色面向的畢竟是大眾,絕不允許太大失誤。當然,使用它們能夠做出人眼前一亮的效果,不得不說製作有點難度。

實踐篇:怎麼去用

通過看、做、模仿一些幻燈片,能夠體會到幻燈片零零碎碎的東西,按照基本構物原則來說,將配色承載元素分為:點、線、面,還有三維體。這裡因為涉及內容契合度,來說說點線面。

4 點、線、面

:作為結構最小的結構,在這篇文字中,可以是一個小圓點,圓形,矩形,五角星,三角形等等。我們用點來做什麼呢,那就是『指』點一二
線:線是點組成的一維結構,可以是箭頭,直接,曲線,起到連接,分隔的作用;
:直接面向聽眾,一個版面的內容、結構、顏色會直接傳遞給聽眾,面可以是整個界面,亦可是一個表達內容的色塊。

4.1 點的『指』點一二

上面有介紹到,點的作用在展示過程中,能夠通過實體化的標識告訴觀眾目前演說者的思路。一份演示文稿,會有許多三段式四段式或者更多段式的並列說明或者遞進說明,告訴聽眾現在講到哪個點,還有幾個點。

這種做法的實用之處,就是演講者系統地論述,聽眾能夠跟隨演講者的思路,及時領會文稿所要傳達的信息,達到直觀有效的傳遞。

4.1.1 點在並列論述中的標定

上圖中,並列關係敘述,需要時刻告訴聽眾現在講到哪一個並列內容,使用點進行標定,其他並列內容改變其透明度進而形成明暗效果
配色說明:三個並列項,只有當前展示的一項使用顏色較深的圓形和名稱文本,其他使用較淺的顏色標記,右側大幅版面介紹當前項目具體內容

4.1.2 點在流程時間軸中的指向

上圖中,通過設置每個時間節點,使用的圓環作為時間軸中的時間標定,然後引出該個時間節點下的內容信息,配以動畫效果,味道更佳

4.1.3 點的指示/提醒

使用五角星或者圓形進行評價,在現在網頁或者移動應用中多為常見,在幻燈片介紹人物技能或者表示數據的概率/比例等場景中出現。

借鑒了卡片設計,當然這種方式不能夠直接套用到演示文稿中,僅僅可以作為演示形式類的設計,並且加以動畫,使得信息展示更加直觀
配色說明:除了背景色之外,加了一個圓角矩形作為卡片底色,然後分條添加卡片信息。卡片底色和載有信息的卡片通過配色區分,再加上陰影效果,形成卡片懸浮的效果

4.2 線的『線』上談劃

線條的體現形式,包括以下類別(個別重複):

1 實線,虛線
2 直線,曲線
3 封閉線,非封閉
4 有箭頭,無箭頭

4.2.1 線條的並列分隔

使用線條機型並列分隔時,統一線條的顏色和樣式

4.2.2 流程圖中的線條

關於流程圖,箭頭樣式使用三角箭頭,大小取較大的那種,統一箭頭連接線的配色,使用虛線框對流程中重要流程區域進行標定。

流程圖中的框圖,使用色塊代替圓角/矩形框填充內容,和背景色形成反差,使人更能注意到色塊的文字信息

4.2.3 線條的修飾

和配色關係不大,在此不細說

4.3 面的『面』向對象

4.3.1 版面的大與小

--這裡是黑底

--這裡是白底

上面兩張圖,比較兩個背景色下,展示同樣的信息。
把幻燈片的頁面當做大的背景色塊和載有文本信息的色塊,構了大與小的版面,造成視覺反差。至於哪一種方式展現力更好點,本透明更傾向於第一種~,為什麼呢,有種萬花叢中一點綠的既視感。

這份介紹人物的版面,以其他色作為背景色調,頭像下面的圓形色塊,大小比頭像大。這個版面的大與小就是整個版面的綠色和頭像下及圓形色塊形成大與小的構圖,使得人第一眼就看到頭像。

整個排版分為上下結構,上結構為重要信息,下結構為次重要信息。通過這種上下排版,使人能夠從上到下閱讀。


4.3.2 版面中的邏輯線

演講者就是演示過程中,通過幻燈片展示所包含的內在邏輯,向聽眾一步步去論述自己的觀點。如果自亂陣腳不知所云,那整個過程就是毫無邏輯可言。

目錄頁中,可以給每一個章節設定一個其他色,將其配合背景/主體色,形成單個章節特定的配色風格,另外可以用這種顏色,潛意識中告知觀眾目前演講的進度。當然這種配色,你也看到了,是在畢業設計那會。。

區分於點的並列標定作用,這裡使用大塊顏色塊來作為敘述文本的底色,和其他有所區別。這種通過色塊對文本內容進行分類的方法,更能實現信息的分隔,實現模塊化敘述觀點的目的。
單個色塊的潛在作用就是將內容和其他內容區分開,實現自身內容的高度概括。色塊於背景版面就是分化與統一。

使用文字顏色的深淺,展示文本內容的講述進度,同時其他文本做淺色處理,方便觀眾有個梗概,讓人心裡有個初步的印象。


最後,先寫到這了,想到再補充。
歡迎朋友交流~


推薦閱讀:

WP8.1 Update 除了中文 Cortana 還有別的令人興奮的特性嗎?
毫無編程基礎的小白準備學習C語言,用VC6還是VS2015?
Excel 有哪些可能需要熟練掌握而很多人不會的技能?
Windows XP 已經過時但佔有率仍很高,這是否給桌面軟體開發者帶來了一些麻煩?

TAG:PPT | 顏色 | Microsoft Office | 顏色搭配 |