因色調調和(hé)而形成的(de)配色方式

作者：龍 時(shí)間：2018-07-31 浏覽：

一、有主導色調配色

這(zhè)是由同一色調構成的(de)統一性配色。深色調和(hé)暗色調等類似色調搭配也(yě)可(kě)以形成同樣的(de)配色效果。即使出現多(duō)種色相，隻要保持色調一緻，畫(huà)面也(yě)能呈現整體統一性。

根據色彩的(de)情感，不同的(de)調子會給人(rén)不同的(de)感受：

1  清澈的(de)色調

2  陰暗的(de)色調

3  明(míng)亮色調

4  深暗色調

5  雅白色調

…

1 清澈色調

SHOTFOLIO的(de)案例

清澈調子使頁面非常和(hé)諧，即使是不同色相形同色調的(de)配色能讓頁面保持較高(gāo)的(de)協調度。藍色另頁面産生安靜冰冷(lěng)的(de)氣氛，茶色讓我們想起大(dà)地泥土的(de)厚實，給頁面增加了(le)穩定踏實感覺，同時(shí)暖和(hé)藍色的(de)冰冷(lěng)。

觀點：互補的(de)色相搭配在一起，通(tōng)過統一色調的(de)手法，可(kě)以緩和(hé)色彩之間的(de)對(duì)比效果。

2 陰暗色調

概念應用(yòng)的(de)案例

陰暗的(de)色調渲染場(chǎng)景氛圍，通(tōng)過不同色相的(de)色彩變化(huà)豐富信息分(fēn)類，降低色彩飽和(hé)度使各色塊協調并融入場(chǎng)景，白色和(hé)明(míng)亮的(de)青綠(lǜ)色作爲信息載體呈現。

觀點：多(duō)色彩經過統一色調處理(lǐ)，區(qū)域間非常協調，也(yě)不影(yǐng)響整體頁面陰暗氣氛表現。

3 明(míng)亮色調

Kids plus的(de)案例

明(míng)亮的(de)顔色活潑清晰，熱(rè)鬧的(de)氣氛和(hé)醒目的(de)卡通(tōng)形像叙述著(zhe)一場(chǎng)慶典，但鋪滿高(gāo)純度的(de)色彩，過于刺激，不适宜長(cháng)時(shí)間遊覽。

觀點：飽和(hé)度與純度特性明(míng)顯的(de)搭配，在達到視覺沖擊力的(de)同時(shí)，可(kě)适當采用(yòng)對(duì)比色或降低明(míng)度等方法調和(hé)視覺表現。

4 深暗色調

LEES FERRY的(de)案例

頁面以深暗偏灰色調爲主，不同的(de)色彩搭配，像在叙述著(zhe)不同的(de)故事，白色文字的(de)排版，整個(gè)頁面顯得(de)厚重精緻，小區(qū)域微漸變增加版面質感。

觀點：以低暗色調構成整體畫(huà)面氛圍，小面積明(míng)亮部分(fēn)不會影(yǐng)響整體感覺。

5 雅白色調

Very的(de)案例

柔和(hé)的(de)調子使頁面顯得(de)明(míng)快(kuài)溫暖，就算(suàn)色彩很多(duō)也(yě)不會造成視覺負重。頁面的(de)同色調搭配，顔色作爲不同模塊的(de)信息分(fēn)類，不搶主體的(de)重點，還(hái)能襯托不同類型載體的(de)内容信息。

觀點：同色調不同色彩的(de)模塊，就算(suàn)承載著(zhe)不同的(de)信息内容也(yě)能表現很和(hé)諧。

二、同色調配色

這(zhè)是由同一或類似色調中的(de)色相變化(huà)構成的(de)配色類型，與主導色調配色中的(de)屬于同類技法。區(qū)别在于色調分(fēn)布平均，沒有過深或過淺的(de)模塊，色調範圍更爲嚴格。

Tumblr的(de)案例

在實際的(de)設計運用(yòng)中，常會用(yòng)些更綜合的(de)手法，例如整體有主導色調，小範圍布局會采用(yòng)同色調搭配。拿tumblr的(de)發布模塊來(lái)說，雖然頁面有自己的(de)主色調，但小模塊使用(yòng)同色調不同色彩的(de)功能按鈕，結合色相變化(huà)和(hé)圖形表達不同的(de)功能點，衆多(duō)的(de)按鈕放在一起，由于同色調原因模塊非常穩定統一。

觀點：綜合運用(yòng)的(de)情況，整體界面是有主導色調，在布局例如重點圖标等是同色調配色靈活運用(yòng)。

三、同色深淺搭配

這(zhè)是由同一色相的(de)色調差構成的(de)配色類型，屬于單一色彩配色的(de)一種。 與主導色調配色中的(de)同色系配色屬于同類技法。從理(lǐ)論上來(lái)講，在同一色相下(xià)的(de)色調不存在色相差異，而是通(tōng)過不同的(de)色調階層搭配形成，可(kě)以理(lǐ)解爲色調配色的(de)一種。

Genrecolours的(de)案例

拿紫色界面來(lái)說，利用(yòng)同一色相通(tōng)過色調深淺對(duì)比，營造頁面空間層次。雖然色彩深淺搭配合理(lǐ)，但有些難以區(qū)分(fēn)主次，由于是同一色相搭配，顔色的(de)特性決定著(zhe)心理(lǐ)感受。

觀點：同色深淺配色有著(zhe)極高(gāo)的(de)統一性，但有點枯燥。
 

武漢做(zuò)網站   武漢網站建設    武漢網站制作      小程序開發      武漢網絡公司    武漢網站開發    武漢建網站