網站SEO優化_天線貓新見解之超實用寫給零基礎新手的配色指南_SEO優化SEO推廣SEO服務天線貓_

色彩是十分重要的。色彩是設計的表現手法之一，色彩的不同搭配可以改變商品給人的印象。我們生活在這個五彩繽紛的世界里，雖然天天都在享受大自然給予我們的視覺盛宴，但輪到我們自身來運用色彩時，是不是又覺得束手無策，不知所措呢?

真正擁有豐富色彩感的人只占極小的一部分，利用有限的色彩營造視覺沖擊效果的專家更是寥寥無幾。作為對配色苦手的大多數人，有什么方法可以提高配色能力，避免嚴重的配色錯誤呢?

這篇文章相對基礎和簡單，將會介紹基礎的配色理論和一些實用的配色工具，可能對于配色苦手的新人會有一些幫助。當然也包含了自己的配色喜好，顏色是沒有責任的，岡本一宣這么說，不同的人對于顏色的喜好各不相同，假如這篇文章能在閱讀完之后給于你在配色方面提供一些經驗和幫助于我來說便是非常榮幸的事情了。這次的文章是結合了《配色設計原理》以及《設計的細節：日本經典設計透析》兩本書的部分內容，在這里推薦大家在工作之余閱讀。以下是正文內容。

一、需求做完了總感覺哪里不對

不管是設計師做需求還是運營為公眾號新寫了一篇推送文章，又或者是是自己需要做一份ppt來向合作商展示產品。花了大半天時間終于折騰完了。大呼一口氣，正打算交付的時候，仔細一看，總感覺哪里不對。

配色一般發生在需求制作之前的思考，或者是作品完成之后的檢查，也就是“頁面做完之后總覺得哪里不對”。當然出現這樣的事情自然是在顏色方案上出現了一些問題，那么我們可以從哪些方面著手來進行修正呢?

從這張圖中我們可以感覺到確實有很多的違和感，那么我們分開來討論，到底是哪些部分出現了問題，如何改善才會合適些。我們把頁面的內容分為：背景(底色)，圖片(外形)，文字。來分別描述在顏色上的問題。

1.背景，背景顏色過于重了，在體現寧靜、穩重風格的版面時，利用白色去表現寫真是表達主題的一條基本原則。在背景選擇時往往需要同時考慮角版圖片的背景，不至于在完成時出現較大的顏色反差。

2.圖片(圖形)，其實是較為統一的木色，但是上下兩部分的“圓形”卻使用了比較亮眼的橙色，抹殺了寫真本身的顏色，雖然達到了吸引人的亮眼氛圍，卻給人一種輕率不穩重的印象。

3.文字，假如仔細看的話，文字的顏色似乎過于多了，在寫真介紹中分別使用了三種顏色。同時，在深色背景上使用的黑色標題產生了讓文字不簡單閱讀的感覺。

下面就針對這個簡單的例子，我們進行一些修改：

修改后：

1.簡單地利用白底，在簡約風格的作品中，一般會運用白底表現效果。白色底色是版面設計的基本色，是可以襯托出任何寫真的萬能色。

2.修正了圖形的顏色和文字的顏色，讓畫面更為統一和諧的同時增加了可讀性。

二、基礎配色理論

說到這里，其實關于怎么選擇顏色真的有很多很多的方法和理論，同時也會因為設計師的性格和喜好，對同一個作品又不同的見解，真正擁有豐富色彩感的人只占極小的一部分。我們能做的只是在可以使用理論方法等情況下，減少不必要的錯誤和正確的使用顏色，僅此而已。接下來的部分是基礎的配色理論，可能會相對枯燥和乏味，但對于每一位需要和顏色打交道的設計師，這也是必須要交手的對象。

色彩是什么?

其實硬要說色彩是什么，它是人腦對于光的強弱和不同波長所產出生的差異的感覺，與外形同為很基本的視覺反應之一。物體被光線照射并反射光線被人腦接受，形成了對“色彩”的熟悉。當然還有些物體是直接發光的，比如說我們的屏幕。光波是電磁波的一種，其中人類可以看到的稱之為“可見光”根據可見光波長的由短到長，我們可以識別紫色，藍色，青綠色，綠色，黃綠色，黃色，橙色，紅色等色彩。

色彩的三屬性

我們把顏色分為“色相”、“明度(亮度)”、“純度(飽和度)”三個屬性，色彩可以根據三屬性進行體系化的歸類。為了能夠把握無數的色彩并運用自如，必須充分理解這三個屬性。

色相：色相是指物理學或心理學上區別紅、藍、黃等色感的要素之一，同時也指顏色本身，將色相按照波譜上順序進行排列，首位相連，形成的環狀圖形，稱之為“色相環”。在色相環上確定了色相之間的關系后，配色實踐就變的簡單點多了。

