選擇配色方案的亮度

0 評(píng)論 12925 瀏覽 0 收藏 6 分鐘

創(chuàng)造一個(gè)Palette的過程中,色調(diào)和飽和度不一定是最重要的部分,顏色彼此之間如何相互作用,在我認(rèn)為是更為重要的。

“我不確定那是藍(lán)色。你能把藍(lán)色調(diào)的更‘正’一些嗎?我聽說藍(lán)色體現(xiàn)了一種信任感?!?/p>

設(shè)計(jì)師們?cè)谒麄兊穆殬I(yè)生涯中無數(shù)次地聽到這樣的評(píng)論,而且這也確實(shí)是很好的交流??蛻舨⒉唤?jīng)常這樣細(xì)致的對(duì)某個(gè)顏色做出評(píng)論。配色汪汪在一定程度上反映出個(gè)人的品味或者是他們?cè)谀承┪恼庐?dāng)中閱讀過有關(guān)“顏色含義”的內(nèi)容——比如說藍(lán)色和茶色搭配在一起比藍(lán)色和鮮艷的橘色搭配在一起更加正式。但是,這些基本顏色是可以以不同的理解全是的,就像note on the Microsoft Office site談到的:

西方文化中與顏色相關(guān)的內(nèi)容

COLOR POSITIVE NEGATIVE
White Clean, innocent, pure Cold, empty, sterile
Red Strong, brave, passionate Dangerous, aggressive, domineering
Yellow Happy, friendly, optimistic Cowardly, annoying, brash
Brown Warm, earthy, mature Dirty, sad, cheap
Green Natural, tranquil, relaxing Jealous, inexperienced, greedy
Blue Strong, trustworthy, authoritative Cold, depressing, gloomy

其實(shí)是顏色的組合使網(wǎng)頁配色變得非常困難。

一個(gè)很簡(jiǎn)單的方式就是使用這些在線應(yīng)用來為您實(shí)現(xiàn)想要的配色方案:

  • HSL Color Schemer
  • ColourLovers’ Palettes
  • Adobe Kuler
  • Color Palette Generator

那該選用哪一種配色方案呢,或者說某種搭配方式更加有價(jià)值?經(jīng)驗(yàn)而談,根據(jù)顏色的對(duì)比度/亮度來考慮色彩組合。

Color decisions need to consider contrast because contrast is key to usability. It’s also the most powerful visual information – before hue and saturation – and therefore best capable of guiding attention. Furthermore, it’s much more effective to counteract color deficiency confusion by testing for contrast, than trying to choose the “right” color hue.

http://www.lighthouse.org/accessibility/design/accessible-print-design/effective-color-contrast

換句話說,色相和飽和度對(duì)于配色來說并不是最重要的部分。如果說顏色之間的互相搭配不算比它重要的話,也至少和其一樣重要。

那是因?yàn)槿说囊曈X是首先查找邊緣的。在意識(shí)到真正的色彩之前,人眼最先發(fā)現(xiàn)的是顏色的對(duì)比度和亮度的區(qū)別。選擇最好的配色方案的一個(gè)很簡(jiǎn)單的方法就是給你的色彩搭配去個(gè)色,或者說是降低飽和度,看看顏色之間的區(qū)分度:

這讓顏色搭配選擇變得更加簡(jiǎn)單。注意一下上面的圖片,“Not as effective”部分的文字看上去識(shí)別性要低于“Effective”的色彩搭配。

大多數(shù)情況下,我們要考慮色彩搭配打來的可讀性和可用性問題。在很多確切的案例中,使用低對(duì)比度的色彩搭配更有利于讓用戶減緩他們閱讀內(nèi)容的速度。當(dāng)然,這種方案相對(duì)來說也更難被客戶接受,因?yàn)樗麄兛雌饋碛行┢婀帧?/p>

讓我們?nèi)olourLovers找找#0099ff,下面是些隨機(jī)推薦的配色方案:

如果我們對(duì)以上方案進(jìn)行去色處理,我們將會(huì)對(duì)他們?nèi)绾蜗嗷ヂ?lián)系的有另外的理解:

上面的例子中,我們可以看到“Automan”方案的三種顏色有非常接近的亮度,使他們會(huì)產(chǎn)生些許的光學(xué)誤區(qū)。“Island Mist”的亮度問題顯得更加嚴(yán)重。

當(dāng)然,因?yàn)橐粋€(gè)配色方案中僅僅有顏色層次對(duì)比的考慮,是不能夠成為好的顏色方案的。確實(shí)是這樣的,解決配色問題的經(jīng)驗(yàn)給予可與和設(shè)計(jì)師更多的參考。

每個(gè)人看待顏色都有一點(diǎn)點(diǎn)的不同,并且他們有自己的品味。隨著時(shí)間的推移和我越來越多的參與項(xiàng)目,客戶和設(shè)計(jì)師們會(huì)尊重個(gè)人的品味,以此為依據(jù)提出他們的創(chuàng)意方案。有時(shí),獲取更多的基本數(shù)據(jù)將會(huì)對(duì)一個(gè)設(shè)計(jì)師的決定很有幫助。也會(huì)為設(shè)計(jì)師提供為什么是選擇“那種藍(lán)”提供合理的依據(jù)。

你是如何決定你的配色方案的呢?就是隨著自己的感覺走嗎?

源地址:http://lazymaru.co.cc/?p=56

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!