UI設(shè)計師必須懂的色彩搭配法則舟舒!

顏色可以表達一切拉庶,最好的用色技巧是節(jié)制。如果你最大限度的遵從三原色秃励,那么結(jié)果一定不會差氏仗。色彩的運用搭配一定要在平衡上多下功夫,運用的顏色越多夺鲜,越難達到平衡皆尔。

顏色在設(shè)計中的作用相當于錦上添花。

如果你需要色盤以外的顏色谣旁,或者加陰影和色澤床佳,都會給作品添加不同的色調(diào)。

榄审、60-30-10原則

這個其實是一個永恒裝修設(shè)計原則砌们,但是卻能幫你更加容易的生成顏色系統(tǒng)。60%+30%+10%的百分比分配可以保持色彩平衡搁进。這個公式很有效浪感,因為它能營造出一種平衡感,幫助眼睛從一個焦點平緩的移動到另一個焦點饼问。同時影兽,這個也是十分簡單易用的公式。

主色相占60%莱革,次要顏色占30%峻堰,裝飾色占10%。


二盅视、顏色的含義

近幾個世紀捐名,科學(xué)家都在研究某些顏色帶給人的心理影響。除了美學(xué)上闹击,顏色也是情緒和關(guān)系的創(chuàng)造者镶蹋。但是顏色的含義會因風(fēng)俗習(xí)慣和環(huán)境的變化而變化。這就是為什么你看到很多時尚的電商會用黑色和白色。他們想表現(xiàn)優(yōu)雅和令人贊嘆的贺归。

紅色:熱情淆两、愛和危險

藍色:冷靜、理智和安全

黑色:神秘拂酣、優(yōu)雅和邪惡

白色:純潔秋冰、安靜和干凈

綠色:新鮮、新生和自然

帶有情感傾向性配色

上面是不同地區(qū)對顏色的不同理解:

三婶熬、統(tǒng)一灰度值

我們喜歡在設(shè)計初期糾結(jié)于顏色和色調(diào)丹莲,然而當你發(fā)現(xiàn)你花了3個小時在確定基礎(chǔ)色的時候,很快就會讓你意識到這樣的行為多么愚蠢尸诽。雖然很容易陷入這樣的情緒,但是你要學(xué)會克服這樣的情緒盯另。

相比于聚焦在間隔和元素布局上性含,通過調(diào)節(jié)顏色會幫你節(jié)省很多時間。這種限制是很高產(chǎn)的鸳惯,不要覺得無聊商蕴,通過調(diào)整色調(diào),你就能讓作品看起來好很多芝发。

下面是一個你可能在dribbble上看過的作品绪商,通過單色和聚焦的元素讓整更作品看起干凈整潔。


四辅鲸、遠離純黑和純灰

你可能聽說過這個顏色使用小技巧不要使用沒有飽和度的灰色格郁。在現(xiàn)實世界中純灰色幾乎不存在。同樣独悴,純黑色也不存在例书。


記住,給你的顏色多加一些飽和度刻炒。潛意識里用戶看這樣的顏色更自然更熟悉决采。


五、相信自然

最棒的顏色搭配來源于自然界坟奥。這些組合看上去十分自然树瞭,所以最好解決設(shè)計問題的方案是環(huán)顧四周替換色盤。

環(huán)顧四周就會獲得靈感爱谁。

保持對比

有些顏色跟其他搭配效果很好晒喷,但是有些會很沖突。顏色最終是否能很和諧可以從色相環(huán)里觀察出來管行。你應(yīng)該知道這個方法厨埋,但是沒必要手動做。


六、獲得靈感

這里推薦一個設(shè)計師網(wǎng)站荡陷,它是國外最大的設(shè)計師交流分享網(wǎng)站雨效。https://dribbble.com/? ?(更多設(shè)計知識分享教程歡迎訂閱:ibooklet,每天持續(xù)更新中废赞。)

視頻徽龟、印刷品設(shè)計、平面設(shè)計以及時尚唉地,都有很多可以獲得靈感的地方据悔。所以,很簡單憋死盯著色盤耘沼,遇到看起來有趣的配色就存起來极颓。


七、利用工具

讓事情變得簡單群嗤,我在例舉一些可以用于色板選擇的工具菠隆。他們會幫你省很多時間。

Coolors.co

