>
學(xué)校機(jī)構(gòu) >
交互時(shí)代UI實(shí)訓(xùn)基地 >
學(xué)習(xí)資訊>
利用色調(diào)與明度搞定UI設(shè)計(jì)中的色彩搭配
利用色調(diào)與明度搞定UI設(shè)計(jì)中的色彩搭配
91 2017-06-01
現(xiàn)在的互聯(lián)網(wǎng)十分發(fā)達(dá),我們能在上面找到無(wú)數(shù)自己需要的東西,例如優(yōu)秀的配色方案。但為一個(gè)UI設(shè)計(jì)找到合適的配色方案,依舊是一項(xiàng)巨大的挑戰(zhàn),因?yàn)槲覀儾荒苷粘荒軓闹姓业届`感,如果照抄的話,那還算什么設(shè)計(jì)師!就是這么任性!
而在交互時(shí)代的項(xiàng)目中,這項(xiàng)任務(wù)則更重要,有時(shí)候我們不僅僅需要為一個(gè)UI設(shè)計(jì)進(jìn)行配色方案,可能是很多個(gè)設(shè)計(jì)同時(shí)進(jìn)行配色方案,而在這個(gè)過(guò)程中,學(xué)員們就會(huì)對(duì)配色的方式有更深刻的理解,今天,交互時(shí)代就與大家分享一下這個(gè)靈活配色的準(zhǔn)則。
首先,我們要確保一個(gè)UI設(shè)計(jì)項(xiàng)目中的配色非常易于識(shí)別,因此他們的明度差異一定要大!明度差異需要全局考慮。選擇一種單色系的配色,并且測(cè)試它在紅色盲、綠色盲與灰度模式下的表現(xiàn)。你就能迅速了解這個(gè)配色的辨識(shí)度水平。
GoogleMaterial配色中的淺藍(lán)色的完整色彩、紅色盲模式與灰度模式。
當(dāng)然,僅僅明度大是遠(yuǎn)遠(yuǎn)不夠的,如果我們的UI設(shè)計(jì)中,配色多樣,那么用戶更能將我們所做的區(qū)域阿板塊啊與色彩聯(lián)系到一起。這就是針對(duì)色調(diào)的調(diào)整,能夠讓大部分用戶都更加輕松的區(qū)分你UI設(shè)計(jì)中的分類。小部分用戶可能是色盲之類的,嗯嗯。
雖然現(xiàn)在優(yōu)秀的配色方案越來(lái)越多,但不是所有的配色方案都適合我們所進(jìn)行的UI設(shè)計(jì)項(xiàng)目,因此我們更需要進(jìn)行自身配色知識(shí)的調(diào)整。以上就是交互時(shí)代今天與大家分享的利用色調(diào)與明度進(jìn)行UI設(shè)計(jì)中的色彩搭配,想要了解更多關(guān)于UI設(shè)計(jì)相關(guān)的知識(shí),就多多關(guān)注交互時(shí)代官網(wǎng)吧,也可以掃描下方二維碼,關(guān)注我們的微信公眾平臺(tái),接收交互時(shí)代的最新信息哦!
請(qǐng)聯(lián)系網(wǎng)站客服,了解詳細(xì)的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
溫馨提示: 專業(yè)老師1對(duì)1為您解答 馬上填寫,¥1000 元豪禮免費(fèi)領(lǐng)!
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)