UI設計配色,不知道這些怎麼行?

大綱如下:

  • 用色要有理論支撐
  • 配色的數量慢慢加
  • 配色一定要和諧
  • 顏色可以不用那麼正

1.用色要有理論支撐

網上有很多人寫過關於配色的基礎理論,例如互補色呀、相鄰色呀、對比色等等,再比如紅色代表熱情、藍色代表科技、綠色代表健康等等,這些都是我們必須掌握的,如果不太不清楚,可以去百度一下!

我這裡想和大家強調的是,在我們每次用色之前,一定要想想為什麼要這麼用,你的理論依據是什麼?這是一個優秀設計師基本的思考習慣。

舉個簡單的例子,如果我們為一個品牌的視覺延展,品牌色是藍色:

當我們需要去給這個品牌色搭配色彩的時候,我們可以從很多方面入手,例如品牌調性、目標人群等等。

假設我們的目標人群是:時尚、前衛的年輕人。

那我們就可以大膽的使用對比色——紅色:

用對比色的視覺衝擊力來突出年輕、前衛的品牌調性,博得目標人群的喜愛。

舉這個簡答的例子就是告訴大家,理論還是要看一看,讓你的理論支撐你的執行,這樣你就可以有足夠的信心。

當然,至於配出來的顏色好不好看,那就是另外一個層面(執行力)的事了,我們後面再說!

2.配色數量慢慢加

上兩天群里的一個朋友發了一張臨摹的練習圖,我想寫配色的文章也是因為他的這張練習圖:

這裡,我再說下關於配色的問題,上個知識點,我已經強調過了理論的重要性,可以支撐我們的執行!

來,我們看看這個練習的原圖:

他的用色是非常有研究的,一共有三種主要色相,綠色、紅色、黃色,綠色與紅色是互補色,紅色與黃色是鄰近色,三種不同深淺的綠色使畫面變得豐富又不雜亂。

而我們看下練習稿:

這麼一個小小的插圖,竟然用了13種顏色,並且沒有任何規律,從這個練習可以看出這位朋友的整個思維都是亂的,並不知道到底該怎麼用色!

在這種情況下,千萬不要貪心,可以先從兩種主色開始搭配,例如,先用好鄰近色,紅色和黃色:

當真的能駕馭好之後,再來慢慢添加顏色的數量,例如加些點綴色——天空的藍色、地面的灰色:

千萬記住,練習配色不要急,先從少數量的顏色開始練起,慢慢增加!

3.配色一定要和諧

如何讓配色看著和諧?

我個人覺得有一個點很關鍵就是:飽和度、明度看起來要足夠相似,要低飽和就所有的顏色都用低飽和,例如上面建築的插圖使用的都是低飽和的顏色:

假設這時候我們把背景的紅換個高飽和度就會是下面這個樣子:

根本沒辦法看!

不過讓配色看著和諧,除了需要理論支撐以外,確實還是需要一定的色彩感覺,如果色感太差,那就多練吧(記住,顏色數量慢慢來哦),敏銳的色感也是可以慢慢培養的!

4.顏色可以不用那麼正

對於我們配色新手來說,剛開始顏色不敢用太多,配色種類比較單一,這時候還想出彩的話,我們就可以讓顏色不要那麼正(比如正紅、正藍),尤其是拉漸變的時候,舉個例子:

我們拉個藍色的漸變,如果色相都是一樣的,只是改變明度的變化,那就是左面這樣的,但如果你用兩種色相,讓淺色的藍不那麼正,而是加入一點點綠,效果看起來就會豐滿很多。

下圖是我利用這個配色技法製作的一個小作品:

像這樣兩種色相之間的漸變,是常用的配色技法,大家可以多多嘗試。

好了,今天就先分享這麼多了,希望能對你能有所啟發,不過再大的啟發,你不練,那也是沒用的,所以打開電腦,練起吧!

