【2017.3.7】UI設計中的顏色運用

顏色與其它東西一樣,適量才會運用得當。如果在你的配色計劃中堅持使用馬克斯三原色的話,你會得到更好的配色結果。為一個項目配色時,在眾多顏色中尋找平衡需要做很多工作,越想達到平衡越復雜.

<b><big>顏色并不能提升你設計的質量---但它可以強化你的設計質量</big></b>

如果你想獲得調色板之外更高一級的顏色,那么你可以使用色調和飽和度,它們可以給你提供不同的風格。

<h1>60-30-10法則</h1>
這個配色秘訣是一個省時的技巧,可以幫助你把顏色更好地組織起來。60%+30%+10%的比例可以讓你的配色達到平衡。這個公式的秘訣在于它能營造出平衡的感覺,讓眼睛很舒服地從一個視覺焦點移動到另一個視覺焦點,并且這個公式用起來很簡單。

<b><big>60%是你的主色調,30%的二次色,10%是你的強調色</big></b>

墻漆、 家具、飾品

<h1>顏色的意義</h1>

科學家們幾個世紀以來對顏色的物理效應進行研究。除了美學以外,顏色還是情緒和聯想的創造者。顏色所表達的意義取決于不同的環境和文化。這就是為什么你會看黑白時尚商店,因為它們也希望被優雅而高尚地展現出來。

紅色:激情、愛、危險
藍色:寧靜、負責、安全
黑色:神秘、優雅、邪惡
白色:純潔、沉默、清潔
綠色:嶄新、新鮮、自然

顏色文化

<h1>灰度第一</h1>

我們喜歡在做設計時,第一件事情就是玩顏色和色調,當你感覺到你經花了3個小時在調整原色和配色時,你發現這種行為其實是背叛你的。它實在是有吸引力但是你需要避免這種態度。

也不要讓你自己的注意力集中在間距和元素布局上,從而節省大量時間,這樣約束自己產生的效率是非常高的。另一方面,也沒必要一直看到讓自己煩燥的地步。如果你想讓它好看一此,可以多嘗試幾種風格。

<h1>遠離純灰度和黑色</h1>

我曾學到一個重要的配色技巧是,避免使用不飽合的灰色。在現實生活當中,不存在純灰,純黑也一樣。

這張圖上最黑的顏色,不是#000,而是#0A0A10

記住要在顏色上增加飽合度。這樣,潛意識里會看起來更自然讓用戶更舒服。


](http://upload-images.jianshu.io/upload_images/943788-32f613629667711a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

<h1>相信大自然</h1>

最好的配色來自大自然。他們看起來總是很舒適。觀察環境來獲取配色靈感的最大優勢是大自然的調色板是一直變化的。

我們只要看看周圍就可以獲得配色靈感了。

<h1>保持對比</h1>
有一些顏色搭配在一起很和諧,可是和別的顏色搭在一起就會起沖突。觀察色輪可以明顯地發現顏色之間是怎樣相互影響的。你應該掌握這種方法,但這也不是必須的。


<h1>獲得靈感</h1>
眾所周知追波是UI設計找參考最好的網站。追波提供一種根據顏色查找的工具,當你想根據視覺搜索,看一下其它設計師是怎樣運用流行色的時候,可以來這里查看:dribbble.com/colors.

從很多靈感來源,像視頻、平面設計、室內設計、時尚設計等。不要僅僅局限說當前的調色板,你可以隨時保存下那些看起來不錯的顏色。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容