當前位置:
首頁 > 最新 > 如何在設計中使用色彩和色度?

如何在設計中使用色彩和色度?

你已經接近你的設計項目的終點了,但最後一步你難倒了:選擇一種配色方案。

讓我猜一猜:當涉及到設計(任何事情)時,你很難選擇正確的顏色?

你已經組織了布局,確定了內容,甚至選擇了字體。但是顏色可能會讓人很困惑,你應該用基本的黑白色,亮色還是單色?還是它們的混合色?

入門:快速選擇合適的顏色

選擇正確的顏色首先要選兩種顏色:

一個中性的顏色;

一個強調色。

為了我們的目的,讓我讓我們將中性定義為黑色,白色,灰色或米色/棕色系列中的某個。強調色可以是任何你喜歡的,從海藍寶石到西葫蘆綠色。

從這兩個選擇中,通過調整色彩和色度,你可以創建一個無限的調色板,從3個選項到30個選項。

那麼,什麼是色彩和色度?

色彩和色度是藝術術語,適用於單一顏色的較淡和較暗的變化。它們是通過將白色(用於色彩)或黑色(用於色度)添加到基本三色上來創建的。

將它們用作調色板的一部分具有許多優點。首先,顏色選擇過程被簡化。你有更少的顏色可供選擇,並且不必擔心你的設計會看起來像彩虹一樣。色彩和色度的另一個好處是,它們會自動給你的調色板一個光滑的、有凝聚力的外觀,因為它們是由相同的基色組成的。

作為這個技巧的一個例子,以下品牌作品使用了藍色和灰色的調色板(注意每一種顏色的明暗變化,以提供對比), 從而為柔和的配色方案提供更多的多功能性。

如何創建色彩和色度

僅僅用肉眼就很難選擇色彩和色度。有些設計程序會有適合您的工具,但這些工具可能會受到限制或無法自定義。然而,有很多在線工具可以幫助你,讓我們來看看一些最好的。

Paletton的單色設置會自動從基色中生成調色板和色調——可以從色輪中隨意選擇,或者RGB代碼中輸入一個特定的顏色。

使用自由樣式設置可以添加更多的基色,從2到4。底部的「預設」選項卡(請參閱下面的第二張圖)根據您的原始顏色選擇提供更多選擇。

02.材料選項板

材質選項板更基本,並且在需要快速顏色修復時可能會有所幫助。你提供了有限的鮮艷顏色選擇以及一些中立色,並被指示挑選兩個。當你這樣做時,你會得到一個自動生成的第一個顏色選擇的調色板(加上一個色彩和一個色調),第二個顏色選擇為強調顏色,並選擇一個中性色。

03.顏色代碼

顏色代碼調色板生成器簡單易用。從左邊的面板中挑選一個方案(單色、單色和深灰色,或者單色和淺灰色將是你最好的基於色彩和色度的調色板),然後在各個方向上拖動滑鼠,直到看到組合你喜歡。

應用色彩和色度的方法

一旦選取了調色板,就可以將選擇應用到設計中了。更亮的基色或更暗的基色變化,可以為你增加對比度、視覺興趣和多功能性的配色方案。需要一些靈感來了解如何應用它們?看看下面的想法和例子:

01.創建凝聚力品牌

擁有一種顏色的色彩和色度,你可以將其用於不同的目的和效果,從而為你的品牌打造完美的統一外觀。這兩個品牌包顯示了你可以在你的項目中,使用色彩和色調的靈活性和創造性。

第一組特徵是中藍色底色的多種變化,而第二組則有效地利用了底色加上一個較暗的陰影。請注意,紅色(以及設計中的圖形元素)是如何從品牌的logo中提取出來的,這是增強了公司的視覺形象。

02.增強對比度

在任何設計中,對比度是良好可視性和容易導航的關鍵。將你最淺的色彩之一與你最黑暗的色度搭配起來,是一種創造對比的簡單方法。這個活動海報用了這種方法,海報底部淺粉紅色的文字與較深的粉紅色,幾乎洋紅色背景非常相似。對比度在頂部附近顯示「第4次年度」的小型文本框中反轉,並且這兩種顏色的組合都是有效的。

另一個例子是,這個日曆設計,至少有四種色彩/色度和兩種珊瑚色(加上一些中性色),並將它們放在一起,突出它們的不同之處,從而創造出一種高對比度,視覺上看起來是個有趣的設計。暖色和冷色溫度的對比,也能最大限度地提高效果。

03.混合

相比之下,顏色可以幫助設計元素脫穎而出,但是,以不同的方式應用,它還可以使元素融合在一起,或者看起來更加低調。以下書籍封面帶有藍色的色彩和色度,沒有太多的對比。這使得整個背景的插圖變得有點小,所以字體設計顯得很突出。

04.簡化和分離

如果設計的所有部分都有相似的顏色、色調或飽和度,就很難區分出其中的一個元素。這時,色彩和色度可以派上用場。當你有很多信息要組織的時候,使用顏色的變化可以幫助視覺上區分你的布局的不同部分。另外,選擇共享基色的調色板,將防止已經複雜的設計看起來不必要的混亂,或避免選擇視覺壓倒太多顏色的調色板。

下面的信息圖,除了黑色和白色之外,還具有綠色基色和淡色調,可以保持清潔和簡潔,並且節省設計空間。

在以下網站設計中,以類似的方式使用了藍色的色彩和色度。柔和的色調有助於豐富多彩的產品圖像,同時賦予場地的視覺結構深度和清晰的組織感。

05.創建深度和維度

