
顏色就像其他所有東西一樣,最好是適度的去使用它。如果你在配色方案中堅持使用最多三種原色,你將會獲得更好的效果。在設計項目中應用顏色與平衡有很大關系,使用的顏色越多,實現(xiàn)平衡越復雜。
顏色不會很好的提高設計的質量,但它卻可以強化它
——Pierre Bonnard
如果你需要使用調色板定義顏色中以外的其他顏色,請利用陰影和色調來調整。他們將提供不同設計風格。
60%-30%-10%規(guī)則
這種室內設計規(guī)則是一個固定的裝飾技術,可以幫助你輕松地將配色方案融入在一起。60%+ 30%+ 10%的比例是為了平衡顏色。這個公式的作用是創(chuàng)造了一種平衡感,并使得眼睛可以很舒適地從一個焦點移動到另一個焦點。它的使用也非常簡單。
60%是主色調,30%是次色,10%是重音色調。

色彩的含義
科學家已經研究了幾個世紀某些顏色的生理影響。除了美學,色彩是情感和聯(lián)想的創(chuàng)造者。顏色的含義可以根據(jù)文化和情況而有所不同。這就是為什么你會看到黑白時裝網頁,因為他們想要看起來優(yōu)雅和崇高。

Asos是純黑色和白色的綠色CTA。
這是有原因的。
紅色:激情,愛,危險
藍色:平靜,負責,安全
黑色:神秘,優(yōu)雅,邪惡
白色:純度,沉默,清潔
綠色:新鮮,新鮮,自然
如果你想要更多的檢查這個列表請點擊 -?色彩文化。
首先是灰度
我們喜歡在設計的早期階段使用顏色和色調,但當你意識到你花了3個小時調整基礎原色時,這種行為會背叛你。這真的很誘人,但你應該學會避免這種態(tài)度。
相反強迫自己專注于間隔和布局元素,它會為你節(jié)省很多時間。這種約束非常有效。另一方面,它不需要看起來很無聊。嘗試不同的色調,如果你想讓它看起來很好。

簡單的單色顏色和重點元素。
遠離純灰色和黑色
我學到的最重要的顏色技巧之一是避免使用沒有飽和度的灰色。在現(xiàn)實生活中,純灰色幾乎不存在。黑人也一樣。

這張圖片上最深的顏色不是#000,而是#0A0A10
請記住為你的顏色里添加一點飽和度,潛意識里,它會看起來更自然,更貼近用戶。

相信自然

最好的色彩組合來自大自然。他們看起來很自然。
為了獲得啟發(fā),我們只需要環(huán)顧四周
保持對比
一些顏色相互配合,而其他顏色會發(fā)生沖突。他們將如何進行相互作用,這些是可以在色輪上觀察到最佳規(guī)則的。你應該知道這種方法,但沒有必要手動操作。

如果您想了解更多關于色彩理論的知識,請查看本文 -?設計師色彩理論:創(chuàng)建您自己的調色板
得到啟發(fā)
當我們談論UI參考時,dribbble是最好的地方。它也有按顏色搜索的工具,所以當你想對其他設計師如何使用特定顏色進行視覺研究時,請到這里dribbble.com/colors

視頻,印刷設計,室內設計,時尚...有許多激動人心的地方可以收集。不要對這些調色板保持惰性,保存看起來很有趣的所有東西。

我經常喜歡從KPOP videoclips竊取顏色。他們非常漂亮。
工具
為了使事情更容易,我選擇了一些最佳的工具來選擇2018年可用的調色板。它們將為您節(jié)省大量時間。

Coolors.co
絕對是我最喜歡的顏色選擇工具。您只需鎖定選定的顏色并按空格即可生成調色板。Coolors還為您提供上傳圖像并從中制作調色板的功能。最酷的事,你不僅限于一個結果,而是一個選擇器,并允許你修改參考點。
Kuler
Adobe提供的這個工具已經和我們在一起很久了。它可以在瀏覽器和pc版本中使用。如果您使用pc版本,則可以將配色方案導出到Photoshop中。

Paletton
它與Kuler相似,但區(qū)別在于,您不僅限于5種音調。當你有主要顏色并想用額外的色調時,這是一款出色的工具。

Designspiration.net
想象一下,你有你的調色板的想法,但你想看到這種混合的例子。Designispiration是一個很好的工具。您可以選擇最多5種顏色并搜索與您的查詢匹配的圖像。真的很好,不僅用于查找具有特定調色板的圖像,而且還可以在設計中真正實現(xiàn)它們。
Shutterstock實驗室頻譜
你可能會問 - 如果我想用我選擇的顏色搜索照片怎么辦?那么,Shutterstock有一個名為Spectrum的工具,您可以通過特定的語氣搜索照片。您甚至不需要訂閱,因為小預覽圖足以生成調色板。

Tineye Multicolr
但是如果你想在照片中搜索色彩混合,甚至指定每一種色彩的數(shù)量,那么Tineye會幫助你。該網站使用Flickr提供的1000萬張Creative Commons圖像數(shù)據(jù)庫。
最后的想法
色彩是一個很難掌握的概念,尤其是在數(shù)字時代。上面提到的技巧將簡化查找正確顏色的工作。學習創(chuàng)造令人驚嘆的色彩方案的最佳方法是練習,所以自己動手,玩顏色。
原文鏈接:https://blog.prototypr.io/how-to-use-colors-in-ui-design-16406ec06753