UI設計師在移動應用產品設計、遊戲軟體、多媒體製作、廣告設計、工業設計及醫療、軍事、科技、交通、通訊、商業流通領域都有廣闊的發展空間。這是它吸引人的一個主要原因。當然,UI設計師的薪資也比平面設計的普遍要高一些,更是吸引人加入這個隊伍的重要要素。說到這裡,有很多人可能有困惑:我沒有天賦,能學好UI設計么?

凡是看到討論UI設計天賦的,尤其是在初學者階段討論天賦的,我都忍不住聲明一下:

學習UI設計,其實與天賦沒有任何關係。

人們總喜歡給一些自己做不了的事情歸咎於「沒有天賦」,給別人輕鬆駕馭的事情定性為「天才」。

蓋因絕大部分人並不了解人類學習東西的心理學機制,所以把這些在常識中解釋不了的東西統統用所謂天賦來解釋。

如果僅僅是尬聊,那麼隨便用什麼理論都屬於笑談,大家開心就好。但如果是涉及到指導一個新人,那麼用天賦來歸類,毫無疑問是武斷且無理的。

你的問題在於沒有認真學習過UI設計,僅此而已。

和任何熱愛UI設計但沒有絲毫嘗試過的人一樣,大家都只不過是沒有經受過系統學習練罷了,和天賦沒有產生任何關聯。

從一個完全外行的新人通過自學嘗試的結果去判斷天賦,自己高高在上給別人的能力下評判,無知且沒禮貌。

不要再糾結這個問題,想學習UI設計,就要用心去學。

和你想開車、想打球一樣,不學不練,是永遠都不可能由不會到會的。

而這個過程不需要任何天賦,只看你學的方法對不對,花了多少時間。

最後,我再說說所謂的有天賦是怎麼回事。

這種人在我們周圍不鮮見,同樣是剛剛開始學一個東西,有的人就比你快比你好。

你覺得是有天賦?其實這是客觀的說法,這只不過是他從前積累過,而積累的這個過程要麼這個人沒意識到,要麼他有意瞞著你。

比如UI設計這件事,同樣是剛剛開始學UI,你旁邊的人一下子就比你好,你問他為啥,他說不知道,你覺得這就是天賦吧。

第一,想要學會一樣東西,不用以天賦作為能和不能的決定標準。

學會是非常低的標準,不要把自己不願意付出代價,掩飾成自己沒有天賦。

第二,解釋了一下所謂「天賦」在心理學上的成因,主要指在設計領域裡很多不可見的「宿慧」實則來自於後天的諸多生活積累,在恰當的時機,通過一定的設計行為產生綜合作用。

學數學需要天賦嗎?學語文需要天賦嗎?學英語物理歷史地理化學生物政治需要天賦嗎?

你僅僅只是要學會罷了,如果連學習這些基礎的東西都必須依賴天賦,那我們現在經歷的根本不是所謂教育,而是所謂靈修班吧。

所以,總結一點觀點,如果自學很難,就應該系統學習。不要因為什麼天賦就覺得自己找到了停下的借口。

很擔心自己學不會,學到一半學不下去,其實這些都是對自己不夠自信,給自己設陷了。

每一個人學習什麼東西,起初都是要從零基礎開始學起,但是學習方法不同,學出來的結果也就自然不同。

其實我不贊同的是以天賦作為借口不敢去嘗試,不肯付出努力;反對的是以天賦作為自己打擊和嫌棄別人的武器。

我覺得這句話說得很好,懶的設計師談天賦談靈感,成功的設計師談勤奮

假如你現在不是很了解互聯網UI這一個行業或者正在處於迷茫時期 ,或是有小夥伴想從事UI設計這個行業,想多掌握一門技術,

那麼可以加微1041879817,備註:UI設計

Cheryy平面設計:如何成為一名月薪過入萬的UI設計師!?

zhuanlan.zhihu.com圖標Cheryy平面設計:價值上萬的UI設計VIP課程免費開放試聽啦!?

zhuanlan.zhihu.com圖標
推薦閱讀:

TAG:用戶界面設計 | 設計 | UI設計入門 |