如何在設計中提高配色能力?

顏色搭配是網頁設計,平面設計等非常重要的一部分,有的人追求簡潔,有的人追求豪華,不過能不能有可操作性的訓練辦法以達到配色自如的程度。

色彩搭配原則

由相同或相近色相可增強畫面統一性

由相同或相近色相構成的配色可以輕鬆地營造出和諧、統一的印象。作為配色的基本技巧之一,應首先掌握。

  • 同一色相配色體現統一性

  • 同一色相配色作為共通色相配色的一種,專指其中色相差為零的配色。寧靜中體現統一感,形成簡約、成熟、幹練、和諧的印象。強調色相本身的同時,能夠輕易地傳遞出配色的主題。

  • 鄰近色相配色演繹自然、和諧的印象

  • 鄰近色相與同一色相配色相比,由於色相上存在微妙的差異,稍稍擴展了色相的範圍,所以配色效果能夠體現出纖細的變化,使得畫面更加貼近自然、和諧。

  • 類似色相配色體現統一性與流暢性

  • 色相含有共通成分,類似色調配色也可以體現出和諧、協調的印象,由相同或相近色相構成的具有統一性的配色是最能體現色相差的配色類型。色彩具有適度的變化和動感,同樣可以通過色調差體現畫面色彩的張弛效果。

    在同色系色相的配色中,類似色相配色最能夠體現突出印象。相近的色相搭配,整合效果好,同時可以體現視覺動感。

    互補或對比色相可突出畫面變化性

  • 互補色相配色表現強烈的印象

  • 互補色配色中的色相差較大,即使統一於同一色調中,也能體現出充滿活力變化的印象。特別是高純度色調下的互補色配色,展現出充滿刺激性的艷麗的印象,適合用於要求表現出高度視覺衝擊效果的設計中。但同時也很容易形成廉價、劣質的印象,實際應用中應當加以留意。

    Tip:無明度差的高純度互補色搭配在一起時,會使人眼產生暈光現象,色彩看起來彷彿飄忽閃爍,使文字等信息難以閱讀,這一點應當加以注意。

  • 對比色相配色效果清晰、醒目

  • 對比色相配色是色相對比效果十分強烈,色彩相互襯托,配色效果清晰、醒目。色彩統一於高純度色調中,體現力量感和速度感,演繹活力四射的運動氛圍和彩色的跳躍性以及張弛感。

    但是,高純度色彩對比效果強,容易形成過於強烈的印象,而且還會造成畫面中文字的可讀性下降。除了注意這些問題之外,同時還要重點考慮配色面積的比例。

    調整配色色調,為創作增添個性

    在色彩的諸多要素中,最能左右配色印象的就是色調。色相在鮮明、明亮、暗等不同的色調中表情是各不相同的。因此,無論色相如何,只要將其色調統一,就可以體現整體性和統一性,形成具有和諧、自然效果的配色。相反,通過將對比性的色調搭配組合,可以演繹富於變化的表情。

  • 同一色調的配色強調獨特的世界觀

  • 確定色調是配色過程中很重要的一步。在同一色調中選擇色彩的配色方式稱為同一色調配色,即「有主導色彩的配色」。色調統一後,使用色相沒有限制。為強調色調特徵,充分表現配色主題,在實際設計配色中,往往會先確定能夠反映主題的色調,隨後再進行具體的配色。

    為避免配色效果陷入乏味印象中,一般來講,應該擴大運用色相的範圍,儘可能多地出現不同的色彩。色相差越大的設計,越有必要統一色調,以此來保證色彩之間的平衡。

  • 變化豐富的類似色調配色為設計添加個性

  • 類似色調配色與同一色調配色相同,色調差為零的配色是追求統一效果的配色類型,也稱為「同色調配色」。淡色調、明亮色調等具有類似性的相近色調搭配,給人痛快、流暢的印象。同一色調配色中有明清色組合、暗清色組合、濁色組合、純色組合等系列。配色時,由於色調無差別,可以適當製造色相差,體現色彩的變化和張弛感。

    與同一色調配色相比,類似色調配色更適合用於表現希望通過明度、純度微妙的差異製造對比效果的設計。

  • 對比色調配色突出設計的變化和重點

  • 對比色調配色可以通過淺色調、暗以調等色調的對比,強調視覺對比效果。色調的對比性包括明度高低和純度高低等方面的對比性。

    對比色調配色與同一、類似色調配色相比,色調差異較大。色相相同或類似時,通過色調差異或明度差異等方法突出對比效果和視覺重點,演繹出鮮活、明快的印象。

    版式設計中的色彩搭配與技巧

    如何使讀者通過色彩深入了解主題

  • 有效使用作品的主題色

  • 通過控制顏色數量,突出主題

  • 如何讓圖片上的文字更顯眼

  • 使用白色或黑色的文字最為清楚明了

  • 使用與圖片色調一致的顏色

  • 選擇與圖形相反的色調

  • 如何讓版式與文字更具可讀性

  • 利用高明度的暖色系提高可讀性

  • 利用鮮艷的底色,創造活潑的版式設計

  • 利用暗淡的底色,創造品位感與豐富感

  • 如何讓頁面具有豐富的視覺效果

  • 將圖片當成背景使用

  • 使用不同的背景色分割版面

  • 為版式增加趣味性

  • 增添肌理

  • 由於肌理具有很強烈的情調效果,因此如果將肌理當成底色使用,就能表現出強烈的存在感以及真實感。在這種設置方式中,肌理會影響整體設計,因此必須配合內容小心地選用才行。

    如何通過配色為作品增添逼格

  • 嘗試使用暗淡的基調

  • 在主視覺中有多種顏色的情況下,要抑制顏色種類。

  • 如何使顏色搭配更加凝練

    大膽地控制顏色數量,整體都在暗淡的基調下進行整理,製作出了凝練的、有穩定感的頁面。想要讓人感受到雅緻和高品質的感覺,不是搭配鮮艷明亮的顏色,而是使用略微暗淡的顏色,就能突顯出效果。

  • 控制頁面上所使用的顏色種類

  • 相同色系和類似色系給人穩定的印象

  • 擅長使用高級灰

  • 如何使版面輕鬆愉悅

    製作輕鬆愉悅的版面時,使用多種顏色,就會使版面色彩豐富。但是,要注意如果顏色使用過度,就會抹去良好的視覺效果。

  • 嘗試使用多種顏色

  • 通過添加與頁面內容相符的圖標,來演繹出愉悅感

  • 如何靈活運用畫面留白

    白色能夠反襯各種素材,是一種比較最常用的版式設計方式,另一方面也是控制畫面平衡的一種方式,因為在使用畫面留白時,需要注意圖片和文字的大小及空間布局。

    搭配技巧:

  • 在搭配色彩的過程中,一切從項目主題出發,依據自己的創作想法搭配合適的顏色,充分整合項目中形象、版式、文字等內容,從全局出發綜合把控視覺效果。

  • 在創作的過程中,每種顏色的運用都有它內在的理由與創作動機,切勿單純依靠感覺變確定色彩,更不能將自己選色的理由歸因於好看,應抓住作品內在與表現形式之間的邏輯。

  • 對於色彩感知能力的培養,可以養成在日常生活中認真觀察的習慣,將日常生活中見到的好的色彩搭配利用攝影或是從雜誌中剪裁的方式記錄在Sketchbook中,並將這種配色帶給你的感覺使用某些辭彙進行總結,構建一種將色彩、感覺、語言相融合的思維模式。

  • ———————————————————

    推薦閱讀:

    穿的不好看?這七組高級配色法,讓你時髦起來!
    好好住里有一股「黑暗勢力」,美得讓人低頭投降!
    如何可以製作出配色專業的ppt?
    花藝色彩配色圖譜*

    TAG:設計 | 配色 | 能力 | 提高 |