色彩在設(shè)計中的運用

在色彩應(yīng)用中,每個人對于色彩的感覺都有所不同,在過往我?guī)н^的設(shè)計師中的經(jīng)驗來看,一個剛?cè)胄幸荒陜赡甑模退忝涝寒厴I(yè)的,在運用項目設(shè)計中同樣對于色彩的搭配不到位,甚至色彩搭配的不是很合理、效果看上去很弱。這并不是因為審美有問題,我覺得最大的問題就是設(shè)計顏色儲備太少,也就是所謂的經(jīng)驗值。雖然在學(xué)生時代學(xué)習(xí)的色彩、水粉、油畫的確能培養(yǎng)色彩能力,但是在設(shè)計中的一些色彩規(guī)則、色彩項目中的記憶偏少導(dǎo)致在做設(shè)計的時候色彩把控的能力就偏弱,設(shè)計不等同于藝術(shù)、但設(shè)計一定來源于生活,色彩也同樣來源于自然。只有能體會才能更好的運用。通過大量的看好的作品中的配色,才能在自己設(shè)計的時候大腦很快的調(diào)取之前所存儲的色彩搭配。運用到自己的設(shè)計中。甚者沒有學(xué)過美術(shù)、沒有美術(shù)基礎(chǔ)在設(shè)計崗位的小伙伴,那么對于色彩一些相關(guān)知識偏少,也會導(dǎo)致在設(shè)計的時候不知所措,那么接下來就是我要說的一個話題你所了解的色彩 

1.你所了解的色彩

提到色彩,就會提到主色調(diào)、輔色調(diào)、這兩者在設(shè)計中經(jīng)常的存在,主色調(diào)不難理解在整個畫面中色彩占用最多的顏色可以確定為主色調(diào),作為輔色調(diào)也是在整個畫面所點綴對比的一個顏色,為了講解順叔又做了一張設(shè)計圖,如下見圖講解

色彩在設(shè)計中的運用

主色調(diào)和輔色調(diào)的關(guān)系就好比一個電影劇中一定是有主角和配角,主角的戲份就多一些,配角只是作為整個劇中的點綴輔助而已,這樣理解是不是就形象了不少,所以在做設(shè)計的時候一定要有趣的理解問題。只有有趣的理解問題才能把設(shè)計做到極致,因為你所理解的悟到的都會融入到設(shè)計中,以至于助力設(shè)計的產(chǎn)出。一般主色調(diào)在設(shè)計中比較霸道,主色調(diào)確認(rèn)之后整個的風(fēng)格起到主導(dǎo)的作用。所以在做設(shè)計的同時主色調(diào)很重要,一定要確定之后在進(jìn)行設(shè)計。

色彩在設(shè)計中的運用

此圖來源于網(wǎng)絡(luò) 電影截圖 

2.你所了解的色彩分類

豐富的色彩中分兩大類一個是無彩色系,有色彩。

無色彩系:黑色、白色。

有色彩系:紅、橙、黃、綠、青、藍(lán)、紫等顏色。

色彩在設(shè)計中的運用

在大自然中看到這些顏色會表達(dá)出一些情緒,同樣在做設(shè)計的時候顏色也能抒發(fā)出一種情緒。在PC專題、移動端設(shè)計。平面設(shè)計中色彩搭配隨處可見,作為設(shè)計師來說每天都要跟色彩打交道,如果色彩都無法進(jìn)行很合理,很好的搭配那么怎么提升自己的能力體現(xiàn)價值,設(shè)計師從創(chuàng)意、文案抓住眼球、也要在色彩搭配抓住眼球。當(dāng)一個瀏覽者看到頁面能感嘆 這個頁面顏色太漂亮了,這就說明你成功了。所看到的的只是很直觀的一些色彩但在色彩中也有一些感受。 

色調(diào)在環(huán)境中也同樣分為冷色調(diào)、暖色調(diào)

冷色調(diào):青色、藍(lán)色、等給人一種堅毅、寒冷、平靜、理智、高端感受

色彩在設(shè)計中的運用

web 網(wǎng)頁、海報 來源于網(wǎng)絡(luò)

暖色調(diào):紅色、橙色、黃色等給人一種陽光、向上、溫暖、熱烈感受。

色彩在設(shè)計中的運用

web 網(wǎng)頁、海報 來源于網(wǎng)絡(luò) 

3.你所了解的色彩分類

在設(shè)計中色彩搭配、同樣要考慮到色彩對比、冷暖的對比等一些手法。色彩感情聯(lián)想中把一些色彩感受通過眼睛的傳達(dá)起到認(rèn)知作用,通過色彩聯(lián)想定義為了行業(yè)所適合的顏色,這些行業(yè)顏色在設(shè)計中起到參考幫助作用。

黑色系列

