旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 熱門(mén)文章 > UI設(shè)計(jì) > 如何在UI設(shè)計(jì)中使用類(lèi)似顏色

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

時(shí)間:2020-11-23來(lái)源:5wd995.cn點(diǎn)擊量:作者:Arya
時(shí)間:2020-11-23點(diǎn)擊量:作者:Arya

  AAA教育武老師出門(mén)在外時(shí),請(qǐng)注意一下令人眼花繚亂的顏色:請(qǐng)注意日出是如何繪制紅色,橘紅色和橙色的天空陰影。或觀看孔雀在其動(dòng)物園中vibrant動(dòng)的藍(lán)綠色羽毛。對(duì)多肉植物進(jìn)行研究,注意其對(duì)藍(lán)色,藍(lán)綠色和綠色色調(diào)的出色使用。
 

  有沒(méi)有想過(guò)為什么這些顏色分組看起來(lái)如此和諧?這些景象都是類(lèi)似顏色方案的自然現(xiàn)象,或者是在色輪上彼此相鄰的顏色的方案。因?yàn)樗鼈兲貏e引人注目(且易于拿出),所以設(shè)計(jì)師經(jīng)常從這些色彩方案中汲取靈感來(lái)進(jìn)行產(chǎn)品設(shè)計(jì)。
 

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

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

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

  采用類(lèi)似配色方案的SmartHome UI套件一個(gè)nalogous顏色的例子
 

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

  以下是一些類(lèi)似配色方案的示例
 

  黃色,黃綠色,綠色
 

  紫,紅紫和紅
 

  紅色,橘紅色,橙色
 

  藍(lán)色,藍(lán)紫色,紫色
 

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

  Dropbox使用大膽的顏色,感覺(jué)它們不應(yīng)該一起工作,但可以!一個(gè)nalogous顏色調(diào)色板
 

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

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

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

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

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

  單色色
 

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

  類(lèi)似顏色的考慮
 

  在決定類(lèi)似的配色方案時(shí),考慮可訪問(wèn)性總是很重要的。例如,某些 類(lèi)似的調(diào)色板可能不屬于色盲或色覺(jué)不足(CVD)的調(diào)色板。
 

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

預(yù)約申請(qǐng)免費(fèi)試聽(tīng)課

填寫(xiě)下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢(qián)不夠?可先就業(yè)掙錢(qián)后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2022/ 5wd995.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號(hào)

網(wǎng)站地圖