如何在UI設(shè)計中使用類似顏色

　　AAA教育武老師出門在外時，請注意一下令人眼花繚亂的顏色：請注意日出是如何繪制紅色，橘紅色和橙色的天空陰影?；蛴^看孔雀在其動物園中vibrant動的藍綠色羽毛。對多肉植物進行研究，注意其對藍色，藍綠色和綠色色調(diào)的出色使用。
 

　　有沒有想過為什么這些顏色分組看起來如此和諧？這些景象都是類似顏色方案的自然現(xiàn)象，或者是在色輪上彼此相鄰的顏色的方案。因為它們特別引人注目(且易于拿出)，所以設(shè)計師經(jīng)常從這些色彩方案中汲取靈感來進行產(chǎn)品設(shè)計。
 

　　如何創(chuàng)建類似的配色方案
 

　　在車輪的任何一點上拾取任何顏色，并注意其直接相鄰的鄰居(在右側(cè)或左側(cè))。而且，您有：類似的配色方案。這就像從色輪中取出三到五個小的色相片一樣。選擇類似方案的一種方法是從原色(即紅色，黃色或藍色)開始，然后使用第二色和第三色作為重點。
 

　　采用類似配色方案的SmartHome UI套件一個nalogous顏色的例子
 

　　顏色相似意味著顏色分組具有相似性。這些顏色方案類型彼此之間有著密切的關(guān)系。
 

　　以下是一些類似配色方案的示例：
 

　　黃色，黃綠色，綠色
 

　　紫，紅紫和紅
 

　　紅色，橘紅色，橙色
 

　　藍色，藍紫色，紫色
 

　　類似的配色方案的一個著名例子是Dropbox最近的重新設(shè)計。他們的方案使用了粉色，紫色和藍色的陰影。
 

　　Dropbox使用大膽的顏色，感覺它們不應該一起工作，但可以!一個nalogous顏色調(diào)色板
 

　　在最傳統(tǒng)的意義上，類似的調(diào)色板是三種顏色。但是它最多可以增加四到五種顏色。設(shè)計人員可以依靠類似的調(diào)色板為設(shè)計提供溫度。具有四種顏色的暖色類似調(diào)色板將由紅色，紅橙色，橙色和黃橙色組成。涼爽的調(diào)色板將包括藍色，藍綠色，綠色和黃綠色。
 

　　類似調(diào)色板中的Velocity UI套件是否想查看類似的調(diào)色板在測試UI中的外觀?嘗試使用Muzli的顏色工具。
 

　　甲nalogous顏色在本領(lǐng)域
 

　　您不僅可以發(fā)現(xiàn)自然界中類似的配色方案，還可以發(fā)現(xiàn)著名藝術(shù)家的作品，這些藝術(shù)家轉(zhuǎn)向?qū)庫o的戶外環(huán)境作為靈感。UI設(shè)計漸變色也很流行。
 

　　例如，文森特·梵高(Vincent Van Gogh)在他的“花瓶中的鳶尾花”畫中使用了酷似的綠色，藍綠色，藍色和藍色紫色的配色方案。以色彩技巧而聞名，他的油畫《橄欖樹》(The Olive Trees)中也可以采用酷炫的類似配色方案。對于另一個類似顏色的案例研究，請看克勞德·莫奈(Claude Monet)的《睡蓮池塘》(The Water-Lily Pond)繪畫。
 

　　單色色
 

　　相似的配色方案使用彼此相似的顏色，因此外觀略顯單色。但是，單色方案依賴于具有不同陰影，色調(diào)和色彩的基色來創(chuàng)建視覺上具有凝聚力的外觀。設(shè)計人員在想要創(chuàng)建簡單，整潔的美學效果時經(jīng)常使用單色調(diào)色板，這也許是因為頁面上信息量很大，而更多的顏色會使頁面看起來很忙。
 

　　類似顏色的考慮
 

　　在決定類似的配色方案時，考慮可訪問性總是很重要的。例如，某些 類似的調(diào)色板可能不屬于色盲或色覺不足(CVD)的調(diào)色板。
 

　　UI色彩心理學，“不僅要依靠色彩來完成工作，” InVision的高級品牌設(shè)計師Luis Gonzalez說。“您可能會留下很大一部分用戶，但這并不是良好的用戶體驗。這篇文章的內(nèi)容你學到了嗎，更多資訊請持續(xù)關(guān)注AAA教育~