黑色是無色相無純度的,給人一種嚴(yán)肅、神秘、含蓄,高端、酷。黑色為無色彩系和白色是個很好的搭配,一直位于時尚的前沿,黑色顏色算是個百搭的顏色,跟哪個顏色搭配起來都很不錯,這兩年很流行黑金色、黑金搭配給人一種高端的樣式。流行與網(wǎng)頁、平面等視覺設(shè)計方面。用在行業(yè)設(shè)計中黑色一般都應(yīng)用在高端、科技、汽車、飾品、數(shù)碼中,來塑造高端的視覺。

色彩在設(shè)計中的運用

 

白色系列

白色同樣是無色彩系列的在設(shè)計中,白色顯得高端、簡約、干凈、跟很多顏色都可以搭配。

無論在網(wǎng)頁、平面、UI設(shè)計中可以作為背景,及點綴、用在行業(yè)設(shè)計中白色應(yīng)用的比較多,簡約,高端、汽車、飾品、化妝品等

色彩在設(shè)計中的運用

 

紅色系列

紅色具有很強的視覺沖擊力,流露出熱情、激情、喜慶、熱烈、積極。紅色和黑搭配體現(xiàn)出更明顯的視覺沖擊力,紅色和黃色、橙色搭配畫面飽滿富有激情,營造出溫暖的氛圍,產(chǎn)生親近,隨和的效果,紅色在設(shè)計中可應(yīng)用在新年、食品、婚慶、傳統(tǒng)喜慶色彩中。

色彩在設(shè)計中的運用

 

藍(lán)色系列

藍(lán)色在設(shè)計應(yīng)用中很多,隨處可見,在一些企業(yè)的VI顏色中也占很大的比例。藍(lán)色讓人聯(lián)想到海洋、天空,給人一種現(xiàn)代感、科技感、明朗清爽感覺。藍(lán)色可以和少量的紅色、黃色、橙色搭配可以更加的協(xié)調(diào)和朝氣增加畫面的愉悅氣氛。藍(lán)色和白色對比視覺很強烈、暗藍(lán)和黑色的搭配顯現(xiàn)出產(chǎn)品的科技感和互聯(lián)網(wǎng)感覺、選用藍(lán)色作為設(shè)計畫面的顏色應(yīng)用于科技、互聯(lián)網(wǎng)、旅游、教育、汽車、數(shù)碼、企業(yè)等。

色彩在設(shè)計中的運用

 

黃顏色系列

黃屬于一個暖色,給人輕快、溫暖、希望、快樂、活力的感覺,使人能聯(lián)想到,一望無垠的麥田、黃色的向日葵、溫暖的陽光、美麗的花。設(shè)計中,黃色和紫色搭配產(chǎn)生遐想和夢幻,黃色和橙色搭配具有溫暖的氛圍,黃色同樣適合于綠色、藍(lán)色色彩搭配。黃色和黑色搭配對比起來視覺沖擊力很強。黃色應(yīng)用在食品、美食、兒童多一些。

色彩在設(shè)計中的運用

 

綠色系列

綠色給人一種希望、春天、快樂、理想的感覺。在色彩中運用的也比較多,在顏色搭配中,綠色和黃色搭配給人鮮嫩的感覺,有食欲的感覺。藍(lán)色和綠色搭配表現(xiàn)清新、新鮮的感覺、清秀、豁達(dá)。綠色和橙色搭配給人一種活力感,現(xiàn)代感。在用色方案中可以用到:公益  醫(yī)療 食品  健康  環(huán)保 服務(wù)業(yè) 衛(wèi)生保健業(yè) 機械等。

色彩在設(shè)計中的運用

 

紫色系列

紫色在顏色運用中聯(lián)想到最多的是女性化特征,和女性有關(guān)商品、包裝、美容、促銷頁面運用的比較多。

色彩在設(shè)計中的運用

 

漸變色系列

近兩年漸變色很流行,藍(lán)色到綠色的一種漸變、紅色到紫色的漸變、紫色到黃色的一種漸變、紫色到藍(lán)色的一種漸變等等。把這些漸變運用好的話會覺得眼前一亮,具有時尚感、提升畫面的格調(diào)。

色彩在設(shè)計中的運用

了解了這些顏色屬性在行業(yè)設(shè)計中的情感化設(shè)計是不是在之后做設(shè)計的時候色調(diào)定位的方向就有大致的理解。顏色屬性沒有完全的規(guī)定,主要還是根據(jù)大眾的審美,和大家對色彩的理解進(jìn)行搭配。以上色彩只是給予一些參考。更多還可以根據(jù)自身項目進(jìn)行色彩搭配。 

4.你所了解色彩三要素

要想在設(shè)計中弄明白如何搭配,就要明白色彩三要素都都包括什么,對于色彩基礎(chǔ)的認(rèn)知,更好的在之后設(shè)計中色彩的把控,合理的色彩搭配起到很重要的作用,色彩三要素既色調(diào)(色相)、飽和度(純度)和明度。在設(shè)計中都會運用得到。

