一分鐘學會的配色方法

小編從小就熱愛繪畫,可惜上學后就沒再堅持這個夢想,現在從事的這個行業,也算和美術沾上一點關係吧。今天給大家分享的是設計師很重要的一個技能——配色。今天分享的內容不是教科書般的專業和詳細,只是在我工作中積累的經驗,希望可以給大家帶來一點點收穫!

先說高級設計師養成應該有的好習慣:

一. 觀察

多觀察善於觀察是從事於視覺行業的人應該有的一個優點或者說習慣。觀察無處不在,比如觀察生活中遇到的高檔產品的包裝設計,觀察車的內飾,路人的著裝搭配,某些海報、網站的配色等等。多觀察這些我覺得可以潛移默化提高你的色彩敏感度,如果觀察到一些好的配色,可以借鑒到你的設計工作之中。

二. 色彩理論

不用太深研究這個,但其中非常基礎的冷暖色,補色,明度,飽和度等概念都要進行必要的理解。

Advertisements

三. 收集

遇到好的配色設計或藝術作品可以把電子稿保存下來,多學習優秀的配色示例是一種進步捷徑,設計一個圖形,你抄襲就是抄襲,即使是巧合,在外人眼中也難避抄襲之嫌,而配色則經常可以大膽借鑒而不易被批評「抄襲」。本人就喜歡每天上班的時候逛逛淘寶、京東、蘇寧,除了看首頁海報的配色,還有就是收集他們的排版方法和設計風格!

四. 所謂的「高級」

以我淺見,關於顏色「高級」,我感覺主要是忌「極」。所謂許多高級的配色很少用飽和度極高的顏色,即使要用,也必是很小面積的使用,過大面積的使用飽和度太高的顏色,就等於不給畫面其他地方的顏色留太多餘地,這樣的配色就很難處理,也很難高級起來。所以我建議大家在之後做設計的時候,盡量避免飽和度過高的顏色大面積出現。

Advertisements

下面幾個我在工作中可能會用到的取色技巧:

一. 根據現成圖片找配色靈感

有圖有真相,請看下圖,我隨便搜了一張意境的圖片,作為取色的來源。當然,你選擇的這張圖應該你覺得顏色搭配感覺還不錯的例子,而不是反面教材。

(1)馬賽克濾鏡取色

(1)儲存為web格式取色

選擇png-8,把顏色表儲存起來就可以,具體參數可以調節

講到這裡,取色的方法已經教完了,當然還有很多很多的軟體和網站可以取色

還有說一下初學者容易犯得一些錯誤,初學者可能在一張海報中添加了很多種顏色,很多顏色的明度也是不同,這在設計中是一大禁忌,特別是在現在扁平化很吃香的年代,複雜的色彩容易讓人找不到重點和覺得過於花哨,一般建議取三個顏色即可。而補充一點,黑白灰在配色中又是白搭不厭的一個例子,在你沒有好的想法的時候,你可以試試,雖然不會給你太多視覺衝擊力,但也中規中矩!

配色其實說到底就是在找顏色之間的關係,我這也有一種很簡單基礎的方法能給一個看似沒有太多關係的配色賦予一定的顏色關係。如下圖:

最左側一列是隨便選擇的一堆顏色,搭配起來感覺並不合適,可能其中的顏色兩兩來看是不錯,但從中選取三至四個顏色搭配出的結果就比較不好了。

最左側一列是隨便選擇的一堆顏色,搭配起來感覺並不合適,可能其中的顏色兩兩來看是不錯,但從中選取三至四個顏色搭配出的結果就比較不好了。

我通過一個橙色(#ff9000)的層對這個配色進行「濾色」處理(此處橙色只是一個溫暖青春的顏色傾向,濾色也只是一種影響底層的方式而已,在實際運用中可以多嘗試其他比如疊加,比如柔光,比如正片疊底等等等)。並給予它70%的透明度。

得出的新配色中的每一個顏色,都有一個相同的關係,那就是都曾經被(#ff9000)「濾色」處理過。這就是它們的共同點。

------------------

以上都是自己整理的一點心得,希望有幫助,語句措辭如有不準確請見諒。

希望各位留言給我這個第二次寫頭條的小編輯一些建議和評論,希望大家一起共同學習,共同進步!喜歡我的朋友也可以訂閱我的頭條號!感謝!

Advertisements

你可能會喜歡