色彩和色度最常見的用途之一,尤其是藝術和插圖,是創造深度和/或尺寸的幻覺。

這可以採用應用於表現光線或陰影的顏色的形式,就像這件作品一樣,它受到老式旅行海報的啟發。請注意,顏色方面的良好應用,特別是船上深灰色和天空和水中的深藍色,創造出曲度和深度,讓圖案幾乎呈現3D外觀。

為了延續航海主題,這對海報將兩個色彩/色度家族(一個溫暖的和一個涼爽的)連接在一起,以創建複雜的分層藝術作品。顏色的選擇也表明一天中的特定時間,並給海報帶來一種氛圍感,這使我們有了下一個技巧......

06.建立一種情緒或主題

顏色有一種獨特的能力,可以使你的設計充滿情緒和情感。再看一眼我們剛剛看過的音樂會海報。難道它們不代表著夏天、假期、溫暖的熱帶地區和慵懶的夜晚嗎?選擇的顏色在傳達這些感受和營造氛圍感方面起著重要作用。

顏色也可以提供項目背景色,加強或澄清現有的主題或圖像。在這裡,用來設計這些標籤的大膽色彩和色度給人一種友好、現代的氛圍。但顏色也代表了每支蠟燭的香味。

與此相似,這個包裝設計了顏色搭配(通常是底色加上色彩),賦予線條清新、迷人、現代的外觀,但這也與每一種產品的味道緊密相連。

07.使用漸變

漸變是一次應用多種色彩和/或色度的好方法。特別是與透明效果一起使用時,它們是為設計添加更多顏色的巧妙選擇。

活動邀請函以兩種方式使用漸變。如果仔細觀察前方圖像(左側),你會看到許多構成輪廓圖形的三角形都有自己的漸變的效果;這有助於增加插圖的尺寸和紋理。微妙的漸變也形成邀請內部部分的背景(右)。

這款包裝採用透明漸變作為整個設計的一小部分。它從背景圖像中提取顏色,以創建一個文本更容易閱讀的空間。

08.擴展一個有限的調色板

不管出於什麼原因,假設你在設計中使用的顏色數量有限——可能是由於品牌指南或印刷要求,或者只是作為一種文體選擇。根據你的項目的規格,你可能需要通過色彩和色度來擴展調色板。

在這裡,一個引人注目的兒童書籍封面,只使用了綠色和粉色的色彩/色度,加上了黑色和白色。由於色相太少,構圖絕不缺乏視覺多樣性或細節性;色彩和色度為她提供了她需要的所有顏色。

09.使用透明度

透明的形狀和背景可以在設計中起到很多作用,當你使用色彩和色度的配色方案時,它們可以擴展你的調色板。當你將兩層透明的色彩或色度分開時,你會創造另一種顏色重疊的地方。以下面的書為例。

你也可以使用透明的方式來創建色彩和色度,通過在白色或黑色之上的透明的基色。在這部電影系列的海報上,設計師通過在黑白照片上分層紅色色彩和色度,達到了類似的效果。

10.保持簡單

當你想要一個簡約或低調的設計時,單色(或單色)調色板將有助於你實現目標。單色色彩方案通常依靠色彩和色度,來提供足夠的變化,但保持單一顏色的乾淨的美感和簡單。

這個會議程序只有黃色的色彩(我們不會計算黑白色),還有幾何形狀的驚人的現代構圖。

就像下面的例子一樣, 甚至一個幾乎單色的調色板也可以幫助簡化設計,就像下面的例子一樣。除了這兩種藍色,設計師還添加了白色作為中性色和少量紅色作為強調色。其結果仍然是一個具有吸引力的清晰、簡單的設計。

11.創建形狀和圖案

色彩和色度不一定要一次使用一個。你可以用形狀、圖案或其他圖形元素安排並組合它們,以便為你的設計項目提供一些額外的細節。

這款名片逐漸將漸變色度變為一系列幾何形狀,以增加一些視覺上的興趣。

這款來自星巴克的咖啡包裝將這一概念進一步推向了一個新階段,將多色系列的色彩、色度與透明度混合效果相相結合,創造出引人注目的圖案背景。

12.雙倍(或三倍)樂趣

為你的設計選擇兩種不同的色彩/色度,可以使你的設計成為一個多面手和視覺上有趣的調色板。例如:這家餐廳宣傳材料混合了淺紅色和金黃色的不同的色彩和色度。

正如你通過此圖像底部的彩色條紋所看到的那樣,設計師為此品牌項目選擇了三種互補的色彩/色度(藍色、綠色和灰色)。她通過將每組顏色限制為兩種顏色,一種色彩和一種色度,使調色板不會失控。

13.不要忘記文本

沒有規定說文字必須是黑、白色或灰色——它也可以是彩色的!事實上,色彩和色度提供了一個簡單的機會,將你的整個設計結合在一起,包括文本。根據它背後的內容,在你的文本中應用一個帶顏色的色彩或色度,可以是一個不錯的選擇,可以選擇黑或白色。

設計師通過在文本和圖像中,應用紫色調色板來實現這一想法,以實現統一的外觀。

在另一種方法中,一本教育小冊子將彩色文本與其基本色相相對照,以製作色彩鮮艷而獨特的目錄。

我們希望你通過本文學到了,一些關於如何在設計項目中應用色彩和色度的方法。

本文由海空設計(北京海空影視文化諮詢有限公司)翻譯整理,版權歸本公司所有,歡迎個人轉載,如商業用途轉載,請聯繫作者。


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 海空設計 的精彩文章:

以春季為主題的宣傳設計圖形案例及技巧

TAG:海空設計 |