色調(diào)(色相)不難理解就是常說的色彩,紅、黃、藍(lán)、綠等顏色,在色相中也分為冷暖顏色

色彩在設(shè)計中的運用

飽和度(純度)色彩中鮮艷程度正值越大色彩越鮮艷,畫面飽滿溫暖。負(fù)值越大飽和度越降低、畫面純度降低畫面感冷。

色彩在設(shè)計中的運用

明度色彩中明暗程度,在相同色彩中可最亮 可最暗。

色彩在設(shè)計中的運用

5.如何確定顏色開展設(shè)計

在做設(shè)計的時候往往會有糾結(jié)的設(shè)計師,整個畫面用什么顏色更好,前不久有一個設(shè)計師在微信問過我這樣的問題,一個互聯(lián)網(wǎng)金融周年慶用什么樣的顏色會更好一些,我給予他的建議是這樣的:

5.1.你們企業(yè)的VI系統(tǒng)是什么顏色,可以用VI系統(tǒng)的顏色進(jìn)行顏色拓展設(shè)計

5.2.你們老板或者需求方有沒有喜歡的顏色、這個是在前期溝通時候最重要的環(huán)節(jié),如果一個老板喜歡紅色,但你給設(shè)計一個綠色出來那么過稿的幾率一定很小。

5.3.如果需求方?jīng)]有特意指定的顏色那么就自己考慮顏色,行業(yè)中顏色可以嘗試的去找一個先進(jìn)行設(shè)計,很多時候就是這樣,需求人沒有想法,一旦你設(shè)計出來了想法馬上出來,那時候就知道他們具體想要什么顏色。只不過這樣的時間成本比較浪費。

5.4.學(xué)會搜索,所謂搜索就是關(guān)鍵字,比如這次互聯(lián)網(wǎng)金融、可以搜索一些關(guān)鍵詞。同行業(yè)、周年慶在設(shè)計時運用的顏色,可以進(jìn)行顏色提取組合設(shè)計

5.5.讓需求人找一個參考的,根據(jù)參考的進(jìn)行配色大致的方向,不然不明確一個一個的去猜,那一定會有時間成本浪費。

5.6.先選擇一個主色調(diào)、藍(lán)色、紅色、還是什么樣的顏色,然后根據(jù)一個色調(diào)找另一個輔色調(diào)、無非就是相同同色對比搭配、鄰色搭配、對比色搭配、互補搭配等一些技法

色彩在設(shè)計中的運用

 

6.如何提高設(shè)計色彩配色能力及配色小技巧 

透過色彩看設(shè)計,一般在使用上最好不要超過三種以上顏色,顏色過多顯得雜亂無章,顏色的搭配同樣要遵循對比的原則。一般說來,顏色從純度,明度,色相上進(jìn)行對比,明暗對比,深淺對比,冷暖對比等。顏色的對比很容易激發(fā)視覺上的沖擊。

如果覺得在色彩搭配上還有些困難,那么就要參考一下大自然帶來的一些顏色搭配,學(xué)習(xí)一下色彩的搭配。

6.1.如何提高設(shè)計師色彩配色能力,一定首選的就是多看,在引言中我也說過這個問題,多看記憶,把在看見過漂亮的配色、以及作品收藏起來或者在記住,在下一次自己

設(shè)計作品的時候進(jìn)行運用

6.2.有一個好的學(xué)習(xí)方法,網(wǎng)上很多配色工具可以很好的利用起來。根據(jù)配色工具搭配的顏色運用到自己的設(shè)計中,當(dāng)然了有的配色工具給予的顏色也不是自己想要的,

可以做為參考可以靈活的去運用。

6.3.運用純度變化、冷暖變化等進(jìn)行設(shè)計訓(xùn)練。掌握好運用色彩能力

6.4.了解熟悉色彩基礎(chǔ)原理,對于一些常用的顏色記憶,比如高端產(chǎn)品的運用什么顏色多一些、文藝的風(fēng)格運用什么樣的顏色、促銷運用什么樣的顏色等等

6.5.自己建立一個文件夾看到好的配色作品放到這個文件夾中,當(dāng)做項目的時候可以瀏覽一下 找到一個合適適合的配色方案進(jìn)行色彩提取,良好的工作習(xí)慣會讓你效率提升

6.6.初學(xué)者可以只用一個顏色、或者相鄰色系進(jìn)行配色、這樣顏色簡單好控制一些。也可以提高寫配色的能力。

6.7.有悟性,能琢磨,對色彩敏感度高,這樣更加有助于你更好的提升配色能力。

 以上的設(shè)計文章寫完了,希望能幫助到還在糾結(jié)。還不知道如何配色的設(shè)計師小伙伴們,如果此教程幫助到你可以給我一個贊,你的點贊是我的動力。

寫設(shè)計教程不易、而且寫良心設(shè)計教程更不容易、如有任何設(shè)計上的疑問可以加我。

 

原文地址:UI中國  作者:張增順

標(biāo)簽:色彩

隨機推薦