設計本身的目的是為目標用戶傳達有效且關鍵的信息內容。在創作過程中,一旦因某個顏色導致了關鍵信息的傳播受阻,那這就不是一個有效的配色方案了。如何保證創作中文字的辨識度,是設計師們需要解決的問題。
為了簡單直觀的對比出顏色與文字辨識度之間的關系,可以考慮先從色彩的明度開始入手。
.jpg)
上圖的畫面里有什么問題呢?可以看到,黑色的文字在80%灰度之后就已經幾乎看不清了,譬如后面出現的3種情況。
.jpg)
那如果換成白色的文字呢?我們再來看下,下圖中開頭兩個灰度的內容識別度很低,尤其是0%灰度的時候更是完全看不清楚了,這個現象說明了色彩的明度對于文字的辨識影響是非常大的。
我們再來看下,如果換成有顏色的背景,這時白色的辨識度最弱,特別是在黃色背景下白色幾乎看不到了,而在青色和藍色的背景下,灰色和黑色的文字辨識度比較低。
.jpg)
再看下方這一組,和上方一組剛好相反,白色的辨識度普遍很高,灰色的文字在紫和紅上基本陣亡了,黑色的字在藍紫色附近辨識度最差,特別是藍色背景下,黑色的文字是模糊不清的。
.jpg)
根據上面幾個案例的演示,可以得出一個結論,就是顏色本身其實也是具有明度屬性的。在這些顏色里,黃色的明度是最高的,它最接近白色,相反藍色的明度是最低的,它更接近黑色。
.jpg)
有了這些認識,我們才能在色彩搭配中更好的組織色彩之間的關系。當然作為顏色中最亮和最暗的黃藍兩色,在生活中也都扮演著重要的角色。
.jpg)
比如黃色是最明亮的,所以它也經常被用作警示色。工人的安全帽、工程車輛的涂裝以及公路上的危險警示牌,它們用的都是黃色;藍色作為最暗的顏色,它也會被用在類似鋼筆墨水的應用場景里,這也是因為其他顏色在白紙上的對比度都不如藍色高。
.jpg)
黃色雖然是最醒目的顏色,但在夜里它能傳播的距離并不遠。相反的由于藍色在大氣中具有高度的散射作用,因此藍色即便在黑夜里很遠的距離下都能被看到。所以黃色會被用在近距離下的轉向燈,而藍色常常被應用在救護車的警報燈。
.jpg)
回到文字的辨識度上,既然我們知道了文字和背景明度的對比越大辨識度就越高這個道理,在設計創作過程中只要讓色彩也盡可能保持這個明度關系,是不是就能獲得非常好的辨識度了呢?
.jpg)
可以根據顏色的明度關系,把最亮的顏色和最暗的顏色分別替換畫面中的黑色和白色。當然這也是非常經典的配色了,黑色和黃色因為色彩明度的原因,搭配在一起非常的和諧,同理,藍色和白色也是一樣的。
.jpg)
如果把黃色和藍色這兩種顏色合起來放在同一個畫面里呢?我們來看下效果,黃藍色搭配其實算是非常經典的配色,在生活中我們見過不少類似這樣色彩搭配的設計作品。
.jpg)
通過分析我們知道了色彩對于文字辨識度的影響是非常大的,在不同色彩明度下的黑白灰字體,反差一定要足夠的明顯,才能夠讓人們輕松的去閱讀。在不加入任何黑白灰的情況下,色相中的黃色是明度最高的顏色,而藍色的明度是最低的。針對這些問題我們一起來做幾個色彩搭配的實驗。
把其他顏色也做一個搭配看看,我們會發現辨識度出問題了,有的很刺眼,有的卻模糊不清。
.jpg)
對于設計師來說,配色便具有一定技巧的工作。我們根據色相的明度關系重新搭配一次看看,重新組合后的效果明顯要好很多。這說明正確的組合色相之間的明度關系是非常關鍵的。
.jpg)
之前我們一直說的都是色相本身的明度變化,而真正加入了黑白灰屬性的明度和飽和度之后,在色彩搭配中又是怎么參與變化的呢?
.jpg)
通常在色彩搭配時,我們會同時變化一個色彩的明度和飽和度,所以我們把這個過程稱作色調的調整。也就是說,一個純色越接近白色它的飽和度就會越低,明度就越高;越接近黑色,明度就越低。
.jpg)
回到剛剛這個例子,除了修改色相之外,我們也可以通過修改它們之間的色調去拯救文字的辨識度。
.jpg)
首先我們來降低背景的色調,提升文字的色調,是不是所有文字都清晰可見了,原本刺眼的對比和模糊的邊界都消失不見了。
.jpg)
反過來也是一樣的,提升背景的色調,降低文字的色調,我們依然能夠得到清晰的文字信息。
經過統一后的色調,相比純色來說會更有共性特征,畫面看起來也會顯得更和諧統一,但其實統一的過程中也并不是數值的一致,我們要知道色相本身也是有明度變化的,所以也需要把這個因素考慮進去。
我們來看幾個案例,下面2張海報就是運用了色調一致的配色方法,雖然調色板只是簡單的雙色或者三色配色,但無論是背景的飽和度還是明度都處在相同的視覺感受上。
.jpg)
這兩個畫面也是一樣的,由于采用了統一的色彩調色板進行色調處理,所以整體看起來非常具有一致性。
.jpg)
而下方這個畫面顏色看起來非常多,但卻不會給人雜亂的印象,原因在于統一色調所帶來的效果,所有的色彩都保持在同一強度上,讓整體畫面沒有參差不齊的跳躍感,看起來舒適度適中。
.jpg)
其實平面設計的色彩搭配原則,就是在保證信息傳達的基礎上進行顏色的組合搭配,從色相、明度和飽和度的角度搞懂不同色彩屬性之間的關聯。從大范圍講,無論是文字也好,圖形也好,色彩也好,這些元素最終都是服務于畫面主題的,要想突出文字的美感,無論是字體、字號、色彩、包括擺放的位置,都需要站在整體畫面的全方位來考慮。
|
標簽:
|
下一條 上一條 |