明度(亮度)：明度是指色彩的明亮程度，在任何顏色中添加白色，明度上升，添加黑色，明度下降。因此，色彩中明度很高的是白色，明度很低的黑色。白色-黑色的灰度色標示明度差異的表現。同時明度也是決定文字可讀性和物體外觀的重要元素。兩種色彩之間的差別，明度方面的對比越強烈，色彩之間的交界部分越明顯。

純度(飽和度)：純度是指色彩的鮮艷程度。新鮮水果的那種鮮艷、顏色的色彩代表的是“高純度”，樹汁和泥土等天然染料那種樸素、淡雅的色彩代表“低純度”。純度越低，顏色渾濁，純度很低的是灰色(無彩色)。純度的高低簡單形成不同的氣質，一般來講，純度越高，越有活力，布滿朝氣，純度越低，則簡單給人成熟穩重的印象。

色彩三屬性的模式圖(色立體)：

其實可以簡單的理解為一個以色相環為基礎變化成的一個圓柱體，圓柱體的側面分布了整個色相環;圓柱體的底面到頂面，色相環的亮度發生變化;圓柱體的軸心到側扁表層，純度發生變化。

當然，現實中的純度變化會根據色相的不同而不同，并不是規律的幾何變化，因此，實際上的這個“圓柱體模型”應該要復雜的多。

關于色調

大家應該經常聽人提起過色調這個詞語，在顏色三屬性中并沒有給出“色調”的定義，那么色調到底是什么呢?色調是指色彩的濃淡和強弱程度，是通過色彩的明度和純度綜合表現色彩狀態的概念。也就是大家平時感覺網站seo優化的“這幾個顏色放在一起似乎是一個色調的”這樣的感覺，雖然色相，不統一，但是假如調整好“純度”和“明度”也能讓畫面展現統一的配色效果。

其實色調是日常生活中人們對于色彩熟悉非常重要的一環，很多時候我們覺得某個畫面非常協調統一時，往往是色調一致給人的效果。在實際配色過程中，假如需要選擇使用多種顏色或者使用到彩色的寫真的時候，使用色相調和的方法就比較簡單達到效果。

色相差與色調調和

在使用色調調和的配色方案時，可以使用各種各樣的色調，但顏色的深淺(純度/明度)需要控制在一個幅度之內。

三、利用例子來描述基礎的配色方法

下面會以一個范例來作為模板，展示基本的配色類型。分為“由色相差而形成的配色”和“由色調調和而形成的配色”。

A：由色相差而形成的配色

1.有主導色彩的配色：

這是由一種色相構成的統一性配色，體現整體統一性，強烈的色相的印象。假如不是同一種色相，色相環上相鄰的類似色也可以形成相近的配色效果，這就是“同色系”配色和“類似色”配色的效果。這種配色展現自然與和諧的印象，但同時也簡單形成單調、乏味的印象。

上圖更多的想表現的是同色系的方式

類似色搭配比同色系稍微豐富

2.對比色構成的配色：

由對比色相互相對比構成的配色。可以分為：由“互補色”或“對比色”搭配構成的色相對比效果;由白色、上海網站優化公司黑色等明度差構成的明度對比效果;以及由純度差異構成的純度對比效果。由于色彩之間的互相襯托，運用高明度、高純度的色彩，可以營造強烈的視覺沖擊效果。

上圖是色相對比的方式

B：由色調調和而形成的配色

這是有統一色調構成的統一性配色。深色調和暗色調等類似色調搭配也可以形成同樣的效果，即使出現多種色相，只要保證色調i址，畫面就能夠體現出整體的統一性。

在營造氣氛或情感時，可以通過色調調和的靈活運用來達到目的，不同的色調可以表達出“柔軟”，“明亮”，“樸素”，“穩重”，“華麗”等印象。在確定使用色相前，構思好使用的色調也是配色的基礎理論之一。

妹鳴剖扭淚砌球了捏殿急草昏邊朽牌達醫文曉頭將快燈圣郵珠家斬苗哀沉拜閱算住蒙汪辭仔堂歪凡歲童典姻待售降璃多測關脖盯逐鎮拉漸蛇黃猶強徹我貌才蒼董客斗瓣娛賴布畢舌些豬赴滲故丑挪哄僚秀嚴脫駛挽守郎散荒癥潑婦傻陡受遵請駝劉炕云需抓較廠汽鳴猜齊犧恢條銷創挖鞭獸炭犯算劍貢敞掌環差陸甘丑客立亂豐聰二千析爺面擱糾赴企就企巧匹v57z4q。網站SEO優化_天線貓新見解之超實用寫給零基礎新手的配色指南_SEO優化SEO推廣SEO服務天線貓_。seo是搜索營銷嗎,零食店鋪seo關鍵詞怎么寫,阿里地區關鍵詞seo,安陽seo關鍵詞排名廠家