UI Color trend 2017/2018

原文地址:https://medium.muz.li/@usemuzli


Tips:

閱讀完本文,大概需要3分鐘。

UI色彩每年都在變,年年都會有微妙的差異性,2016年在UI上的用色還沒有那么大膽,但是2017年開始,色彩運用的越來越大膽了,比如新版淘寶,就采用了比較年輕態(tài)的漸變色,可以看得出來接下來會有更多的產(chǎn)品會采用豐富飽滿的色彩,而色彩的運用呢,也趨于多元化,極簡風與大膽扁平漸變色會共存,還有就是界面視覺元素的幾何化,點線面的運用呢,會更多~~沒毛病。

下面我們就從當下UI色彩的角度,做個歸納總結(jié),這也將代表著2017/2018的色彩趨勢哦。

趨勢一:冷暖色相漸變

此類在UI中運用的較多,比如新版淘寶就是采用暖色單色相的漸變色,這也是2017-2018年產(chǎn)品界面用色的趨勢之一。

趨勢二:飽和度較高的純色

這類用色在品牌、插畫等領(lǐng)域用的居多,不過在個人網(wǎng)站或創(chuàng)意設(shè)計網(wǎng)站慢慢的也多了起來,對于純色的運用,比如橙色也居多。這類用色如果把我不好色彩之間的平衡度,很容易適得其反哦。

趨勢三:鄰近色漸變

這類用色,在UI中用的也居多,特別是banner、插畫。使用臨近色漸變,會給人很微妙的感覺,使得UI更加的細致,一般采用鄰近色漸變,會以一種色彩為主,其他色彩為輔,這樣看起來,主次比較分明??梢钥隙ㄔ?017-2018會有個更多的產(chǎn)品采用這種配色。


趨勢四:不同色相的后退色漸變

這種冷色調(diào)之間的搭配,也是比較常見的形式,一般在web端用的居多些,比如一些官網(wǎng),會采用這種偏冷靜的配色方案,當然啦,在APP中也場景,主要體現(xiàn)在banner或者一些視覺元素上。

趨勢五:單一極簡用色

這類用色在web端居多,而且是在國外越來越多,此類用色跟“點線面”的幾何形式配合使用,兼職完美搭配,所以此類用色也會用于banner、平面、品牌的等方面。在APP中還是比較少見的形式,有點過于小眾化了,不過這也是接下來的趨勢。


趨勢六:黑白極簡風

這類配色,跟上面的很類似,不過灰色調(diào)屬于中性色,采用極簡的形式更有氣質(zhì)。所以現(xiàn)在不少的小眾APP均采用單一的灰色調(diào),比如閱讀類的APP,這類配色用戶在視覺、品牌中也比較多


趨勢七:多色相的漸變

漸變用色,前面說到了同色相漸變、鄰近色相漸變,多色相漸變在視覺上變現(xiàn)力會更強一些,多色相的配色在web端運用的居多。

趨勢八:不同色相、色階強對比漸變

此類配色在這幾類里,是最難掌控的,涉及到的內(nèi)容居多,色相的掌控、色階的掌控,我們一般看到的此類配色會帶來很強的視覺沖擊力,不同色相搭配,同色相的色階差異很大,所以視覺效果更加的立體、飽滿。比如Instagram的icon就是個很好的例子。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容