提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!
UI色彩每年都在變,年年都會(huì)有微妙的差異性,2016年在UI上的用色還沒有那么大膽,但是2017年開始,色彩運(yùn)用的越來越大膽了,比如新版淘寶,就采用了比較年輕態(tài)的漸變色,可以看得出來接下來會(huì)有更多的產(chǎn)品會(huì)采用豐富飽滿的色彩,而色彩的運(yùn)用呢,也趨于多元化,極簡風(fēng)與大膽扁平漸變色會(huì)共存,還有就是界面視覺元素的幾何化,點(diǎn)線面的運(yùn)用呢,會(huì)更多~~沒毛病。
下面我們就從當(dāng)下UI色彩的角度,做個(gè)歸納總結(jié),這也將代表著2017/2018的色彩趨勢。
趨勢一:冷暖色相漸變
此類在UI中運(yùn)用的較多,比如新版淘寶就是采用暖色單色相的漸變色,這也是2017-2018年產(chǎn)品界面用色的趨勢之一。
趨勢二:飽和度較高的純色
這類用色在品牌、插畫等領(lǐng)域用的居多,不過在個(gè)人網(wǎng)站或創(chuàng)意設(shè)計(jì)網(wǎng)站慢慢的也多了起來,對于純色的運(yùn)用,比如橙色也居多。這類用色如果把我不好色彩之間的平衡度,很容易適得其反哦。
趨勢三:鄰近色漸變
這類用色,在UI中用的也居多,特別是banner、插畫。使用臨近色漸變,會(huì)給人很微妙的感覺,使得UI更加的細(xì)致,一般采用鄰近色漸變,會(huì)以一種色彩為主,其他色彩為輔,這樣看起來,主次比較分明??梢钥隙ㄔ?017-2018會(huì)有個(gè)更多的產(chǎn)品采用這種配色。
趨勢四:不同色相的后退色漸變
這種冷色調(diào)之間的搭配,也是比較常見的形式,一般在web端用的居多些,比如一些官網(wǎng),會(huì)采用這種偏冷靜的配色方案,當(dāng)然啦,在APP中也場景,主要體現(xiàn)在banner或者一些視覺元素上。
趨勢五:單一極簡用色
這類用色在web端居多,而且是在國外越來越多,此類用色跟“點(diǎn)線面”的幾何形式配合使用,兼職完美搭配,所以此類用色也會(huì)用于banner、平面、品牌的等方面。在APP中還是比較少見的形式,有點(diǎn)過于小眾化了,不過這也是接下來的趨勢。
趨勢六:黑白極簡風(fēng)
這類配色,跟上面的很類似,不過灰色調(diào)屬于中性色,采用極簡的形式更有氣質(zhì)。所以現(xiàn)在不少的小眾APP均采用單一的灰色調(diào),比如閱讀類的APP,這類配色用戶在視覺、品牌中也比較多
趨勢七:多色相的漸變
漸變用色,前面說到了同色相漸變、鄰近色相漸變,多色相漸變在視覺上變現(xiàn)力會(huì)更強(qiáng)一些,多色相的配色在web端運(yùn)用的居多。
趨勢八:不同色相、色階強(qiáng)對比漸變
此類配色在這幾類里,是最難掌控的,涉及到的內(nèi)容居多,色相的掌控、色階的掌控,我們一般看到的此類配色會(huì)帶來很強(qiáng)的視覺沖擊力,不同色相搭配,同色相的色階差異很大,所以視覺效果更加的立體、飽滿。比如Instagram的icon就是個(gè)很好的例子。
原文地址:https://medium.muz.li/@usemuzli
文:設(shè)計(jì)夾@ 風(fēng)清寒
更多精彩內(nèi)容歡迎關(guān)注設(shè)計(jì)夾
大牛,別默默的看了,快登錄幫我點(diǎn)評一下吧!:)
登錄 立即注冊