今天對一些配色技巧和方法做一個分享和總結,無論你有美術基礎/色彩基礎還是零基礎,都可以使用此方法創造出安全的配色方案。

所謂安全配色,就是遵循一些設計規範,色彩規範,適應於Web和其它方面的UI設計,在這些色彩的基礎上,只要能控制好比例,就可以大膽的配色,無需參考,無需臨摹,無需借鑑。一種感性的安全配色,一種符合標準的安全配色。

這次分享介入了一些自己學習過總結過的色彩理論,當然如果同學們能夠學習鞏固好自己的色彩理論,紮實好自己的美術功底,對玩轉色彩是非常有好處的哦。本文章由分享整理, 歡迎大家交流。

學習配色的3種方法

學習方法 1: 顏料塗鴉

買一點顏料,水彩,水粉,丙烯都可以,學習一點點色彩的基礎知識,然後使用各種顏料大膽的調色,你會發現,原來色彩與色彩之間很神奇,又那麼好玩。

何爲優秀?無需去考慮,跟着自己的喜好走,亂塗亂畫,使用顏料大膽調和。

學習方法 2:觀察生活

比如我們的木質桌子,它由那些相似的棕色組成?雜點,灰塵,晚上使用檯燈或者白天的自然光下,桌子的顏色的飽和度,明暗度會有什麼改變?

再如外面的大樹,不同的時間,它的陰影的長短,深淺,角度,有什麼不同,不同植物的綠色有什麼樣的差別?

多看看,多拍拍,你會有很多色彩的感覺。

學習方法 3:玩轉軟件

比如使用Photoshop CS以上的插件Adobe Kuler, CC2015版本是Adobe Color Themes. 觀察他們的色彩模式,色環角度,顏色位置,也能大幅度找到很多色彩感覺。

要零配色,不經過任何參考創造UI界面設計的安全配色方案,我們可以通過四個階段來訓練,來學習。

第一階段,色彩知識理解

熟悉一下基本的《常用的色彩常識》,快速熟悉。

你可以不去記憶概念,術語解釋,只需要看圖即可!

當然如果你學習精神可佳,自己去學習瞭解下術語概念啦。

(這一階段的圖片多出自互聯網,自己用過的一些配色軟件截圖,其它美術書籍,都是些比較常見的圖片,這裏我根據自己學習理解程度,根據自己的喜好做了一定的篩選整理)

如果要對色彩把控準確一些,多一些感覺,我們可以學習一些常用的色彩知識,當然一些不是怎麼用的瞭解一下,我這裏也不列出來,下面是我自己常用的一些色彩知識。

(至於很多色彩術語的準確,詳細的解釋,我就不重複寫出來啦,想了解的自己去百度百科或者買點美術書籍學習一下,這裏我主要是直觀的觀察色彩,使用感覺去了解基本的色彩原理):

1. 色環、色相、明度、對比色、冷暖色

直接看這種圖,大概你就懂這些色彩術語指什麼了

2. 三原色

三原色分爲兩種:

a)光源、顯示屏:紅綠藍(RGB),設計常用。

b)顏料、油漆桶、美術:紅黃藍。

3. 無色系

說簡單點,黑白灰,現實生活中,無色系色彩是相當多的。

4. 類比色,相似色

直接看圖,色環中的角度,一目瞭然。

5. 互補色,對比色

直接看圖,180度對角線即是。

6. 單色

某個色彩的『明度』變化即是。

7. 分裂補色(同時用補色及類比色的方法來確定的顏色關係)

稍微有點複雜的色彩關係,但是也蠻常用的:

8. 二次色(三位一體)

像不像個魔法陣,可以旋轉取色哦。

9. CMYK

CMY是3種印刷油墨名稱的首字母:青色Cyan、品紅色Magenta、黃色Yellow。而K取的是Black最後一個字母,之所以不取首字母,是爲了避免與藍色(Blue)混淆。

常用的印刷色,瞭解一下,做UI我就不怎麼考慮這個啦。

10. 色彩心理學

這個是我自己看了美國視覺設計教材後摘下的,也就是大家常說的色彩的內涵,色彩傳達的意義。

11. 偏色調整

當你使用顏料玩色彩的時候就比較常用啦,如果用Photoshop 去玩的話,那是可以反悔的。

偏黃:減黃

偏紅、品:加青(紅色的補色)、減品

偏紫:(多大量藍,少量紅)加黃,減品

偏綠:加品

未完待續。

歡迎大家交流。

相關文章