因對(duì)比配色而形成的(de)配色方式

作者：龍 時(shí)間：2018-08-01 浏覽：

由于對(duì)比色相互對(duì)比構成的(de)配色，可(kě)以分(fēn)爲互補色或相反色搭配構成的(de)色相對(duì)比效果，由白色、黑(hēi)色等明(míng)度差異構成的(de)明(míng)度對(duì)比效果，以及由純度差異構成的(de)純度對(duì)比效果。

一、 色相對(duì)比

        1  雙色對(duì)比

        2 三色對(duì)比

        3 多(duō)色對(duì)比

二、 純度對(duì)比

三、 明(míng)度對(duì)比

….

1 雙色對(duì)比

色彩間對(duì)比視覺沖擊強烈，容易吸引用(yòng)戶注意，使用(yòng)時(shí)經常大(dà)範圍搭配。

VISA的(de)案例

VISA是一個(gè)信用(yòng)卡品牌，深藍色傳達和(hé)平安全的(de)品牌形象，黃(huáng)色能讓用(yòng)戶産生興奮幸福感。另外藍色降低明(míng)度後再和(hé)黃(huáng)色搭配，對(duì)比鮮明(míng)之餘還(hái)能緩和(hé)視覺疲勞。

觀點： 不管是整體對(duì)比還(hái)是局部對(duì)比，對(duì)比色給人(rén)強烈的(de)視覺沖擊，結合色彩心理(lǐ)學對(duì)品牌傳達效果更佳。

2 三色對(duì)比

三色對(duì)比色相上更爲豐富，通(tōng)過加強色調重點突出某一種顔色，且在色彩面積更爲講究。

NAVER的(de)案例

大(dà)面積綠(lǜ)色作爲站點主導航，形象鮮明(míng)突出。使用(yòng)品牌色對(duì)應的(de)兩種中差色作二級導航，并降低其中一方藍色系明(míng)度，再用(yòng)同色調的(de)西瓜紅作爲當前位置狀态，二級導航内部對(duì)比非常強烈卻不影(yǐng)響主導航效果。

觀點： 三色對(duì)比中西瓜紅作爲強調色限定在小面積展現非常關鍵，面積大(dà)小直接影(yǐng)響畫(huà)面平衡感。

3 多(duō)色對(duì)比

多(duō)色對(duì)比給人(rén)豐富飽滿的(de)感覺，色彩搭配協調會使頁面會非常精緻，模塊感強烈。

Metro的(de)案例

Metro風格采用(yòng)大(dà)量色彩，分(fēn)隔不同的(de)信息模塊。保持大(dà)模塊區(qū)域面積相等，模塊内部可(kě)以細分(fēn)出不同内容層級，單色模塊隻承載一種信息内容，配上對(duì)應功能圖标識别性高(gāo)。

觀點：色彩色相對(duì)比、色彩面積對(duì)比，隻要保持一定的(de)比例關系，頁面也(yě)能整整有序。

二、 純度對(duì)比

相對(duì)與色相對(duì)比，純度差對(duì)比，對(duì)比色彩的(de)選擇非常多(duō)，設計應用(yòng)範圍廣泛，可(kě)用(yòng)于一些突出品牌、營銷類的(de)場(chǎng)景。

PINTEREST的(de)案例

頁面中心登錄模塊，通(tōng)過降低純度處理(lǐ)制造無色相背景，再利用(yòng)紅色按鈕的(de)對(duì)比，形成純度差關系。與色相對(duì)比相較，純色對(duì)比沖突感刺激感相對(duì)小一些，非常容易突出主體内容的(de)真實性。

觀點： 運用(yòng)對(duì)比重要的(de)是對(duì)比例的(de)把握，面積、構圖、節奏、顔色、位置等一切可(kě)以發生變化(huà)的(de)元素，形成視覺的(de)強烈沖突。

三、 明(míng)度對(duì)比

明(míng)度對(duì)比接近生活實際反映，通(tōng)過環境遠(yuǎn)近、日照(zhào)角度等明(míng)暗關系，設計趨于真實。

ARKTIS的(de)案例

明(míng)度對(duì)比夠構成畫(huà)面的(de)空間縱深層次，呈現遠(yuǎn)近的(de)對(duì)比關系，高(gāo)明(míng)度突出近景主體内容，低明(míng)度表現遠(yuǎn)景的(de)距離。而明(míng)度差使人(rén)注意力集中在高(gāo)亮區(qū)域，呈現出藥瓶的(de)真實寫照(zhào)。

觀點： 明(míng)度對(duì)比使頁面顯得(de)更單純、統一，而高(gāo)低明(míng)度差可(kě)産生距離關系。