設計師配色原則以及技巧

前言

如何配色,可能是各個領域的設計師都會接觸到的一個問題,這篇文章並不會給大家提供很多配色方案,因為收藏一大堆的配色方案並不會對你的配色技巧提供實質性的幫助,授人魚不如授人以漁,這篇文章會就如何配色以及色彩的一些基礎理論做一些講解。理論總會是有些枯燥的,但是能對我們後續的實踐提供指導的作用,至少,在配色感覺不大對的時候你知道問題可能出在哪裡。

什麼是顏色

顏色遍佈於我們生活之中,不同的顏色也會給予人不同的感官和視覺反饋。而在計算機中,色彩被量化成了數值,關於色彩的數值,有好幾種模式,HSV、RGB、CMYK等,相對於RGB色彩模式,HSV模式更加直觀一些,這裡我們就HSV模式來進行下一步的講解。

H(色相)S(飽和度)V(明度):色相決定了一個顏色是什麼顏色,飽和度決定了色彩的鮮豔程度,而明度則表示了一個顏色的明亮程度,在色輪中我們可以很直觀地理解這個顏色模式。

設計師配色原則以及技巧

在這種模式中,飽和度扮演著非常重要的角色,因為一個顏色越鮮豔,越能吸引到人的注意力,但是,很多設計師往往濫用了這個特點,這樣容易使得一個作品中主次不明,讓人眼花繚亂。

設計師配色原則以及技巧

我們可以通過加大某個對象的飽和度去凸顯一個物體,上圖會讓人的關注點全在花色衣服上,而下圖則通過單獨的一個鮮豔的物體去點綴整幅畫面。

設計師配色原則以及技巧

配色原則

  • 主次分明

首先確定最能表達內容的主色調,然後通過弱化其他色調或者差異化某個色調來達到凸顯內容的效果。

設計師配色原則以及技巧

  • 善用顏色心理學

不同的顏色會給人不同的心理暗示,例如紅色會讓人感受到熱情、危險等,綠色會讓感受到生機、生命或者毒液等,運用好這些技巧可以更好的傳達想要表達的內容。

  • 色彩的平衡性

色調有冷暖明暗深淺之分,如果整體顏色偏向於某種色調,或者畫面整體灰度值過亮過暗,會容易導致畫面失衡,可能會顯得單調,或可能會讓人感受到不舒服。

設計師配色原則以及技巧


配色原則可以用來指導配色,但不是將配色限制在一定的框架內,有時候不符合邏輯的配色也能很好的凸顯出中心內容。

配色方案

如果不選擇自己製作配色方案,我們可以選用比較固定的搭配,如黑紅、黑金、藍白等等,或者直接使用網站或者別人的配色表。

自己製作配色方案比較有效率的方式是,先確定一種主色調,再以這個主色調為基礎,藉助以下工具去生成後續可以配搭的顏色,生成的方式主要有以下幾種。(這裡藉助C4D軟件的色輪去生成配色)

  • 單色

選擇一個顏色,可以得到同一個色相不同飽和度和明度度顏色。

設計師配色原則以及技巧

  • 互補

色輪上相隔180°的兩個顏色為互補色,互補的兩個顏色反差會比較大,所以配色時最好適當減弱另一個顏色的飽和度。

設計師配色原則以及技巧

  • 相鄰

色輪上相隔30°的兩個顏色成為相鄰色,但是具體情況並不侷限於30°,得到配色後再去微調即可。

設計師配色原則以及技巧

  • 分裂互補

主色調互補色的相鄰色,是一種在互補色衍生出來的配色方案,可以使配色變化更多。

設計師配色原則以及技巧

  • 四元組

相鄰色的兩組互補色,更多的會應用於前景背景或者背景主體的配色中。

設計師配色原則以及技巧

配色相關網站推薦

現在很多網站都有提供很多的配色方案,甚至一些網站可以通過不同的方式去自定義想要的配色方案,下邊給大家推薦一些可以協助配色的網站。

  1. color.adobe.com/zh/create/color-wheel
  2. flatuicolors.com
  3. colorhunt.co
  4. www.webdesignrankings.com/resources/lolcolors/

如何練習配色

除了實踐之外,大概沒有其他路徑可行吧,當然,這需要一些基礎的理論支撐。我們可以通過嘗試給同一張圖嘗試不同的配色方案,慢慢總結出不同配色方案產生的效果。

設計師配色原則以及技巧

總結

色彩是設計中最具有表現力和感染力的因素,而設計的中心思想是將想表達的內容更好的傳達給觀看者,配色技巧和方案是輔助表達的工具,而不是為了配出最好看的顏色,所以,切記不要本末倒置。


分享到:


相關文章: