設計用色技巧
設計中顏色使用一些小技巧和方法,讓設計方案更加出色。
作為設計師,相信大家一定看過很多關于色彩的文章,學過很多相關的知識。但是這些內容有些是偏向理論知識方面的,在真正做設計的時候,并不是很實用。
今天來跟大家分享一下,我自己關于色彩使用技巧的一個總結。
1、如何快速調出幾個系列相同色相不同的顏色?
大家在設計APP界面的icon圖標時,可能需要同時設計幾個不同色相,但是又是一個系列的顏色,那么這種顏色怎么調呢?
在調顏色之前,要跟大家說一個顏色模式的選擇。我們平常經(jīng)常使用的顏色模式有:RGB、CMYK
今天要和大家分享的是另一個大家可能不太常用的HSB模式,H 代表色相、S 代表飽和度、B 代表明度。
想要調出同系列的不同顏色,可以把這幾個顏色的S、B數(shù)值調成一樣的。實例見下圖:
2、如何調出干凈的顏色?
顏色使用其實是有“顏色禁區(qū)”的,這里的禁區(qū)不是說不能使用的顏色,而是不建議選擇的顏色。
常見的顏色禁區(qū)有三種:三角形禁區(qū)、矩形禁區(qū)、扇形禁區(qū)

大家應該會發(fā)現(xiàn),這三個區(qū)域內的顏色,明度、色相、飽和度都不高,所以,在做設計的時候不建議選擇這三個區(qū)域內的顏色。實例見下圖:
(下方第一張是禁區(qū)內的顏色,第二張不是禁區(qū)的顏色)


3、如何調出有層次感的顏色?
要通過顏色來突出設計的層次感,可以用近實遠虛的原理來調顏色。背景色的色相、飽和度要低一些;裝飾元素的飽和度可以相對高一些,但是大小不建議很大;重點突出的內容的可以用飽和度高、明度高的顏色。
4、如何調好漸變色
漸變基本可以分為:同色相漸變、相鄰色相漸變、互補色漸變。
同色相漸變適合icon圖標背景色、產(chǎn)品背景色;相鄰色漸變適合UI界面背景色;互補色漸變適合用于設計感很強的設計。
5、如何做好設計稿中的顏色搭配
一方面,畫面中的顏色要互相有所關聯(lián),種類不要很多。背景色與主體物的顏色是呼應的。
另一方面,做設計前要先確定主色調,主色調在畫面中占的面積可以是最大的,這樣可以保證不出大錯。
這些就是我最近總結的關于色彩使用的一些技巧,歡迎大家評論,共同探討。
聲明:部分圖片來源于網(wǎng)絡






































