如何讓你的設計作品更出彩?這9個單色技巧告訴你

設計的色彩搭配十分複雜。

如果沒有風格指南和客戶意見的引導,你應該如何進行設計的色彩搭配?

你可以借鑑一些色彩理論的技巧原則,色彩理論並不僅僅是美術生的專利,設計師也可以用它來創造出視覺效果十足的色彩搭配。

另一個最簡便的色彩技巧就是單色調設計。這裡所說的“單色調”並不是指一種顏色,而是所選顏色都來自同一基本色(通常為12色色環上的一種)的不同變體,而這些變體包括:

· Shades: 基本色+黑色加深

· Tones:基本色+灰色降低飽和度

· Tints:基本色+白色加亮

如何讓你的設計作品更出彩?這9個單色技巧告訴你

用這三種方法就能調和出一個十分精細的單色調色譜,你可以從中選擇不同的變體運用於設計的各個部分。

單色調設計的優點

除了健全的功能性,單色調搭配原則還具有以下幾個優點:

1.創建和諧統一的視覺效果;

2.把所有的視覺焦點的聚集在內容而非色彩搭配上;

3.將品牌與某種特定色聯繫起來;

4.讓設計過程更加便捷,大大減輕設計師考慮色彩搭配的負擔。

單色調設計的9個技巧

01.簡化繁瑣的設計

有時候你必須在有限的空間內融入大量信息,為了避免讓繁瑣的色彩搭配加重觀眾的視覺負擔,你可以利用單色調搭配來創造更為簡潔有序的頁面佈局。

例如,這個信息圖中包含了大量插畫和文本設計,但是全藍的配色成功將所有信息凝聚起來。考慮到設計的實用性,大多數設計師還會在文本或背景中使用一些黑白搭配,在這個例子中,設計師就在背景中加入白和灰突出藍色圖像的設計。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

02.圖片的色彩疊加

色彩不僅運用於文本和圖像,以圖片為主的設計也可以通過透明色彩的疊加來達成單色調設計的目的。這種方法尤其適用於黑白照片,透明色覆蓋下的黑、白、灰自動形成了一種色彩變化的效果。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

這個例子完美詮釋了透明色疊加對人物肖像的作用。另外,統一的背景也使得文本更加突出。這種方法也適用於彩色圖像,比如下圖的網站設計。沒有任何間距的圖片排列原本可能會造成視覺負擔,但設計師使用不同明暗度的紫色色塊為頁面創建了結構和連貫性。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

03.創建聯繫

單色調設計的另一個好處就是能夠為各種不同的元素建立聯繫。這不僅是一種視覺效果,而且還具有一定的功能性。展現設計元素之間的互動聯繫可以幫助觀眾迅速理解所要傳達的信息和設計目的。

例如,下圖的設計利用色值的變化來表示價格高低,即顏色越深價格越高。這種視覺線索巧妙地強化了設計的用戶友好度。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

04.恰當使用亮色

許多設計師都熱衷於創造性的色彩搭配,但是對於商務等正式領域的設計,過於活潑跳躍的顏色會顯得輕浮。這時,單色調設計便是一個很好的選擇——它既能為設計添加多樣性,也能提升正式感。

設計師通常會選用一個經典的亮色(如下圖的紅色)作基本色,選擇它的暗色或較不飽和的變體作為主題色。

下圖的建築公司賀卡設計便是一個很好的例子。亮紅色和綠色的搭配通常為聖誕元素的經典用色,這個設計只選用紅色作為主題色,並且考慮到這款賀卡的商務性質,設計師使用暗紅色和淺紅色來保證其專業性。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

05.灰度設計

灰度是利用灰色陰影產生色彩變體的一種印刷設置,通常作為一種節省彩色油墨的手段。當然,你也可以借鑑這種方式來調和色彩。

你可能會問:我為什麼要這麼做?

全灰的設計看起來不會很枯燥嗎?