事實上狂秘,我最喜愛的顏色選取器骇径。你可以簡單的鎖定選取顏色和點擊空白處生成色盤。Coolors.co里你也可以從上傳一張圖片者春,在圖片里生成色盤破衔。最酷的地方是你不會被限定在一個方案,相反還有個讓你選擇顏色的吸色器钱烟。



Kuler

Adobe爸爸提供的一色配色工具晰筛。在瀏覽器里可以使用,也可以在桌面端使用拴袭。如果你使用桌面端你能將顏色參考導(dǎo)入Photoshop传惠。


Paletton

跟Kuler相似,不同點是Paletton不僅限于5種色調(diào)稻扬。當你具有確定的基礎(chǔ)色想找些附加色的時候卦方,這個工具的好用之處就能體現(xiàn)出來了。


Designspiration.net

想象下對你的色盤有想法泰佳,但是你想看下混合后的效果盼砍。

Designispiration是個非常好用的工具。你可以吸取5個顏色逝她,搜索滿足你需求的圖片浇坐。不僅僅是吸取圖片里的顏色,同時也能將他們用到設(shè)計里黔宛。

Shutterstock Lab Spectrum

你或許會問近刘,我怎么根據(jù)我所選的顏色來搜索圖片呢?Shutterstock Lab Spectrum是一個根據(jù)制定色調(diào)選擇圖片的工具。你不用訂閱觉渴,因為帶有水印的圖片足夠生成色盤啦(更多設(shè)計知識分享教程歡迎訂閱:ibooklet介劫,每天持續(xù)更新中。)


Tineye Multicolr

如果你想要搜索圖片里的混合色案淋,甚至辨別這些顏色中的每一顏色座韵,Tineye Multicolr是一個能夠幫助你實現(xiàn)這個夢想的人。這個網(wǎng)站收集啦1000萬在Flickr的評價踢京。

八誉碴、總結(jié)?

顏色是一個很不容易掌握的概念,尤其是在數(shù)字時代瓣距。以上的建議只能幫助你找到工作中需要的顏色黔帕。最好的顏色搭配方案是結(jié)合設(shè)計產(chǎn)品的定位要求,還有平時多去看一些優(yōu)秀的配色作品蹈丸,相信看得多自然就可以掌握到配色當中的奧秘蹬屹。

最后,還有一個好消息告訴大家白华,咱們《UI設(shè)計全能就業(yè)班》將在近期開新一期班,如果你想讓自己在UI設(shè)計領(lǐng)域快速提升贩耐,或者想轉(zhuǎn)行從事UI行業(yè)弧腥,那么就不要錯過這次機會哦,本次開班是從零基礎(chǔ)教起潮太,適合沒有任何設(shè)計基礎(chǔ)的同學(xué)管搪。投資學(xué)習(xí)的付出,獲得的回報永遠是最高铡买!→【全新UI設(shè)計全能就業(yè)班

點擊圖片了解UI設(shè)計全能就業(yè)班
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末更鲁,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子奇钞,更是在濱河造成了極大的恐慌澡为,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件景埃,死亡現(xiàn)場離奇詭異媒至,居然都是意外死亡,警方通過查閱死者的電腦和手機谷徙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門拒啰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人完慧,你說我怎么就攤上這事谋旦。” “怎么了?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵册着,是天一觀的道長拴孤。 經(jīng)常有香客問我,道長指蚜,這世上最難降的妖魔是什么乞巧? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮摊鸡,結(jié)果婚禮上绽媒,老公的妹妹穿的比我還像新娘。我一直安慰自己免猾,他們只是感情好是辕,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著猎提,像睡著了一般获三。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上锨苏,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天疙教,我揣著相機與錄音,去河邊找鬼伞租。 笑死贞谓,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的葵诈。 我是一名探鬼主播裸弦,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼作喘!你這毒婦竟也來了理疙?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤泞坦,失蹤者是張志新(化名)和其女友劉穎窖贤,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體贰锁,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡主之,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了李根。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片槽奕。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖房轿,靈堂內(nèi)的尸體忽然破棺而出粤攒,到底是詐尸還是另有隱情所森,我是刑警寧澤,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布夯接,位于F島的核電站焕济,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏盔几。R本人自食惡果不足惜晴弃,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望逊拍。 院中可真熱鬧上鞠,春花似錦、人聲如沸芯丧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽缨恒。三九已至谴咸,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間骗露,已是汗流浹背岭佳。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留萧锉,地道東北人珊随。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像驹暑,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子辨赐,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內(nèi)容