大多數(shù)的設(shè)計(jì)項(xiàng)目都傾向于使用多色調(diào)進(jìn)行搭配,獲得豐富的視覺層次,但有些時(shí)候畫面只使用少量顏色也可以做出優(yōu)秀的設(shè)計(jì)。
單色并不是指只有一種顏色,而是只有一種色相。單色配色是只使用一種色相進(jìn)行色彩搭配的方法。單色搭配雖然沒有形成顏色的對(duì)比,但色相中卻有著無(wú)數(shù)的色調(diào)變化,利用同一色相中純度、明度的層次變化,也可以形成良好的視覺效果。
單色配色其實(shí)并不意味著單調(diào),單色配色在很多設(shè)計(jì)項(xiàng)目中,都呈現(xiàn)出了極具表現(xiàn)力的一面,優(yōu)秀的單色配色并不一定弱于多色配色。
在單色配色中,經(jīng)常會(huì)使用一些無(wú)彩色(黑白灰)用于文本、背景和裝飾元素來(lái)豐富畫面層次。
使用紫色細(xì)微的漸變對(duì)比,畫面形成豐富了的明暗層次,紫色的明度較低,可以很好的承載白色文字信息。
使用黑色作為背景,可以很好的襯托出綠色主體,給人一種深邃、神秘的視覺感受。
#02 單色配色的優(yōu)點(diǎn)
對(duì)于新手設(shè)計(jì)師來(lái)說(shuō),顏色越少畫面越容易把控,色彩層級(jí)越精簡(jiǎn),就越容易達(dá)到整體色彩平衡。單色搭配可以產(chǎn)生低對(duì)比度的和諧美感,視覺上形成協(xié)調(diào)統(tǒng)一的感覺。
不需要使用過多的顏色,通過藍(lán)色明度的層次變化,畫面也可以很豐富,能很好傳達(dá)出智慧、科技的主題。
以企業(yè)形象色為主色調(diào)進(jìn)行設(shè)計(jì),使設(shè)計(jì)的畫面具有統(tǒng)一的色彩,還可以向人們傳達(dá)出強(qiáng)烈的品牌效應(yīng)。
單色配色簡(jiǎn)約大氣、色調(diào)干凈統(tǒng)一且穩(wěn)定,容易營(yíng)造出和諧與平衡的感覺,是較容易掌握的配色方法。
#03 單色配色的方法
①使用HSB模式建立配色方案
HSB色彩模式是將顏色三屬性進(jìn)行量化,色相H以角度(0°-360°)表示,飽和度S和亮度B以(0%-100%)表示。
在確定基礎(chǔ)色相(H)之后,可以通過調(diào)整飽和度(S)和亮度(B),來(lái)創(chuàng)造一套富有層次的配色方案。
此案例以“H:255”為基礎(chǔ)色建立配色方案。
使用此方法可以得到同一色相中大量的色彩樣本,但這并不意味著你需要在單色配色中使用很多顏色,一般選擇3、4種足以。
接下來(lái)需要考慮色彩的明暗和飽和度,調(diào)整這些屬性,讓配色更貼合你的設(shè)計(jì)目標(biāo)。
由于單色配色色彩的對(duì)比度沒有多色配色那么明顯,同一配色方案內(nèi)不同的顏色之間,需要形成明暗變化,構(gòu)成一個(gè)階梯型的色階。
②使用配色工具輔助配色
目前有大量的配色網(wǎng)站可以用來(lái)輔助配色,對(duì)于配色基礎(chǔ)薄弱的新人會(huì)有很大的幫助。在這里給大家推薦的是Adobe公司出品的一款極為高效的在線配色工具:Adobe Color(網(wǎng)址:color.adobe.com)。
在Adobe Color中,使用色盤設(shè)置了基礎(chǔ)顏色之后,另外四個(gè)關(guān)聯(lián)顏色會(huì)自動(dòng)生成。
在調(diào)色規(guī)則中選擇“單色”。使用橙色為基礎(chǔ)顏色,會(huì)自動(dòng)生成四個(gè)關(guān)聯(lián)顏色,篩選適合的顏色配置到畫面中,就能很快完成配色方案:
再看一個(gè)案例,根據(jù)主體最顯眼的紫藍(lán)色為基色,按照生成的配色方案,篩選適合的顏色配置到畫面中,這樣的配色會(huì)非常協(xié)調(diào)統(tǒng)一。
總結(jié)
單色配色是較容易掌握的配色方法。單色搭配雖然沒有形成顏色的對(duì)比,但利用同一色相中飽和度、明度的層次變化,也可以形成良好的視覺效果。
單色搭配可以產(chǎn)生低對(duì)比度的和諧美感,視覺上形成協(xié)調(diào)統(tǒng)一的感覺。在單色配色中,經(jīng)常會(huì)使用一些無(wú)彩色(黑白灰)用于文本、背景和裝飾元素來(lái)豐富畫面層次。