其實並不一定。

例如,加入灰度的黑白配色可以使你的設計看起來更簡潔大氣。下圖的網站設計就利用灰色疊加與黑白設計做補充。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

但是要記住,灰度(介於黑白之間的所有變體)並不是唯一的選擇。你可以調節不同的色溫,嘗試使用冷灰(帶有藍調的灰色)或暖灰(帶有紅調、紫調或棕調的灰色)。如上圖中頁面頂部的圖片就加入了帶藍調的冷灰色,為整個設計添加了一點色彩豐富性和視覺趣味。

06.為設計分區

色塊實際上是很好的分區工具,它能創建出有序的、重點明確的視覺層級效果。

這款日曆應用程序使用了幾種不同的紫色色塊來區分不同的信息。此外,這些色塊還具有互動功能,隨著用戶的點擊會產生相應的變化。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

07.保持簡潔

一種基本色有大量的變體,但這並不代表你就要選用很多種。在某種程度上,色彩之間的細微差別在視覺上很難辨認出來。你只需要選擇幾種顏色來區分信息塊,如包含背景色、文本色和其他元素顏色的三色佈局是最為普遍的一種選擇。

或者你也可以參考下圖logo的配色。設計師原本可以使用豐富的配色,但由於logo本身的插畫比較複雜,便使用雙色配色來保證設計的簡潔性,同時也不影響其趣味性和美觀性。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

08.對比色

如果你有兩個相關的設計——可能是音樂會的系列海報或同一品牌的兩款商標,可以考慮使用兩個對比色的單色調設計,這樣既能體現兩個設計的不同,又能保留兩者之間的聯繫。

下圖的兩款礦泉水商標的色彩對比十分顯著,因為所選顏色(藍色和橙色)為色環上的互補色。傳統色彩理論認為互補色是藝術設計中對比最強烈的色彩搭配。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

09.單色調設計的創意性發揮

有時候要保證絕對的單色調設計不太現實,你可以在保留視覺效果和功能性的基礎上進行一點變通。不妨嘗試以下幾種方式:

單色調搭配+重點色

在單色調的基礎上加入重點色可以突出設計的重點或添加一些視覺趣味性。而所加入的重點色最好能在設計中發揮特定的作用,比如突出logo、強調聯繫方式或行動呼籲。這組名片就利用藍色的重點色來突出設計師的名字。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

接下來的這個例子以藍綠色為基本色,用淺色作為背景色,深色作為文本色,兩種變體色的搭配保證了簡潔的視覺效果,此外,設計師巧妙運用了橘黃色的主題色與品牌logo建立聯繫,並且達到一種裝飾目的。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

黑與白

設計師對於黑白設計是否屬於單色調設計有不同的意見(理論上,黑色是顏色的缺失,而白色是所有顏色的組合),但它實際上是最基本最易於使用的色彩搭配,無論是否有重點色的添加都可以產生很好的視覺效果。

下圖是兩個無重點色和添加重點色的網站設計。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

如何讓你的設計作品更出彩?這9個單色技巧告訴你

相同色系

同色系的色彩搭配雖然不算嚴格意義上的單色調設計,但是也能在視覺統一性和信息歸納方面產生同等的效果。這本雜誌利用藍色和綠色來強調圖表之間的聯繫。

雖然其中使用了四五種不同的顏色,但由於它們都屬於冷色系並且色彩飽和度相同,其視覺效果仍十分簡潔和諧。如果加入一種暖色,情況或許就大不相同了。

如何讓你的設計作品更出彩?這9個單色技巧告訴你

福利互動

為答謝客官閱讀完此文支持,特准備新人大禮包贈送領取:2000種設計筆刷,10本設計書,設計師必備500種字體~~下方是領取方式

1,關注小勇哥哥PS視覺設計頭條號~

2,評論文章,不限字數,

3,私信小勇回覆:福利


分享到:


相關文章: