寫給設計新人的配色攻略:單色篇

單色配色的定義

大多數的設計項目都傾向于使用多色調進行搭配,獲得豐富的視覺層次,但有些時候畫面只使用少量顏色也可以做出優秀的設計。

單色并不是指只有一種顏色,而是只有一種色相。單色配色是只使用一種色相進行色彩搭配的方法。單色搭配雖然沒有形成顏色的對比,但色相中卻有著無數的色調變化,利用同一色相中純度、明度的層次變化,也可以形成良好的視覺效果。

寫給設計新人的配色攻略:單色篇

寫給設計新人的配色攻略:單色篇

單色配色其實并不意味著單調,單色配色在很多設計項目中,都呈現出了極具表現力的一面,優秀的單色配色并不一定弱于多色配色。

寫給設計新人的配色攻略:單色篇

在單色配色中,經常會使用一些無彩色(黑白灰)用于文本、背景和裝飾元素來豐富畫面層次。

寫給設計新人的配色攻略:單色篇

使用紫色細微的漸變對比,畫面形成豐富了的明暗層次,紫色的明度較低,可以很好的承載白色文字信息

寫給設計新人的配色攻略:單色篇

使用黑色作為背景,可以很好的襯托出綠色主體,給人一種深邃、神秘的視覺感受。

單色配色的優點

對于新手設計師來說,顏色越少畫面越容易把控,色彩層級越精簡,就越容易達到整體色彩平衡。單色搭配可以產生低對比度的和諧美感,視覺上形成協調統一的感覺。

寫給設計新人的配色攻略:單色篇

不需要使用過多的顏色,通過藍色明度的層次變化,畫面也可以很豐富,能很好傳達出智慧、科技的主題。

寫給設計新人的配色攻略:單色篇

以企業形象色為主色調進行設計,使設計的畫面具有統一的色彩,還可以向人們傳達出強烈的品牌效應。

單色配色簡約大氣、色調干凈統一且穩定,容易營造出和諧與平衡的感覺,是較容易掌握的配色方法。

寫給設計新人的配色攻略:單色篇

寫給設計新人的配色攻略:單色篇

單色配色的方法

1. 使用HSB模式建立配色方案

HSB 色彩模式是將顏色三屬性進行量化,色相 H 以角度(0°-360°)表示,飽和度 S 和亮度 B 以(0%-100%)表示。

寫給設計新人的配色攻略:單色篇

在確定基礎色相(H)之后,可以通過調整飽和度(S)和亮度(B),來創造一套富有層次的配色方案。

此案例以“H:255”為基礎色建立配色方案。

寫給設計新人的配色攻略:單色篇

寫給設計新人的配色攻略:單色篇

使用此方法可以得到同一色相中大量的色彩樣本,但這并不意味著你需要在單色配色中使用很多顏色,一般選擇 3、4 種足以。

接下來需要考慮色彩的明暗和飽和度,調整這些屬性,讓配色更貼合你的設計目標。

寫給設計新人的配色攻略:單色篇

由于單色配色色彩的對比度沒有多色配色那么明顯,同一配色方案內不同的顏色之間,需要形成明暗變化,構成一個階梯型的色階。

寫給設計新人的配色攻略:單色篇

2. 使用配色工具輔助配色

目前有大量的配色網站可以用來輔助配色,對于配色基礎薄弱的新人會有很大的幫助。在這里給大家推薦的是 Adobe 公司出品的一款極為高效的在線配色工具:Adobe Color。(網址:color.adobe.com

在 Adobe Color 中,使用色盤設置了基礎顏色之后,另外四個關聯顏色會自動生成。

寫給設計新人的配色攻略:單色篇

在調色規則中選擇“單色”。使用橙色為基礎顏色,會自動生成四個關聯顏色,篩選適合的顏色配置到畫面中,就能很快完成配色方案:

寫給設計新人的配色攻略:單色篇

再看一個案例,根據主體最顯眼的紫藍色為基色,按照生成的配色方案,篩選適合的顏色配置到畫面中,這樣的配色會非常協調統一。

寫給設計新人的配色攻略:單色篇

總結

單色配色是較容易掌握的配色方法。單色搭配雖然沒有形成顏色的對比,但利用同一色相中飽和度、明度的層次變化,也可以形成良好的視覺效果。

單色搭配可以產生低對比度的和諧美感,視覺上形成協調統一的感覺。在單色配色中,經常會使用一些無彩色(黑白灰)用于文本、背景和裝飾元素來豐富畫面層次。

歡迎關注作者的微信公眾號:「藝海拾貝Design」

寫給設計新人的配色攻略:單色篇

收藏 340
點贊 68

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。