有很多讀者,在看完每一期的 PPT 案例修改之后,總會問我一個相同的問題,那就是:
『如何調(diào)整出高級感的 PPT 漸變色』?
其實這個方法有很多:
來自Dribbble
但不得不說,這些都是別人設(shè)計的漸變色,對你來講,雖然可以很方便的進行借鑒,但其實你還是不懂背后的方法。
因此,今天就來跟各位,分享3個設(shè)計漸變色的方法。我相信,看完之后,你也可以做出優(yōu)秀的漸變配色:
它的原理,就在于保持漸變色的色調(diào)一致。
啥意思呢?先來簡單科普一下 PowerPoint 軟件中顏色模式,一共分為兩種,分別是RGB和HSL:
啥叫 RGB ?啥叫 HSL 呢?很好理解,因為這都是英文縮寫:
而如果想要保持色調(diào)不變,其實,就是只調(diào)整 H ,也就是色調(diào)的值即可。那么,關(guān)鍵在于,該如何調(diào)整呢?
在 PowerPoint 軟件中,我們比較熟悉的,可能是 RGB ,但其實,我們切換成 HSL 面板:
這樣,就可以很方便地調(diào)整顏色的色調(diào)。比如說拿這個橙色來說,它的色值是這樣的:
那如果我們想用這個顏色,來創(chuàng)建一個漸變色,該如何調(diào)整呢?再啰嗦一遍,那就是只調(diào)整色調(diào)的值,其他兩個數(shù)值不變即可。
比如說像兩個顏色,各位可以看到,只是色調(diào)發(fā)生了變化:
然后,把這兩個顏色組合起來,就可以生成這個漸變色:
看起來還可以,對嗎?同樣地,我們還可以任意調(diào)整其它色調(diào),比如換成紅色,同樣能創(chuàng)建一個流暢的漸變色:
因此,以后當(dāng)我們再看到這樣的漸變色案例時,你是不是就知道該如何去調(diào)整了呢?
從名字就能理解,這種漸變式搭配的方法,就在于調(diào)整出一深一淺兩個顏色。很多發(fā)布會的 PPT 漸變背景,都是這么調(diào)出來的:
那這個方法的核心,是調(diào)整什么值呢?還是回到我們剛才的 HSL 模式中:
顏色之所以有深淺,通俗點說,就是有明暗關(guān)系的變化,因此,我們需要調(diào)整的是亮度參數(shù),也就是 L 值。
各位可以看下這個動態(tài)變化過程:
但要注意,顏色深淺的幅度不要過大,稍微有一些變化即可:
那這種漸變色,在 PPT 中有什么用呢?有一個我常用的場景,就是與物體的光影相契合。
啥意思呢?啥叫『與物體的光影相契合』呢?很好理解,舉個例子,一束光照在一個物體上,肯定有一側(cè)亮,一側(cè)暗:
對嗎?那這跟 PPT 有啥關(guān)系呢?比如像下面這個人物素材,臉部比較亮,肯定是光照面,另一側(cè),肯定是暗面:
因此,當(dāng)我們進行排版時,人物底部的色塊,肯定是上側(cè)偏亮,而下側(cè)偏暗。就像這樣:
能明白這個使用場景了,對嗎?
當(dāng)然,類似的例子還有很多,而只有你理解這個知識點之后,你才能明白,別人的色塊顏色,為什么要那樣去調(diào)整?
比如像這個網(wǎng)頁設(shè)計的案例,各位能看到其中的明暗關(guān)系嗎?
同樣地,還有像這個例子,光源從右上角照入,因此,色塊右上角會偏亮:
還有我之前做的這個頁面,原理都是一樣的:
這是我們今年剛研究出來的一個方法,比較適合用在面積較小的形狀上。比如說就像這樣的案例:
這里的氣泡,靠一個漸變色,是調(diào)整不出來的。一般需要多個:
這就是多層漸變疊加的效果。同樣地,這里的漸變色,也不是隨便調(diào)整,同樣遵循一定的方法。
拿這個例子來說:
因為左側(cè)泛的是紅光,右側(cè)泛的是青光,所以,漸變的角度和色彩,也盡量能貼合光源的效果:
同樣地,還有一些相似的案例,也跟各位分享一下。
比如像前兩天的技術(shù)架構(gòu)的設(shè)計案例,也是利用這個技巧完成的:
明白了嗎?這就是我們在調(diào)整漸變色的時候,可能會用到的一些方法。在之前的文章中,我曾零零散散地分享過,今天算是一個完整復(fù)盤吧!
以上,就是我日常積累的色彩搭配經(jīng)驗,希望對各位有所幫助。
原標題:這些PPT的色彩搭配也太高級了吧!學(xué)會這3招,你也能搞定!
]]>如何才能在 PPT 中,搭配出高級感的顏色,這可能是很多人困惑的一個點,不知道你是否遇到過這個問題?
那么,該如何快速完成一份高質(zhì)量的顏色搭配呢?
可能有些讀者,配色純靠瞎蒙,隨意選擇顏色,就像這樣:
來自讀者投稿
也可能有些讀者會選用單色系配色,整份 PPT 就一個主色,就像下面這個頁面:
這種做法雖然簡單,但會讓頁面看起來非常單調(diào),因為缺少視覺變化。
那如果我們再增加一個顏色呢?效果會不會好一些呢?
但問題在于,我們該如何正確選擇色彩搭配方案呢?
網(wǎng)址是:color.adobe.com
其實這個工具已經(jīng)存在很久了,但最近,它更新了一些更好用的新功能,變得更贊。
所以,今天就跟各位聊聊,如何借用這款工具,更簡單但更有效地完成 PPT 配色,有兩種用法。
1.利用色輪功能
這是幾乎每一款配色工具都會有的功能,該如何使用呢?
在頁面的左側(cè),有非常多的配色類型,但我個人認為,記住其中兩個,就足夠了。
互補色
啥意思呢?你可以理解為是兩個對立的顏色,對比效果非常明顯。一般用來強調(diào)頁面上的重點信息。
比如像這里的黃色和藍色,就是典型的互補色:
舉個例子,比如像這個頁面中的黃色文字,和底部的藍色背景:
同類色
簡單來說就是,色盤上相臨近的一些顏色,它的作用,就是讓 PPT 配色變的不再單一。
比如像這里的5個顏色,色調(diào)很相近,對嗎?
舉一個實際的 PPT 案例,比如像下面這幾個頁面,都是藍色系搭配:
2.利用色彩提取
這是我最喜歡的一個功能,你只需要上傳一張圖片,就能幫你生成一套完整的配色方案。
啥意思呢?來看一下效果。
比如舉個例子,像這張 PPT 頁面,來自一份醫(yī)療 PPT ,配色很亂,對嗎?
那么,如何對它的顏色進行優(yōu)化呢?我們可以找一張醫(yī)療相關(guān)的界面圖,比如就是它了:
上傳到網(wǎng)站中,會自動提取插畫中的色彩搭配:
然后,我們就可以把這些色彩,應(yīng)用到這張 PPT 頁面的設(shè)計中。而且,這里的話,正好有一個橙色,可以作為頁面的強調(diào)色,非常合適:
是不是非常簡單?
同樣的,再比如我們想要完成一份環(huán)保或新能源相關(guān)的配色方案。
依舊是找一張相關(guān)的插畫素材,就可以獲得一組配色方案:
那如果是金融行業(yè)的 PPT 呢?方法也是一樣的。找到相關(guān)的素材,直接提取,就可以獲取配色方案:
是不是足夠簡單?
當(dāng)然,網(wǎng)站還新推出了一個功能,可以幫你提取漸變色。
操作步驟也是一樣的,上傳素材后,它會尋找畫面上一組相近的顏色,并按照從淺到深進行排序,生成漸變:
而用這種方法,搭配出來的漸變色,色調(diào)的過渡,會更加自然。
除此之外,如果你不想找素材來提取顏色,也可以直接在這里,搜索關(guān)鍵詞,獲取相關(guān)的配色方案。
比如,還拿前面的醫(yī)療案例來說,我們只需要搜索『Medical』,就可以得到超多配色方案:
怎么樣?是不是很贊?
好了,明白了這個工具的使用方法之后,我們通過兩個小的案例,來進一步練習(xí)一下。
1.案例一一份咨詢公司的圖表頁
這里的話,主要是表現(xiàn)一些分布的數(shù)據(jù),使用面積圖和折線圖,會有些不合適,另外,就是整體的配色方案,有點太丑,且沒有重點。
所以,在這里,我們可以選擇修改為柱狀圖:
至于顏色的話,我們可以通過圖片提取,找到一組配色方案:
我們可以選擇藍色作為主色調(diào),黃色作為對比色,并且,還能突出圖表的數(shù)據(jù)重點:
案例二這是一張內(nèi)容對比的頁面
因為這里是兩部分內(nèi)容的對比,所以,可以先分兩欄,進行版式布局:
然后,對每一部分的內(nèi)容,做一些處理,這里,我把內(nèi)容從列表,變成了橫向并列排版:
放到版式對應(yīng)的位置上,完成頁面的初步排版布局:
頁面有些單調(diào),而且,右側(cè)會有些空洞,所以,可以考慮添加兩張圖片,作為補充:
但是,注意,在原稿中,有一項內(nèi)容,是被重點突出的:
那么,藍色的對比色是什么呢?我們可以把色值,輸入到配色工具中,找到對應(yīng)的互補色:
我們可以選擇右側(cè)最亮的那個黃色,填充到對應(yīng)的色塊內(nèi),即可起到重點突出的效果:
怎么樣?應(yīng)該足夠簡單了吧?
即便你完全沒有學(xué)過配色的方法,也可以通過色彩提取,獲取一份還不錯的配色方案。
好了,這就是今天要給各位推薦的一個配色工具,希望對各位有所幫助。
原標題:一鍵生成高級感PPT配色!Adobe家的這款免費網(wǎng)站,太愛了!
]]>本教程您將學(xué)習(xí)到以下內(nèi)容:
提到PPT色彩搭配,對于大多數(shù)人而言,應(yīng)該都不是那么擅長。但我希望,當(dāng)你花了3分鐘讀完這篇文章后,你的PPT色彩能變成這樣:
為什么敢這么說呢?因為PPT配色存在一定的規(guī)律,或者說叫套路,如果你能掌握它,即便你并非專業(yè)的設(shè)計師,也可以輕松搞定色彩搭配。
好了,廢話不多,咱們進入正題。
如果你完全不會配色,那么,這個方法就是你最優(yōu)的選擇。因為利用它,你可以輕松做出色彩簡潔且重點突出的PPT頁面。
就像這樣:
那么,這個方法的精髓就是:
單色+白色+黑色
這里的單色,可以取自企業(yè)LOGO:
也可以基于幻燈片的風(fēng)格,比如一份商務(wù)PPT,可以是藍色:
也可以是其他顏色,只要是一個色彩即可。
如果你覺得單色配色過于單調(diào),且在PPT中又不想使用更多顏色,可以選擇與主色相近的顏色,進行搭配。
比如像這樣:
可能很多朋友會存疑,如果確定了主色之后,該怎么尋找與之相關(guān)的同色系呢?
這里可能需要借助一些配色工具,比如我用的是:
我們只需要把主色的RGB值輸入進去,軟件會自動幫我們生成:
比如我們把這一組顏色,放在一頁PPT中,就可以輕松地做出這樣色彩搭配的PPT圖表了:
另外,這里有一個點,可能需要提醒各位。
有些配色工具中,可能只允許輸入類似#223344這樣的色值,那么,怎么把RGB值轉(zhuǎn)換成#223344的十六位顏色代碼呢?
我們可以在網(wǎng)上搜索色彩轉(zhuǎn)換工具,借助它們,就可以輕松實現(xiàn)轉(zhuǎn)化:
其實,軟件自帶的配色方案,也是能夠解決大多數(shù)ppt的配色問題。什么意思呢?
點擊設(shè)計>變體>顏色即可看到
我把軟件自帶的配色方案做了一個總結(jié),大概是這樣的。
像這幾組藍綠色的方案:
而像這幾組:
還有這幾組:
當(dāng)然,配色的方法呢,還有很多,比如借鑒優(yōu)秀平面作品,借助配色網(wǎng)站等,不過,上面的3種,應(yīng)該是最簡單易用的,希望能夠?qū)δ阌兴鶐椭?/p> ]]>
很多人喜歡色盤之中選擇,但是面對這么多的顏色,選取一個合適的就比較困難。我經(jīng)常開玩笑對身邊朋友說,做幻燈片的時候顏色不好把握的,那就看看羅小黑戰(zhàn)記。看到比較舒服的顏色截幾張圖那么顏色也就來了,要不信,快看:
當(dāng)然,這么隨意的選取顏色總覺得不那么正式,那么下面就推薦一些常用的色彩使用
1.1 NipponColors
這套顏色體系是我自己一直喜歡的,總共250種顏色。平時對于顏色不好把握的時候,也會去找找。這個網(wǎng)站本身的可玩性也比較高,建議使用Chrome或者Safari瀏覽器
網(wǎng)站地址:http://nipponcolors.com/
1.2 WebGradients
這是一個提供多樣漸變種類的網(wǎng)站,所使用的漸變形式為線性漸變。如果是做前端的朋友,可以直接使用拷貝CSS選項,提供了180種漸變形式。如果對于漸變顏色的把握不準,這不失為一個好的顏色搭配的參考。
網(wǎng)站:https://webgradients.com/
將上述網(wǎng)頁進行截圖,然后放在幻燈片中,然后使用幻燈片中中取色器進行漸變處理
1.3 自個常用的顏色
下面這張圖中的顏色在本人最近制作幻燈片之中使用較多的一些顏色,涵蓋了紅橙黃綠藍紫,深灰、褐色、藍灰等顏色,每種顏色上面標注的數(shù)值為其RGB值。
一直覺得建立自己的顏色使用搭配很有必要,每個人使用色彩的風(fēng)格要形成習(xí)慣,而不是每次都去嘗試風(fēng)格迥異的色彩搭配。
1.4 色卡Design seeds
這些色卡在剛開始配色的時候用過,就是通過軟件的形式選取一張圖片之中出現(xiàn)數(shù)值較多的幾種顏色體系。
推薦盡量不要使用同一張圖片之中的顏色作為一套幻燈片中的色彩,可以多選擇幾張這樣的圖片,從中選取若干種較合適的顏色進行搭配而不需要拘泥于一張圖片之中的顏色搭配。
Design Seeds,下文中會提供一些design seeds 的資源圖片
在這里介紹經(jīng)常使用的幾種關(guān)于顏色的工具,提高效率
2.1 ColorCube
平時主要用于屏幕取色,開啟屏幕取色功能后將鼠標箭頭停留在一個位置1-2秒, 自動彈出 16 進制顏色數(shù)值(可以自定義十進制或者16進制),再點擊一下提示框便可復(fù)制數(shù)值。雖然我還是比較傾向于使用幻燈片之中的取色器,但是取色器不能夠直觀顯示RBG數(shù)值,將ColorCube搭配取色器使用,效果較佳。
2.2 FastStoneCapture
這個工具其實主要工具在于截圖,放在這里是因為工具本身也具有取色功能。
但是這肯定不是最佳方式,最好的使用形式是使用截圖功能選取圖片、桌面、網(wǎng)頁部分內(nèi)容,然后將其復(fù)制到幻燈片之中,使用取色器進行取色。
鑒于自個沒有做過什么模板,所以對于模板的結(jié)構(gòu)不甚了解。這部分主要結(jié)合以前做過的幻燈片,進行補充說明。
在關(guān)于色彩第一篇文章中,通過幾種顏色對比,發(fā)現(xiàn)白底黑字搭配各種其他顏色的顯示效果最佳,其他深色背景白字的效果也比較好。
3.1 白底黑字+其他顏色輔助
白色背景黑色字體,其他輔助顏色選取常用的顏色,如紅、綠、藍、橙、深灰、藍灰等顏色。這些顏色對于強調(diào)文字、小標題色塊配色,和常規(guī)內(nèi)容進行區(qū)分。
3.2 深色背景白字+其他顏色輔助
這里的深色不僅僅是深灰色,包括其他顯示效果較好的顏色,只要保證對比性較強,顯示效果較佳即可。
一些資源文件下載:
ColorCube工具
Fast Stone Capture工具
Design seeds圖片資源
一份畢業(yè)設(shè)計模板參考
配色資源下載:鏈接: https://pan.baidu.com/s/1c2kYQzA 密碼: 8p8b
最后,這是一篇沒有干貨的內(nèi)容~
來源:https://zhuanlan.zhihu.com/p/26386961
]]>可能許多的書籍或者教程文章之中會提到,顏色不要多于三種之類的觀點。但凡事都要有個前提條件,不推薦三種以上是因為色彩搭配時過多會影響內(nèi)容信息的傳遞,如果有一種顏色不搭配的情況會造成整個板塊頁面的色彩失衡,從而配色失敗達不到預(yù)期的效果。因而不要超過三種以上的配色對于制作者和演說者是一個避險行為,寧不出彩也不犯錯。
怎么去辦,提高審美。你不能通過一篇文字,寥寥數(shù)千字、幾十張圖片就能夠提高這種能力,這是個潛移默化的過程。
等到你能夠發(fā)現(xiàn)以前的幻燈片很差的時候,這說明已經(jīng)有了一個提高。然后開始新一輪的審美輪回~
在第十篇文字之中,只是介紹了一些顏色以及在顏色運用之中需要注意的對比突出內(nèi)容的細節(jié),這篇文章來介紹到底我們在制作幻燈片時,要把色彩運用在什么地方。
這些運用到色彩的地方,以我現(xiàn)在的能力只能概括一下:文字、線條、圖標、扁平頁、卡片頁、純色頁、漸變頁、圖片、流程頁,可能不夠完善,如果后來遇到了其他使用場景的時候,再將其添加到本文之中。那么今個就按照上面列舉的順序依次說明。
文字部分的配色比較單一:使用不同顏色、或者顏色的深淺用來表示強調(diào)、標記、順序論述作用。當(dāng)然可以通過布爾運算將文字處理,這時候的文字屬于基本形狀,可以將其漸變、拆分處理。下面開始具體說說
1.1 顏色深淺用于順序論述
這個就是通過同色系中選擇深淺不同顏色,用來表示當(dāng)前敘述的話題。白色背景下,推薦深灰色和淺灰即可,其他色彩的話,運用不好可能使效果打折扣。
1.2 不同顏色用于強調(diào)標記
整段文字之中,要突出段落之中的關(guān)鍵字詞,一般情況下不推薦使用下劃線、斜體、不同字體進行強調(diào)區(qū)分。使用顏色就可以很好的達到這個效果且不破壞整個版面的一致性,有時候顏色和加粗效果更佳。
1.3 布爾運算之文字配色效果
這種文字是文本框文字和基本的形狀(如矩形填充、圓形填充)進行布爾運算中的剪除或拆分操作,這時候出來的文字就不可編輯,其本身為可以進行顏色更多操作的形狀圖層。
例如下面這張圖,就使用拆分操作,拆分成每個字母,然后將每個部分進行不同的漸變的配色操作。
想要了解布爾運算的功能,傳送門一:幻燈片中的布爾運算 - 知乎專欄
2 配色于線條部分
許多朋友對于線條可能不太了解,以為線條就是簡簡單單一根直線或曲線。其實不然:從線條的實與虛,開放與封閉的角度上來看,線條的種類眾多,且根據(jù)指向性來劃分,還有無箭頭和有箭頭之分。若要了解幻燈片中的線條,傳送門二:幻燈片中的線條 - 知乎專欄
線條的樣式不僅僅是單根線條,任何一個基本形狀外側(cè)都是有線條輪廓,線條的一些屬性如下圖。
現(xiàn)在簡單做一下介紹:
復(fù)合類型:就是線條的展現(xiàn)形式單根線還是多跟線,預(yù)設(shè)效果共有4種;
短劃線類型:即我們常用的虛線
端點類型:即線條兩側(cè)的收線形式,共有三種效果:圓形、正方形、平面
連接類型:即兩根線條連接時,其接觸點的形式,共三種:圓形、棱臺、斜接
各種箭頭屬性:就是把線條兩側(cè)進行箭頭化處理。
知道了上面的那些屬性,根據(jù)這些屬性給線條進行純色或者漸變處理,就得到了下面這些線條,是不是和你經(jīng)常用到的線條有點不同~
下面這張圖是基本形狀的輪廓線條的漸變處理
如果技巧夠好,使用線條來做一些有意義的東西也不錯,下面這張是拙作略不美觀。這時候就能夠看到線條和線條之間銜接時連接點的處理使用的是圓形類型
現(xiàn)在許多網(wǎng)站可以下載圖標,當(dāng)然對于一般時候只需要下載png格式即可,如果需要對圖標進行二次編輯的話,還是要去下載svg或者ai格式,這部分內(nèi)容講得是關(guān)于png圖標以及自繪圖標的使用。
3.1 一種圖標排列思路
下面這張圖是將下載的4個白色圖標對齊放在界面上,可以看出四個圖標因尺寸、形狀的緣故,其形態(tài)有大有小、長寬不同。有的朋友覺得這樣挺好,也有人會覺得這樣排列太亂,不夠統(tǒng)一,下面介紹一種圖標使用方式。
我們將上述的四個圖標放在圓形填充形狀中,當(dāng)然也可以是圓角矩形、矩形等。
加入圖標背景將注意力引到其背景的填充形狀上,弱化了圖標本身長寬不同帶來的差異化。同時,這么做可以使得我們隨時能夠改變圓形色塊的顏色,使圖標適應(yīng)不同的背景,拓寬了圖標常用場景。
3.2 不同圖標背景色標示順序
這種形式稱為TAB切換,即使用不同形態(tài)的圖標來區(qū)分不同板塊,起標示板塊順序的作用。使圖標形態(tài)不同常用的兩種方式:顏色區(qū)分、大小區(qū)分。當(dāng)然顏色區(qū)分更適合點,更能保持版面的平衡,比如微信和知乎的下方TAB:
將這種思路拿到幻燈片之中,使用不同背景色來標示敘述的順序,使得聽眾能夠跟上你的節(jié)奏,隨時知道講到哪個部分了。
3.3 不同圖標背景色作為各個板塊配色
有時候為了使得板塊內(nèi)容之間的分離,在目錄頁列取各個板塊內(nèi)容的標題時,使用圖標的配色來暗示每個板塊的配色,這個配色用于文本強調(diào)內(nèi)容、色塊填充、圖表等元素。
如下圖這種方式頁面背景為灰色背景下,圖標線條顏色就表示在對應(yīng)的板塊敘述時,用來當(dāng)做主要配色的色調(diào)。
或者這種頁面背景為白色時,每個圖標的圓角矩形填充背景色作為每個內(nèi)容板塊的主要配色。
扁平化這種設(shè)計趨勢許久之前就已經(jīng)使用到幻燈片制作之中,這種扁平化沒有任何陰影、映像、立體效果,以二維結(jié)構(gòu)的扁平設(shè)計模式精簡各種元素,達到簡約的目的。
扁平化顏色色板,Flat UI
4.1 扁平化頁面說明
扁平化這種設(shè)計之中,保證字體樣式/大小的統(tǒng)一,同級頁面的統(tǒng)一,文本內(nèi)容位置的統(tǒng)一。
可填充形狀,即色塊,在扁平的設(shè)計排版之中所起的作用比較大,對于特別強調(diào)分離的頁面之中,使用色塊的配色顯示各自內(nèi)容的獨立,同時在色塊的尺寸、位置對齊等方面實現(xiàn)統(tǒng)一,如此實現(xiàn)內(nèi)容的獨立、版面的統(tǒng)一。
4.2 扁平多種色彩版面
這個小節(jié)中的示例,使用三種以上的色彩,保證每個填充色塊尺寸大小,文字在色塊之中的位置、文字大小顏色等因素,在排版時保證對齊、間隔等要素。
4.3 扁平頁卡片
前面提到,在頁面排版中,使用色塊來實現(xiàn)內(nèi)容分離獨立和版面的統(tǒng)一。細究之下,有些色塊的使用趨向于一種卡片塊的設(shè)計思路。這種方式強調(diào)每個卡片版面所攜帶的信息,因為是扁平設(shè)計,這里攜帶的信息保證統(tǒng)一。下面是幾種扁平的卡片示例,希望能給各位一些制作靈感。
或許說這個名詞你不太熟悉,不過進入知乎這個程序就可以了,知乎Android應(yīng)用遵循Material Design 規(guī)范,從這里可以一覽原生Android的卡片交互。
在4之中,也提及了使用扁平設(shè)計的卡片,在這個小節(jié)中將這個卡片進行陰影或其他三維參數(shù)處理,使得其在版面布局中更像一張張卡片。
這里的卡片可以不遵循各個卡片內(nèi)容的統(tǒng)一,根據(jù)卡片大小合理承載攜帶信息即可。
5.1 卡片兩種配色樣式
下圖是兩種卡片的方式,一種是純色白卡,一種是各色卡片,兩種卡片在排版設(shè)計中均有使用,現(xiàn)在就來比較這兩種樣式的區(qū)別:
現(xiàn)在將每個卡片之中填充內(nèi)容,可以是文本、圖表、圖文列表、圖片等,當(dāng)然也可以放入相同的元素,比如統(tǒng)一放圖片、圖文等。根據(jù)實際的展示需求來確認卡片攜帶的信息內(nèi)容。
通過上述兩種方式的比較,不能說哪種方式的卡片配色更好,畢竟個人審美不同。但是可以說明的是:基于這種卡片式的配色、加之卡片本身信息傳遞的方式,在幻燈片現(xiàn)在這個扁平化風(fēng)格的風(fēng)潮下,這樣的卡片頁設(shè)計帶來的觀感特別舒服。
5.2 卡片頁示例說明
下面這張圖之中,上面三張卡片使用都是背景卡片的陰影處理,這個屬于卡片全局陰影,下面三張卡片中的后兩張,都是圓形或矩形和背景頁都進行了陰影處理效果,圓形/矩形懸浮的感覺更為明顯。
下面兩張圖是基于在背景圖片上放上一個卡片,然后在卡片之中加入文本、圖片等信息。你可以使用白色作為卡片的底色,還有一種方式就是使用取色器提供圖片中顏色作為背景,這種方式保證了卡片底色和背景的協(xié)調(diào)一致。
下面幾張圖介紹了卡片中圖片的幾種處理方式
當(dāng)然還可以使用這種卡片式設(shè)計來做一些好玩的東西
純色背景不僅僅是白底,其他的色彩充當(dāng)背景時,如果選取合適,往往帶來一些驚喜。
在上一篇色彩的文章中,比較了幾種顏色作為背景時的文本、色塊對比效果,只有色彩對比性較強的時候,這時候純色的背景的展現(xiàn)力會大大增強,現(xiàn)在引用上一篇文章中的一些內(nèi)容。
6.1 背景色+色塊
分析:
1 白色無論作為背景或者其他背景色中的色塊,對比為最強的,選用白色沒錯
2 深灰色作為背景時,顯示效果也還不錯。作為色塊內(nèi)容進行填充時候,展示效果不明顯,不推薦使用灰色作為色塊使用
3 紅綠藍橙紫五種顏色作為背景色,如果色塊顏色搭配較好,比如白色。這時候單獨作為頁面背景也是很給人眼前一亮的感覺
4 黃色因其色彩明亮,作為色塊展示效果不錯。在背景顏色展示效果上和紅綠藍橙紫比較來看較好。
6.2 背景色+文字
文本內(nèi)容不同于色塊,文字更傾向于一維化的線條組合,因此搭配不同背景顏色更能體現(xiàn)其顯示效果。從上圖中能夠得到以下:
1 白底任意色彩、白字任意顏色背景,顯示效果最好
2 灰色背景下,大多文字顯示效果不錯;黑色字體在其他任意顏色背景顯示效果欠佳,但能夠分辨出文本內(nèi)容
3 黃色文本內(nèi)容顯示效果較佳,黃色背景下其他顏色的文字顯示效果也比較不錯
6.3 純色背景示例說明
這些背景都有一個相同之處,就是保證頁面內(nèi)的內(nèi)容和純色背景形成比較強的對比,并以此展示內(nèi)容。
漸變所呈現(xiàn)的設(shè)計感在很多的作品之中有所體現(xiàn),怎么樣去用好漸變確實考驗我們的審美能力。
多個顏色,或交融,或疊加,或區(qū)分或其他,通過本身的色彩層次讓視覺上區(qū)分這種效果,在幻燈片的應(yīng)用中,漸變的效果數(shù)量保證不多,在某個界面給人一種不同的視覺感。
本小節(jié)具體操作,可參考:幻燈片中的漸變 - 知乎專欄,這里就不細說。
圖片的配色,本身不改變圖片的顏色分布,一種常用的方式是通過色塊的方式改變其顯示,另一種是用色塊來陪襯圖片。
8.1 常用處理方式
圖片的顏色配色主要是對圖片的顯示色彩進行處理的方式主要有兩種:
1 在圖片圖層上覆蓋一可填充形狀(色塊)進行純色或者漸變處理,之后改變其透明度,在色塊上加入文本內(nèi)容
2 一個純色的圓形或矩形填充圖形(色塊),改變其透明度,之后在色塊上加入文本內(nèi)容
下面是經(jīng)過此種方式的效果展示:
8.2 色塊陪襯處理方式
8.2.1 色塊輔助排版
這里的色塊顏色取自圖片本身,目的是為了是色塊配色和圖片色彩統(tǒng)一起來,有利于觀感。色塊的尺寸和圖片本身的尺寸保持一致,這樣做是為了保證整個頁面的對稱性。
8.2.2 色塊作為圖片背景
使用色塊作為背景,使圖片邊緣留出空隙,形成圖片邊框的效果。 可以使用色彩,比如白色,或者取自圖片中較強的顏色,如下面兩張圖。
當(dāng)然還有一種方式,那就是圖案填充:選擇好圖案填充的前景色和背景色,就會出現(xiàn)效果。
下圖是使用圖案填充制作的邊框效果
9.1 遞進流程
通常這種流程可以用時間軸的方式來展示,主線上會有很多節(jié)點,這時候通過節(jié)點配色來表示當(dāng)前項內(nèi)容。如果輔以動畫來進行流程的演示的話,更能加深聽眾關(guān)于主線節(jié)點內(nèi)容的關(guān)聯(lián)。
9.2 并列流程
對于并列關(guān)系條目不多的場景,可以使用這種并列的方式進行展示。通過左側(cè)圓形標識的深淺來表示當(dāng)前并列關(guān)系的敘述進度。
9.3 各種關(guān)聯(lián)流程圖
在工作之中會遇到很多流程圖,在匯報的時候我見過很多同事一股腦的將一個流程圖拿出來講,這種方式的條理性太弱,不利于去很快的去接受整個過程。所以如果對于條目不多的流程圖,可以將關(guān)聯(lián)關(guān)系通過色彩來進行區(qū)分,不同模塊使用虛線框進行分隔,這樣做不僅僅是為了美觀,更是為了加強模塊和模塊之間的關(guān)聯(lián),便于理解。
最后,終于寫完了
]]>因地制宜,合理配色
之前就在文章中寫過,顏色用的好,能為PPT增分不少,得到了大家的普遍認同,但對于大部分人而言,PPT配色絕對是一個難點,而且系統(tǒng)學(xué)習(xí)色彩理論也不是一件很劃算的事情。于是呢,就有一大堆公司做了一系列配色工具,今天就跟大家聊聊這些產(chǎn)品的正確使用姿勢。
中國有位哲學(xué)家說,智者,當(dāng)借力而行。這里的力,姑且理解為力量或工具吧!
這句話擱古代沒錯,但對于活在紅旗下的我們而言,確有一些不準確的地方。為啥?在古代,能有工具可用已經(jīng)謝天謝地了,但現(xiàn)在的情況是工具千千萬,用哪個才好呢?
所以,我認為智慧的我們不僅要懂得借力,還要準確借力,以免耽誤正經(jīng)事兒。同樣,在選擇PPT配色工具方面,道理相同,面對不同的配色需求,選擇不同的配色工具。
在上篇文章中,關(guān)于PPT色彩,少有人知的5個功能!也簡單提到了制作幻燈片中的一些配色需求,那么,需求有了,我們應(yīng)該選擇哪些工具來滿足呢?
一般而言,一份幻燈片中有一個主色,且貫穿始終。
很多時候,我們看完一份幻燈片后,可能記不清楚內(nèi)容,但我們知道,那是一份中國紅的PPT,或者是一份商務(wù)藍的PPT,這就是主色留給觀眾的視覺效果。
那么,問題來了,如何為幻燈片選擇主色呢?
縱觀諸多公司介紹的PPT,無論是BAT,還是傳統(tǒng)企業(yè),在制作與公司相關(guān)的幻燈片時,都會采取這個辦法,因為這是企業(yè)形象的一部分,想要立牌坊,就要從一點一滴做起。
網(wǎng)上有很多人分享自己的PPT作品,當(dāng)然也不乏優(yōu)秀案例。如果你不知道怎么選擇主色,那么,你就copy別人的色彩吧!
比如咱們都知道商務(wù)PPT常用藍色,但藍色有很多種,哪一種才能真正流露出商務(wù)范兒呢?如果你拿捏不準,就在網(wǎng)上看看別人的商務(wù)藍作品。
再或者,我們都知道提起醫(yī)療,會想起一種藍色或綠色,但具體到顏色代碼,是什么呢?你可能不知道,但沒關(guān)系,網(wǎng)上有現(xiàn)成的方案。
有些時候,我們可能要做一個優(yōu)雅的PPT,可愛的PPT之類的,這些都是比較抽象的概念,該如何找到主色呢?
這種配色網(wǎng)站提供的,是根據(jù)抽象形容詞的配色方案。當(dāng)你配色毫無頭緒時,可以選擇這種方法。
給大家舉個例子:
上面就是選擇主色時采取的一些辦法,總結(jié)下來,借助了3種工具,分別是公司主題色,別人的作品和配色網(wǎng)站。
很多時候,PPT內(nèi)容頁只采用一種色彩的話,會顯得稍顯乏味,這時候,如果有幾種不同的顏色搭配使用,會使幻燈片頁面更豐富。
那么,有哪些工具可以來更好地搭配這些色彩呢?
推薦一個不錯的網(wǎng)站,絕對傻瓜式配色方案。
http://colorhunt.co
這個網(wǎng)站主要提供優(yōu)秀配色方案,如果需要4種以內(nèi)的色彩搭配,這個網(wǎng)站絕對很棒!
給大家舉個例子,假如我想對比3種中文字體:
關(guān)于網(wǎng)上流傳的很多扁平化風(fēng)格PPT,其實質(zhì)量參差不齊,看多無益。如果想真正領(lǐng)會精髓,建議還是去官方網(wǎng)站看看。
而關(guān)于扁平化風(fēng)格的配色,其實很簡單:
有一些朋友問我,有些配色網(wǎng)站提供的是顏色代碼(如#ff0033),而PPT里需要輸入的是顏色的RGB值,有什么辦法可破?
兩個解決方案:
使用截圖工具時,箭頭指向有顏色的地方,就會自動出現(xiàn)RGB值。
隨便百度一下關(guān)鍵詞「RGB」或「顏色代碼轉(zhuǎn)化」即可找到一些在線工具。
最后,再強調(diào)一點。
網(wǎng)上配色工具有很多,但程序畢竟不是人腦,配出來的色彩難免有點呆板,而且,我們也不會同時使用過多的工具。所以,在這里,我不推薦更多工具。
本文選擇的工具均經(jīng)過本人親測使用,效果還算可以,故此推薦。
本文完。
Copyright ? 2016 邵云蛟. All rights reserved.
以下是@赤兔女的詳細回答。
在色輪上互相對著的顏色,如圖所標紅配綠。這種高度色差的色調(diào),尤其在這樣的這樣的純色下顯得十分強烈,通常這樣的互補色我們都會通過改變明度降低純度的方法來讓它們看起來不那么刺眼?;パa色用起來要注意,很多廣告和招貼為了吸引眼球經(jīng)常會使用。
降低純度的互補色非常和諧好看有木有,而且設(shè)計中一般都會降純度的,用大純色一般都是出于某種視覺沖擊需要。
室內(nèi)設(shè)計中互補色的應(yīng)用
時尚領(lǐng)域同理,互補色中總能讓一個顏色特別出挑。藍橙互補是我個人最喜歡的互補色組合。當(dāng)然紅綠、紫黃等等也是常用且很好看的。
即色輪上左右兩個鄰近色,這個通常都好用,也不容易用錯。通常同類色都會用來營造比較安靜祥和舒服的色彩氛圍,因為這樣的色彩組合就是在大自然中最常見到的,比如綠樹成蔭啦藍天海洋啦。但是在選擇這樣的顏色的時候在比例上注意調(diào)和,選擇一個為主要的顏色,其他一個為輔。
看我大自然色多么和諧美麗~
舉幾個例子來說吧:
日常中常見的同類色系, 是不是很和諧舒服?
梵高的自畫像,可以看到不同的藍色的運用,包括皮膚都是受環(huán)境色影響偏冷綠。這樣的畫面比較安靜祥和,也可以因為顏色的關(guān)系是冷寂憂郁,但總體的氛圍是安靜的,是很穩(wěn)定的用色。
圖片摘自:ArtLex on Post-Impressionist Vincent van Gogh
同樣,塞尚的作品Houses in Provence. 取色于自然就一定會是和諧統(tǒng)一的。
在日常生活中,各類設(shè)計中也常常見到同類色的應(yīng)用。
如上圖所示,這里可以看到黃棕色系,黃色是主打顏色,黑白灰隨便用,和什么顏色都是相配的。
前面有個答案是針對服飾的色彩搭配的,已經(jīng)說得很詳細了,我就順帶這個同類色系補兩張圖片,不復(fù)贅述。
這種色彩搭配通常都非常的有鮮亮活潑,但盡量不要用三個大純色的搭配,要用它們降純后的的灰度色,然后也是要有一個主次關(guān)系,一個顏色為主,另兩個為輔。
玉米的大塊明黃色顯然就是畫面中主導(dǎo)的顏色,再用兩個降低純度的顏色相對小面積為輔助。
玫紅色在其他兩個純度相對較低的顏色中比較突出,還有桌上的花和琉璃瓶做呼應(yīng)
同樣,再時尚領(lǐng)域和室內(nèi)設(shè)計都可以應(yīng)用起來,色調(diào)比較鮮亮活潑,也就是我們常說的“撞色”的感覺。
和互補色很相似,其對立色是補色的鄰近兩色。如圖綠色的補色是紅色,那它的分散互補色就是紫紅色和橙紅色。也和互補色一樣,其視覺差很大,也是容易吸引人眼球,但是沒有補色的強度高。但用分散互補色比補色保險,所以也不償為一個保險又出彩的選擇。
所以請參照色環(huán),綠色對應(yīng)的分散互補色應(yīng)該是紫羅蘭色或橙色,這里我們用了紫羅蘭配綠色
同樣的梵高自畫像,你可以看到綠色大衣和背景橙色的分散互補色的對比,強烈但不至于過分。這張感情明顯比之前那張同類色的要強烈得多。而從畫中他剛割去的左耳也可以窺得他這個時期的精神狀態(tài)。
并不是橙色與藍色的互補,而是對藍色向綠色過渡的青色。
兩對分散互補色組成的色系,其特點是豐富多彩,變化無窮。但應(yīng)用時應(yīng)注意主體色彩要突出,然后就是冷色和暖色的使用一定要平衡。
其實說白了就是兩對互補色的應(yīng)用,對色彩沒有把握的話不要輕易嘗試,很容易混亂。但像這張時尚攝影把黃色對紫色,玫紅對藍綠的色彩用到這樣極致的真是需要非常深厚的功力。
請注意每塊顏色的比例,在構(gòu)圖中的位置,模特的姿勢等等,太有的講究了。Graphically Geometric Monotography
和前面矩形類似,方形色系也是兩對互補色的應(yīng)用,對色彩沒有把握的話不要輕易嘗試,很容易混亂。
fashion feature from august 1967 seventeen magazine
1967年vogue雜志里的照片,紅綠的小面積運用,和大面積的黃紫色搭配。
我還是非常喜歡這種大膽的色塊運用的,但一定是對各塊顏色的形態(tài)、面積、和其他顏色的比例都經(jīng)過反復(fù)的掂量之后再使用。
這個好好說下,調(diào)過顏料的童鞋們都知道,原有的顏色我們叫做純色,也就是出現(xiàn)在色輪里面的顏色,它們是在色相上進行橫向的變化。然后上面這些小格格們就是縱向的變化啦,也就是駛向“高級”之路。
1. 第一個是淺色調(diào),即在純色上加白達到提亮的效果
2.然后是暗色調(diào),即在純色的基礎(chǔ)上添加黑色不斷地降低明度
3.是灰色調(diào),這個不一定是加灰色,也可以通過加互補色來降低純度
我都說到橫向縱向了,你們就要明白色彩不是一個平面的東西,要建個立體模型才能說清楚呀~這個答案重點就在這里了,前面的只是基礎(chǔ)理論鋪墊,因為題主注明要科學(xué)依據(jù),所以我才寫著部分。但是我知道大部分的同學(xué)們不會有耐心看下去了,我就是寫寫,看不看由你~
這個模型的名字叫做Ostawald color system, 是由德國物理化學(xué)家弗里德里?!ねW斯特瓦爾德發(fā)明的!
奧斯特瓦爾德顏色系統(tǒng)的基本色相為黃、橙、紅、紫、藍、藍綠、綠、黃綠8個主要色相,每個基本色相又分為3個部分,組成24個分割的色相環(huán),從1號排列到24號。
奧斯特瓦爾德色相環(huán)
奧斯瓦爾德的全部色塊都是由純色與適量的白黑混合而成,其關(guān)系為
白量W+黑量B+純色量C=100
消色系統(tǒng)的明度分為8個梯級,附以a、c、e、g、i、l、n、p的記號。a表示最明亮的色標白,p表示最暗的色標黑,其間有6個階段的灰色。這些消色色調(diào)所包含的白和黑的量是根據(jù)光的等比級數(shù)增減的,明度是以眼睛可以感到的等差級數(shù)增減決定的。
從上表可以看出,作為色標的白(a)比理想的白色含有11%的黑量;而作為色標的黑(p)則比理想的黑含有3.5%的白。并且還有如下關(guān)系:
將分級的數(shù)字代入則得:
從這種明度分級的方法即可看出并不是按照視覺特征來分級的,這是該系統(tǒng)的一大缺點。
把這個明度階梯作為垂直軸,并作成以此為邊長的正三角形,在其頂點配以各色的純色色標,這個三角形就是等色相三角形(下圖所示)奧斯特瓦爾德等色相三角形奧斯瓦爾德顏色系統(tǒng)共包括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個等色相三色形,以消色軸為中心,回轉(zhuǎn)三角形時成為一復(fù)圓錐體,也就是奧斯瓦爾德顏色立體。
奧斯特瓦爾德色系通俗易懂,它給調(diào)配使用色彩的人提供了有益的指示。在做色彩構(gòu)成練習(xí)中的純度推移時,奧斯特瓦爾德色系的色相三角形不啻可以視為一種配方的指導(dǎo),此外,色相三角形的統(tǒng)一性也為色彩搭配特性顯示了清晰的規(guī)律性變化。奧斯特瓦爾德色系的缺陷在于等色相三角形的建立限制了顏色的數(shù)量,如果又發(fā)現(xiàn)了新的、更飽和的顏色,則在圖上就難以表現(xiàn)出來。另外,等色相三角形上的顏色都是某一飽和色與黑和白的混合色,黑和白的色度坐標在理論上應(yīng)該是不變的。則同一等色相三角形上的顏色都有相同的主波長,而只是飽和度不同而已,這與心理顏色是不符的。目前采用混色盤來配制同色相三角形,以彌補這一缺陷。
奧斯特瓦爾德認為,color harmony(色彩協(xié)調(diào))的理論中最為重要的順序。也就是你們說的舒服的顏色滿足這樣的幾條:
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)顏色在等量的黑白即明度環(huán)是協(xié)調(diào)的。(即平行的圈圈里面)
2)有等量的白色的顏色范圍是協(xié)調(diào)的。(即表面縱向那條線)
3)有等量的黑色的顏色是協(xié)調(diào)的。(表面橫向那條線)
4)在同色的色度里的顏色是協(xié)調(diào)的 (模型內(nèi)部縱向的垂直線)
我自己翻譯的,如果有歧義請告訴我哦
Munsell Color System; Color Matching from Munsell Color Company |
孟塞爾色彩體系(Munsell Color System)是色度學(xué)(或比色法)里透過明度(value)、色相(hue)及彩度(chroma)三個維度來描述顏色的方法。這個顏色描述系統(tǒng)是由美國籍美術(shù)教育家阿爾伯特·孟塞爾(Albert H. Munsell,1858-1918)在1898年創(chuàng)制的,在1930年代為USDA采納為泥土研究的官方顏色描述系統(tǒng)。至今仍是比較色法的標準。
Munsell目的在于創(chuàng)建一個"描述色彩的合理方法",采用的十進位計數(shù)法比顏色命名法優(yōu)越。1905年他出版了一本顏色數(shù)標法的書,已多次再版,目前仍然當(dāng)作比色法的標準。蒙塞爾色彩系統(tǒng)著重研究顏色的分類與標定、色彩的邏輯心理與視覺特征等,為傳統(tǒng)藝術(shù)色彩學(xué)奠定了基礎(chǔ),也是數(shù)字色彩理論參照的重要內(nèi)容。
孟塞爾顏色立體如下圖所示,中央軸代表無彩色黑白系列中性色的明度等級,黑色在底部,白色在頂部,稱為孟塞爾明度值。它將理想白色定為10,將理想黑色定為0。孟塞爾明度值由0-10,共分為11個在視覺上等距離的等級。
孟塞爾顏色立體示意圖
在孟塞爾系統(tǒng)中,顏色樣品離開中央軸的水平距離代表飽和度的變化,稱之為孟塞爾彩度。彩度也是分成許多視覺上相等的等級。中央軸上的中性色彩度為0,離開中央軸愈遠,彩度數(shù)值愈大。該系統(tǒng)通常以每兩個彩度等級為間隔制作一顏色樣品。各種顏色的最大彩度是不相同的,個別顏色彩度可達到20。
孟塞爾顏色立體水平剖面上表示10種基本色。如圖5-18所示,它含有5種原色:紅(R)、黃(Y)、綠(G)、藍(B)、紫(P)和5種間色:黃紅(YR)、綠黃(GY)、藍綠(BG)、紫藍(PB)、紅紫(RP)。在上述10種主要色的基礎(chǔ)上再細分為40種顏色,全圖冊包括40種色相樣品。
孟塞爾色相的標定系統(tǒng)
任何顏色都可以用顏色立體上的色相、明度值和彩度這三項坐標來標定,并給一標號。標定的方法是先寫出色相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,右側(cè)的色相是黃(5Y)。當(dāng)明度值為9時,黃色的彩度最大,該色的標號為5Y9/14,其它明度值的黃色都達不到這一彩度。中央軸左側(cè)的色相是紫藍(5PB),當(dāng)明度值為3時,紫藍色的彩度最大。該色的標號:5PB3/12。
孟塞爾顏色立體的Y-PB垂直剖面
又如圖5-20所示,.是明度值為5的水平剖面,在明度值為5的條件下,紅色(R)的彩度最大,黃色(Y)的彩度最小。
孟塞爾的色立體
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.
好了又到了我瞎翻譯的時候啦啦啦啦啦~~~~
和奧斯特瓦爾德理論相同的是,孟塞爾的色彩原理也認為,色彩的協(xié)調(diào)舒服基于模型中特定的路徑和空間。
1)所有的灰色系都協(xié)調(diào)~ (這也就是前面好多答案里面說了的色彩的灰色調(diào)、高級色)
2)孟塞爾色相和飽和度相同的顏色
3)有著相同明度和相同飽和度的互補色
4)呈“遞減序列”的顏色,即在色立體中一小塊一小塊的色彩飽和度呈垂直的變化,也叫做色度
5)在孟塞爾顏色空間呈“橢圓路徑”的顏色空間。
說了那么多理論的,我決定好好總結(jié),好好說話,說人話!
色調(diào)種類綜上所述,色調(diào)傾向大致可歸納成鮮色調(diào)、灰色調(diào)、淺色調(diào)、深色調(diào)、中色調(diào)等。
1.鮮色調(diào)
在確定色相對比的角度、距離后,尤其是中差(90度)以上的對比時,必須與無彩色的黑、白、灰及金、銀等光澤色相配,在高純度、強對比的各色相之間起到間隔、緩沖、調(diào)節(jié)的作用,以達到既鮮艷又直接、既變化又統(tǒng)一的積極效果。感覺生動、華麗、興奮、自由、積極、健康等。
2.灰色調(diào)
在確定色相對比的角度、距離后,于各色相之中調(diào)入不同程度、不等數(shù)量的灰色,使大面積的總體色彩向低純度方向發(fā)展,為了加強這種灰色調(diào)傾向,最好與無彩色特別是灰色組配作用。感覺高雅、大方、沉著、古樸、柔弱等。
3、深色調(diào)
在確定色相對比的角度、距離時,首先考慮多選用些低明度色相,如藍、紫、藍綠、藍紫、紅紫等,然后在各色相之中調(diào)入不等數(shù)量的黑色或深白色,同時為了加強這種深色傾向,最好與無彩色中的黑色組配使用,感覺老練、充實、古雅、樸實、強硬、穩(wěn)重、男性化等。
4、淺色調(diào)
在確定色相對比的角度、距離時,首先考慮多選用些高明度色相,如黃、桔、桔黃、黃綠等,然后在各色相之中調(diào)入不等數(shù)量的白色或淺灰色,同時為了加強這種粉色調(diào)傾向,最好與無彩色中的白色組配使用。
5、中色調(diào)
是一種使用最普遍、數(shù)量最眾多的配色傾向,在確定色相對比的角度、距離后,于各色相中都加入一定
數(shù)量黑、白、灰色,使大面積的總體色彩呈現(xiàn)不太淺也不太深,不太鮮也不太灰的中間狀態(tài)。感覺隨和、樸實、大方、穩(wěn)定等。
在優(yōu)化或變化整體色調(diào)時,最主要的是先確立基調(diào)色的面積統(tǒng)治優(yōu)勢。一幅多色組合的作品,大面積、多數(shù)量使用鮮色,熱必成為鮮調(diào),大面積、多數(shù)量使用灰色,勢必成為灰調(diào),其他色調(diào)依此類推。這種優(yōu)勢在整體的變化中能使色調(diào)產(chǎn)生明顯的統(tǒng)一感,但是,如果只有基調(diào)色而沒有感到單調(diào)、乏味。如果設(shè)置了小面積對比強烈的點綴色、強調(diào)色、醒目色,由于其不同色感和色質(zhì)的作用,會使整個色彩氣氛豐富?;钴S起來。但是整體與對比是矛盾的統(tǒng)一體,如果對比、變化過多或面積過大,易破壞整體,失去統(tǒng)一效果而顯得雜亂無章。反之,若面積太小則易被四周包圍的色彩同化、融合而失去預(yù)期的作用。
最后給大家推薦個網(wǎng)站:
Paletton - The Color Scheme Designer 隨便上去玩就好了
本文作者:赤兔女,來自知乎的回答
]]>幸運的是,我們的早已遠離可選色彩匱乏的年代。技術(shù)的革新使得人們選取色彩不再受到天然色素的限制,合成色素與屏幕的出現(xiàn)讓色彩和我們的生活越來越緊密,也使得選取和決定所需考慮的因素更加復(fù)雜。正是因為色彩的極大豐富,配色方案的選取的確越來越麻煩了。Colourlovers 社區(qū)已經(jīng)為近800萬種進行了命名,不過依然有超過1600種色彩在后面正排隊等候。
聽起來是不是有點不堪重負的意思?別擔(dān)心,聽聽來自Creative Market社區(qū)的頂級設(shè)計師的建議吧,他們會告訴你關(guān)于色彩選取的最佳技巧,讓你也可以輕松挑選最佳的色彩組合。
來自Make Media 的 Callie Hegstrom 是一名才華橫溢的設(shè)計師,對于獲取靈感,她是這樣建議的:“我常常通過漂亮的照片來獲取斑斕絢爛的配色方案,取色的時候直接通過PS或者AI就可以。圖片是非常不錯的配色來源,不過前提條件是你選取的圖片一定要有足夠的凝聚力?!?/p>
所以,如果真的有色彩讓你特別喜歡的照片,不妨直接借助它來制作一個好用而高效的配色方案。諸如 Photocopa 這樣的工具會讓這個過程更快捷,你所需要做的就是上傳照片,然后探索可能的方案。
藝術(shù)家Marc Chagall 曾經(jīng)說過一句被廣泛引用的話:“所有的色彩都是隔壁色彩的朋友,也是相反位置色彩的愛人?!逼鋵嵾@句話說的就是色輪。
來自溫哥華Cultivated Mind 的設(shè)計師Cindy Kinash 曾說過:“當(dāng)使用水彩繪制花朵的時候,展現(xiàn)陰影最好的方式是使用色輪上相鄰的色彩來繪制?!?/p>
在Cindy的作品中,淺藍和深藍、紫色相鄰,這一連串的色彩使用,渲染出了深度。色輪的使用技巧非常之廣,色彩之間的關(guān)系是如此的清晰而富有規(guī)律,你可以輕松運用在不同的場合,創(chuàng)造出許多獨特的組合。
如果你對此并不了解,也不用擔(dān)心,網(wǎng)上有大把的相關(guān)工具幫你搞定色輪的使用。
不同的設(shè)計領(lǐng)域,在處理色彩上有著相同的經(jīng)驗。在室內(nèi)設(shè)計領(lǐng)域,設(shè)計師需要使用紋理、物體和色彩來調(diào)和空間。
在這方面,來自MyCreativeLand 的英國設(shè)計師 Elena Genova 有過不錯的建議:“室內(nèi)設(shè)計的許多設(shè)計規(guī)則運用在平面設(shè)計上非??孔V,比如用色,60%的主色調(diào)、30%的輔助色、10%的強調(diào)色,這樣的配色比例就非常不錯。如果你需要引入第四種色彩,最好從輔助色當(dāng)中分出一部分來?!?/p>
其實許多領(lǐng)域當(dāng)中知識和規(guī)律都是相通的,在不同的科學(xué)和藝術(shù)領(lǐng)域中借鑒規(guī)律并非是扯淡。所以,建筑學(xué)規(guī)律運用到平面設(shè)計中來,一點違和感都沒有。
設(shè)計師 Nicky Laatz 擁有一家攝影與設(shè)計商店,她分享了她是如何將漂亮的配色保存下來并復(fù)用的:“每當(dāng)我看到漂亮的圖片和配色不錯的照片的時候,我會截圖并保存下來。當(dāng)我需要尋求配色方案的時候,我會在圖片庫當(dāng)中尋求靈感,總能找到符符合需求的方案?!?/p>
Vanilla Frosting 是 Nicky商店中賣得最好的字體,它的配色和設(shè)計靈感就是來自于蛋糕。這也就是說,你的配色和設(shè)計靈感可以來自于許多不同的地方,不要給自己設(shè)限。
你可能已經(jīng)很熟悉Pinterest和花瓣這樣的網(wǎng)站了,這些靈感網(wǎng)站不僅能瀏覽,還能保存許多數(shù)字化的設(shè)計作品用作靈感來源。那么物理實體怎么辦呢?
設(shè)計師Austin Kleon在自己的書《Steal Like An Artist》中提到過一種方案:用文件夾和筆記本將你看到的雜志、傳單等你覺得漂亮的印刷品等搜集起來,創(chuàng)造你自己的色卡和配色方案!
有的時候,顯示屏背后的數(shù)碼色輪并不能滿足你對于色彩的全部需求。離開屏幕,看看這個世界的色彩,而彩通配色正好為你滿足了你的這一需求。
設(shè)計師 Callie Hegstrom 就是這樣做的,她以一種更加老派的方式來展示色彩的“物理形態(tài)”——使用彩通的配色手冊(Pantone Color Bridge)。她是這樣解釋的:“有的時候有一本物理形態(tài)的色彩手冊,是非常有用的。尤其是當(dāng)用戶需要一種特定的色彩的時候,手冊會向他展示實際的效果?!?/p>
其實仔細想想,彩通的色卡和手冊也算不上太過“老派”,畢竟色卡上每個色彩都有對應(yīng)的HEX值。對于有印刷和涉及色彩實體的設(shè)計師而言,有個色卡或者手冊還是非常省時省力的,這會節(jié)省相當(dāng)多的時間、金錢,尤其省卻了不必要的來回折騰。
我們對于自然的色彩有著天然的親和。如果你打算從大自然借色彩,還是有一些地方需要注意的。來自CO-OP的 設(shè)計師Gary說過,自然的色彩里,有著無限的色彩組合。每一片葉子和沒一個水果都有著令人驚艷的色彩,這些自然的東西能給人靈感。Gary 在南非有著自己的網(wǎng)絡(luò)商店,他的設(shè)計靈感來自南非“光明而溫暖的陽關(guān)”。
在這些富有水彩畫質(zhì)感的作品中,我們不難看出他的靈感來源:溫暖的火紅色,日落般絢爛的色彩,鮮艷的森林綠,充滿生命力。
你可以輕松在網(wǎng)上找到別人的設(shè)計和方案,但是只有你從自然獲取到的色彩,才是屬于你自己的。
除非你是要設(shè)計一套奇花無比的“彩虹系”的作品,那么盡量避免色彩使用過量。智利平面設(shè)計師 Rodrigo German 認為,將整個設(shè)計的色彩控制在三到四個,會讓整體看起來清爽而不會太過。如果需要超過三個色彩,盡量在現(xiàn)有色彩中加入黑白灰創(chuàng)造同色系色彩。
這個案例中,Rodrigo 使用了Marty字體,色彩上也堅持了他的三色原則,只使用了粉色、黑色和綠色。
所以,如果你想堅持自己的創(chuàng)意和設(shè)計,但是又感覺還有缺陷存在,不妨看看是不是配色方案用色過多。記住,最佳的配色方案是三種色彩。
想想看,你的設(shè)計到底是針對的什么主題。是關(guān)于運動、時尚、美容還是商務(wù)?決定了領(lǐng)域之后,你需要考慮的是與之相關(guān)的情緒是怎樣的。這應(yīng)該是一個可愛的時尚的宣傳單,還是一個積極向上的體育海報?它應(yīng)該是女性化的,還應(yīng)該是優(yōu)雅而開朗的?
Graphic Box 的設(shè)計師 Salome 是這樣的建議的:“你應(yīng)該線構(gòu)思出一個粗略的顏色主題,然后繼續(xù)打磨細節(jié)。比如,你需要一個浪漫的紫色,或者可愛的粉紅色?!?/p>
在她的秋季Graphic Kit 中,Salome 就采用了相對樸實的綠色、淺橙色和復(fù)古紅。
仔細看看周圍的類似的圖片、設(shè)計和創(chuàng)意作品,他們用了什么色調(diào)、傳達了什么情緒,如果你要借鑒的話,兩者之間有什么區(qū)別,要注意什么細節(jié),又該怎么使用。
另外一個不錯的選擇是自己鉆研色彩理論。研讀一下色彩理論和色彩心理學(xué),了解色彩之間的關(guān)系、色彩對于用戶心理的影響。不過,請記?。哼x擇那些最有效的色彩!
雖然國內(nèi)的花瓣擁有大量“符合國人需求”的畫板合集,但是用戶基數(shù)與品質(zhì)依然比不上這個領(lǐng)域的開拓者Pinterest。Pinterest 幾乎是世界上最大的創(chuàng)意工作者的集散地,這里也有著數(shù)量龐大、可供選擇的調(diào)色板。Vintage Design Co., 創(chuàng)始人 Ian Barnard 為我們詳細講述了在Pinterest 尋找配色方案的過程:
“很簡單,如果我正打算做一個海灘主題的海報,那么我通常只需要搜索‘Summer Color Palettes’,然后在搜索結(jié)果中挑選一個中意的就好了。 ”
就這么簡單?當(dāng)然,不過好玩兒的地方在于,你還可以繼續(xù)細化篩選,針對不同領(lǐng)域篩選:室內(nèi)設(shè)計、時尚、平面設(shè)計,甚至活動設(shè)計。
Colourlovers 就是一個典型的圍繞色彩而存在的創(chuàng)意社區(qū),來自世界各地的色彩愛好者在這里集結(jié),加入社區(qū)便可以同370萬來自世界各地的設(shè)計師一同探討配色方案。
色彩可以成就設(shè)計,也可以毀掉設(shè)計。它可以帶來美麗與平和,也可以創(chuàng)造尖銳的效果,營造恐怖的氛圍,而這些都取決于你,這些效果都最終歸結(jié)于你對于色調(diào)的選取是否認真,都源自于你對于設(shè)計最初的想法。
無論你的配色的靈感是源自于其他的作品,還是得自于天然,如果這是一套靠譜的方案,它會有助于設(shè)計。那么為何不多加探索,讓你的設(shè)計擁有更強大的生命力呢?
你是如何運用色彩的?在哪里獲取靈感?你又在用色上碰到什么樣的問題?不妨在文后留言,我們一同探討!
原文地址:designschool
優(yōu)設(shè)譯者:@陳子木
色彩,視覺傳達的最基本元素之一,對于新手/老手制作PPT,色彩的搭配,還真的是個不小的難題。今天的三分鐘教程,給各位帶來PPT配色的速成法,三分鐘,PPT配色不再業(yè)余。
配色是個難題,要真的搞清楚,需要知道色相、明度、飽和度、色彩的性格等等知識。 但這不就是一個PPT嗎?學(xué)這么多有必要嗎?有沒有什么速成法?
大功告成了!
看看案例1吧! 紅色主色,搭配淡淡的米白色背景,用黑白灰作為輔助色,簡約的排版,配色的經(jīng)典案例!
再看看案例2吧! 淺綠色主色,配搭黑白灰通用色,電影膠片邊框為主要元素,簡潔排版。是不是也比較舒服?至少不凌亂吧!
最后,看看案例3吧! 黃色主色,搭配黑白灰,以動漫為主題的PPT設(shè)計,嗯,很不錯!黑白強烈對比,是我喜歡的!
是不是so easy? 媽媽再也不用擔(dān)心我的配色了!
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>《三分鐘色彩速成班》第五講,找回生活的感受力——我不專業(yè)能用好色彩嗎,也許我永遠都不知道,蘋果為什么把iphone做到如此極致,工藝如何高超,正如我們也許沒法去深究顏色是如何產(chǎn)生,如何傳播,但我們可以感受之,感覺好,賞心悅目,往往我們產(chǎn)生信賴感,隨后產(chǎn)生購買的沖動。我們需要這些感受力,但往往在我們做PPT的時候,會忘了我們擁有這樣的感受力,如果是,為什么不找回來呢?
每天睜開眼睛,滿滿的都是色彩,但我們都沒有留心.假如我們看到的每個瞬間都能變成相片,假如每張相片都自動提取了關(guān)鍵色,本節(jié)我們帶你重新發(fā)現(xiàn)色彩
許多電影都帶有藍綠色(青藍),例如《蝙蝠俠》,大面積冷色+小面積暖色,是很常見的配色,參照圖中大面積淺藍+中等面積深藍,小面積紅色點綴
橙色綠色是能增進食欲的顏色,桌布的藍色能聽突出食物的美味,參照圖中大面積藍+中等銘記小麥色,小面積綠或橙紅點綴。如果覺得對比度不夠,可適當(dāng)加深藍色,減淡小麥色。
這是在@蘑菇街 笑掉大牙的兔子同學(xué)提供的搭配,上淺色下深色,令人感覺平穩(wěn),存在對比色顯得活潑,大面積粉藍+中等面積朱紅色,小面積草帽色點綴。
原生態(tài)的顏色通常純度較低,但是明暗對比很大,分析圖片,各種顏色的比例較為均勻,可以先指定一種顏色,大面積使用,一種中等面積,一種小面積
以上就是本節(jié)課的內(nèi)容,相信大家一定有更多發(fā)現(xiàn)來分享你的魅力瞬間吧
我們期待你的參與喔
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>《三分鐘色彩速成班》第四講,掌握一點色彩知識——我不專業(yè)能用好色彩嗎,沒有人天生下來就會走路,說話,泡妞,做PPT,都需要鍛煉,都需要學(xué)習(xí),掌握多一點關(guān)于色彩的知識,靈活運用,你自然就會配色了!
其實數(shù)學(xué)家也是從1+1開始學(xué)起的,本節(jié)我們會告訴你,色彩的基本知識,國際通用喔。
任何色彩都有3個基本屬性,分別是色相、純度和明度
通常我們說的不同顏色就是色相,是色彩最顯著的特征
也可以叫飽和度、彩度,指的是色彩的鮮艷程度,高純度鮮艷,低純度渾濁,最高純度是無其他色彩的純色,最低純度是無彩色的灰色
色彩的明暗程度,明度越高,越趨向白,明度越低,越趨向黑,二中間是灰,明度是色彩的骨骼,利用明暗關(guān)系,可以很容易突出PPT主題
色彩的3個基本屬性可以統(tǒng)一成一個整體
色相環(huán)+色調(diào)三角形+色立體
為方便理解,我們設(shè)定色立體就是兩個椎體合在一起
注意:本來色立體為不太規(guī)則的立體圖形
將色立體簡化為色相環(huán)和色調(diào)三角形,以后我們使用簡化圖幫助說明,請大家記住
以上是本節(jié)課的內(nèi)容,想知道更多色立體的知識,可以搜索以下關(guān)鍵詞
奧斯特瓦德色立體、孟塞爾色立體、日本色彩研究體系
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>《三分鐘色彩速成班》第三講,用直覺配色總是失?。俊也粚I(yè)能用好色彩嗎,每個人都是天生對顏色敏感的動物,但也不能說明每個人都了解顏色,PPT配色究竟有多難?我需要怎樣才能配好?現(xiàn)在就進入第三講的學(xué)習(xí)吧。
做PPT的時候,我們經(jīng)常因為顏色問題二煩惱,雖然自我感覺也不好,但又不知道錯在哪里,本節(jié)我們會告訴你,PPT配色的常見誤區(qū)
每個季節(jié)的流行色都是在國際流行色委員會產(chǎn)生的,每年有14個國家的流行色研究機構(gòu)的代表集聚在巴黎,他們帶著各自關(guān)于流行色的提案參與討論,最后通過表決確定兩年后的流行色。
隨意配色丟焦點(看圖片)
用錯顏色表錯情(看圖片)
色調(diào)古怪毀演示(看圖片)
以上是本節(jié)課的內(nèi)容,現(xiàn)在請大家告訴我們,還有什么PPT配色的誤區(qū)
A.沒有色彩沒有愛
B.隨意配色丟焦點
C.用錯顏色表錯情
D.色調(diào)古怪毀演示
E.?
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>《三分鐘色彩速成班》第二講,職場中的色彩心理學(xué)——讓色彩成為影響你的正能量,還在苦惱PPT如何配色?色彩心理學(xué)PPT配色技法學(xué)習(xí),讓你工作PPT做得很順心,不要再猶豫了,讀下去就對了!
在工作中我們總會遇到各種難題,適當(dāng)?shù)男睦砀深A(yù)可以幫助我們解決問題,本節(jié)我們會告訴你怎么用色彩能量提升工作力。
黑白灰的職業(yè)裝莊重成熟,但同時也顯得呆板冷淡,如果著裝不能改變,可用各色領(lǐng)帶,小飾件改善色彩能量,但是請記住,鮮艷的顏色只能作為點綴,不可以大面積使用。
紅色:讓人接受己見;黃色:改善人際關(guān)系,面積太大會焦慮;綠色:請人幫忙時使用;藍色:然人冷靜,提高可靠度;紫色:有請認可我的意思;粉色:激發(fā)保護欲
這里我們有必要說明時間感這個屬性,暖色讓感覺的時間比實際長,冷色讓感覺的時間比實際短,有個實驗,讓兩個人分別進入紅色調(diào)和藍色調(diào)的兩間房間,并讓他憑感覺呆60分鐘出來,結(jié)果紅房間的人40分鐘左右就出來了,藍房子的人80分鐘才出來。
米色、茶色桌有助于集中精神;
飾物品:藍色:提高效率;
橙色:提升行動力
紅色:提神,但易疲勞
綠色:放松
其實我是在宣傳微軟新LOGO
在這個最容易睡著的地方,藍色是最好的選擇,裝潢、窗簾你都沒辦法改變,但你可以有藍色記事本,瞄一下藍色,你會發(fā)現(xiàn),時間悄悄溜走,心情放松。
如果希望與會者踴躍發(fā)言,可以用暖色,它可以使人情緒高漲,有助于技法創(chuàng)造力,但同時也會對高血壓病患者產(chǎn)生一定危險。
以上就是本節(jié)課的內(nèi)容,現(xiàn)在問個小問題,休息室應(yīng)該用什么顏色?
A:淺藍 B:淡粉 ?C:米白
歡迎討論并告訴我你的見解
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>《三分鐘色彩速成班》第一講,生活中的色彩心理學(xué)——讓色彩成為影響你的正能量,學(xué)會色彩心理學(xué),讓你用色很順心,用色有理由!有木有?下面讓我們一起進入教程吧。
人類視覺中最敏感的元素就是色彩,色彩可以快速傳遞給人印象,本節(jié)我們會告訴你色彩給我們傳遞了什么感覺。
看到紅橙黃我們會聯(lián)系到太陽,所以他們被稱為暖色。看到綠藍紫我們會聯(lián)想到森林,海洋,所以它們被稱為冷色。
看到深色、冷色,我們會聯(lián)想到石頭、金屬,所以它們會比較重,看到淺色、暖色,我們會聯(lián)想到紙、花,所以它們會比較輕。
簡單地說,冷色是后退色,在同一位置,冷色調(diào)物體有后退感,暖色是前進色,在同一位置暖色調(diào)的物體有前進感。
簡單地說,深色、冷色是收縮色,同一大小,冷色深色的物體有收縮感,淺色、暖色是膨脹色,同一大小暖色淺色物體有膨脹感。
看到紅色會聯(lián)想到番茄,看到綠色會聯(lián)想到青菜,看到黃色會聯(lián)想到香蕉,看到橙色會聯(lián)想到鮮橙,能讓人聯(lián)想到食物的顏色,都是有味道的色彩
以上是本節(jié)課的內(nèi)容,你還能在生活中發(fā)現(xiàn)其他的例子嗎?
你見過紅色的風(fēng)扇?五彩繽紛的蛋糕特別輕?藍黑色的汽車好像都在遠處?廣告牌上的黃色字特別大?橙紅色的湯面會辣嗎?
本文來自秋葉語錄的微信公眾平臺,版權(quán)歸秋葉語錄所有。若網(wǎng)頁版不便于你學(xué)習(xí),你可以用微信添加秋葉語錄關(guān)注,微信號:ppt100
]]>(本教程已獲得秋葉老師授權(quán)轉(zhuǎn)載)
3分鐘色彩速成班(01):生活中的色彩心理學(xué)3分鐘色彩速成班(02):職場中的色彩心理學(xué)3分鐘色彩速成班(03):用直覺配色總是失敗?3分鐘色彩速成班(04):掌握一點色彩知識3分鐘色彩速成班(05):找回生活的感受力3分鐘色彩速成班(06):不同顏色的能量場3分鐘色彩速成班(07):不同顏色的能量場之紅色3分鐘色彩速成班(08):不同顏色的能量場之黃色
3分鐘色彩速成班(09):不同顏色的能量場之綠色
3分鐘色彩速成班(10):不同顏色的能量場之藍色
論壇關(guān)于色彩的教程很多,不過其實個人認為要想真正對色彩有更為深入的理解,光去看色彩的原理和理論是遠遠不夠的,應(yīng)該還要有對作品的評價,這樣才能有更深入的體會。而論壇目前發(fā)布的好作品很多,但是關(guān)于作品的解讀和評價卻顯得不足,leenco這次的色彩交流全部選自論壇里的作品,第一次做,希望大家多給意見吧。
長久以來很多人對于顏色都存在一個誤區(qū),就是色彩要多要豐富才好看,色彩少就會令人乏味。其實這種說法欠妥,反而通常是顏色多而導(dǎo)致的問題也多。論壇上許多顏色“看起來很舒服”的作品仔細看看都能發(fā)現(xiàn)其中大多數(shù)使用的彩色是比較少的,甚至就是單色調(diào),因為對于大多數(shù)沒有設(shè)計基礎(chǔ)的朋友來說,很難對色彩有很敏感的洞察力,因而色彩多了就非常難以駕馭。
1. 從單色開始單色不等于單調(diào)。Kosmos原創(chuàng)14 + 大師晉級紀念 這部作品除了非常淡的藍色作為唯一主色之外,其余都是黑白,可是效果為什么非常好呢,原因在于形狀的恰當(dāng)使用和版式的合理安排,尤其是點和線條的運用。正因為色彩的缺乏,人們的眼光才更注意到形狀,位置,尺寸,比例,排列等等其他設(shè)計因素。這很好說明了并非色彩豐富才能有好的設(shè)計作品。因此我更建議初學(xué)者從黑白開始,如果你僅僅用黑白和一個單色排不出讓你看著滿意的頁面,那么在學(xué)習(xí)色彩之前,就有必要在其他方便先補補課。
2.單色和圖片的配合對于色彩豐富的圖片,為了讓顏色變得簡單,更加可控,可以將圖片面積縮小,雖然圖片上有豐富的色彩,卻仍然被單色所控制,頁面的單色掌控性非常強。
銷售手冊―小小舒作品
雖然有局部的圖片,但紅色仍然掌控了整個頁面,圖片中的色彩不至于干擾到整個頁面的色彩感。同時,簡單的色彩反襯了其他領(lǐng)域的出色表現(xiàn),頂線和數(shù)字,頁面標題的處理都是很恰當(dāng)?shù)?。由于色彩單一,強調(diào)關(guān)鍵詞運用了放大字號這一基本手段,同時頁面的留白空間也非常合理。
3.單色和灰度的配合當(dāng)你用單色可以排出很好的頁面時,可以嘗試更為豐富的表現(xiàn)手段,當(dāng)然這里不是同時使用多元色,而是灰色的使用。其實大多數(shù)層次感和立體感很強的作品都是非常好的利用了黑白之間的灰色,因為灰色不同于二元分明的白色,它有許多中間狀態(tài),有的偏白,有的偏黑,這就非常有利于做出諸如漸變、陰影等有質(zhì)感的效果?!緓iaoba作品】三步走做好年終報告PPT
作者運用青藍色作為唯一的主色,而運用灰色很好的豐富了頁面的層次感。除了背景的漸變之外,標題英文字也是用的灰色斜線增加了表現(xiàn)形式的多元化。同時,灰色總是可以和任何的單色調(diào)完美的配合在一起,哪怕是對于菜鳥來說也不容易出錯。當(dāng)然,此時你需要的依然是版面設(shè)計和形狀組合的能力,這個似乎是色彩之前的必修課。
4. 圖片的褪色處理對于多圖和大圖,圖片的顏色太多,面積太大從而不能被主色所掌控時,通常最為有效的方式就是圖片的褪色。ppt2010可以非常容易的改變圖片的亮度和對比度,當(dāng)對比度調(diào)到0時圖片便成了黑白圖片,而如果你打算在圖片上面寫白色文字,那么調(diào)低亮度又是個非常有效的手段。[面包]-整合營銷對媒體的重要性全文版式,無刪減――好久不見
作者對于圖片的褪色處理保留了圖片的表達能力同時很好的讓主色調(diào)掌控了全局,剩下都是灰白的配合,無論如何也不會讓人感到刺眼。當(dāng)你需要強調(diào)其中某一張圖片時讓它恢復(fù)成彩色一下子就變得光鮮奪目,而當(dāng)你需要強調(diào)文字的時候輕而易舉的運用你的主色,亦可從黑白灰的局面中脫引而出。同時,我們再次看到,整齊而有效的頁面布局是多么的重要。
5. 有色大圖的難題當(dāng)我們需要大圖的真實表現(xiàn)力從而不能將它褪色時,單色調(diào)看起來沒辦法駕馭整個頁面了,單它依舊可以從側(cè)面掌控布局。通過不同頁面之間的有效連接和整體排列,讓不同的元素分別表示,但是盡可能統(tǒng)一他們相同之處,例如圖片的尺寸,或者圖片之外的東西,這樣雖然單一頁面似乎沒有一個固定的色彩,但是整個播放下來單色凝聚力依然非常的強。【陌上初薰】今天,你排版了嗎?――精美排版,靚麗集合
面對每頁不同的彩色大圖,作者非常聰明的使用了大面積的灰色來協(xié)調(diào)頁面之間的差異性。同時依然運用了大面積的灰白配合來抵消不同色彩之間的不和諧感。瀏覽整個ppt不難發(fā)現(xiàn)首頁的橙黃色雖然出現(xiàn)的次數(shù)不多,但依然是整個作品唯一的單色主色調(diào),或多或少的在每一頁的頁眉頁腳處反復(fù)出現(xiàn), 加上頁面貫穿始終的“寬屏”效果,使得本來各異的圖片之間有了較強的整體感和關(guān)聯(lián)性 。
綜上,當(dāng)你在色彩上不住所措時,先使用黑白來看看色彩之外還有沒有匱乏之處。當(dāng)你決定修煉你的顏色功力時,請從單色調(diào)開始,從單色與黑白灰的配合開始。(轉(zhuǎn)自銳普:LeenCo)
]]>