2018年UI設(shè)計(jì)趨勢(shì)(年中總結(jié))

From:Muzli

閱讀用時(shí):5min

就像時(shí)尚界一樣,用戶體驗(yàn)(UX)和用戶界面(UI)也發(fā)生了一系列的趨勢(shì)。今年,UI設(shè)計(jì)的趨勢(shì)帶來了明顯的改變,大膽的,加粗的,讓你完全沉浸其中。雖然2017年的UI設(shè)計(jì)趨勢(shì)見證了人工智能(AI)的增長(zhǎng),但你應(yīng)該注意到,增強(qiáng)現(xiàn)實(shí)(AR)和虛擬現(xiàn)實(shí)(VR)將在2018年的UI設(shè)計(jì)趨勢(shì)中扮演重要角色。

言歸正傳,讓我們來看看2018年可能會(huì)看到的用戶界面趨勢(shì):

字體:大字體

字體是UI的一個(gè)特性,它也是變化最明顯的。例如,它可以添加到圖像和視頻中;可以在動(dòng)畫中出現(xiàn);可以有不同的顏色;它是獨(dú)特布局的一部分——它是UI的一個(gè)極其重要的元素,因?yàn)樗趲韮?yōu)秀的用戶體驗(yàn)方面扮演著重要的角色。

正是因?yàn)檫@個(gè)原因,字體設(shè)計(jì),更具體地說,用醒目的大字體,成為最受歡迎的2018年用戶界面趨勢(shì)之一。大字體設(shè)計(jì)將允許設(shè)計(jì)師修改(done-till-death)傳統(tǒng)字體,并創(chuàng)建一個(gè)更獨(dú)特的用戶界面。此外,超大字體大大提高了內(nèi)容的可讀性,因?yàn)樗鼈兡芨斓匚脩舻难矍颉.吘梗谋拘枰婚喿x——否則,它就沒有意義。這就是為什么,在今年你經(jīng)常游覽的網(wǎng)站及移動(dòng)應(yīng)用都用到了將包括大的、粗體的字體設(shè)計(jì)趨勢(shì),等等。

帶有漸變的抽象插畫

2018年的新UI設(shè)計(jì)趨勢(shì)還包括帶有漸變的商業(yè)/抽象插畫。今年插畫,你將會(huì)看到自由的形式,不一致的設(shè)計(jì),以及許多不對(duì)稱。


運(yùn)用這些插畫,是它們是不同的、令人耳目一新的、非常令人愉快的。它們會(huì)吸引用戶的注意力,讓用戶有更多想象力。此外,這些插畫將為網(wǎng)站或移動(dòng)應(yīng)用提供他們獨(dú)特的個(gè)性,讓它們具有特色屬性,因?yàn)樗鼈儗⑹桥c眾不同的。此外,這些插畫也運(yùn)用漸變。這是為什么呢?好吧,設(shè)計(jì)師們已經(jīng)認(rèn)識(shí)到,與上一代的屏幕相比,現(xiàn)代顯示器能夠非常好地重現(xiàn)色彩,這就是為什么顏色漸變已經(jīng)成為流行的原因。

一種復(fù)古的外觀和感覺

字體是UI的一個(gè)特性,它也是變化最明顯的。例如,它可以添加到圖像和視頻中;可以在動(dòng)畫中出現(xiàn);可以有不同的顏色;它是獨(dú)特布局的一部分——它是UI的一個(gè)極其重要的元素,因?yàn)樗趲韮?yōu)秀的用戶體驗(yàn)方面扮演著重要的角色。

虛擬現(xiàn)實(shí)

字體是UI的一個(gè)特性,它也是變化最明顯的。例如,它可以添加到圖像和視頻中;可以在動(dòng)畫中出現(xiàn);可以有不同的顏色;它是獨(dú)特布局的一部分——它是UI的一個(gè)極其重要的元素,因?yàn)樗趲韮?yōu)秀的用戶體驗(yàn)方面扮演著重要的角色。

世界各地的設(shè)計(jì)師都開始意識(shí)到,他們想要吸引到用戶,并將他們帶入互動(dòng)的體驗(yàn)中。正是由于這個(gè)2018年的用戶界面設(shè)計(jì)趨勢(shì),虛擬現(xiàn)實(shí)市場(chǎng)的熱度不減。此外,通過在今年的UI中試驗(yàn)虛擬現(xiàn)實(shí)技術(shù),在2019年使用虛擬現(xiàn)實(shí)技術(shù)來真正增強(qiáng)用戶界面,看起來很有希望。

單色

單色的使用將成為2018年的另一大趨勢(shì)。今年最新的UI設(shè)計(jì)似乎已經(jīng)遵循了這一趨勢(shì)。今年這種風(fēng)格的興起也可以歸因于具有傳奇色彩的字體設(shè)計(jì)的趨勢(shì)。由于大字體,設(shè)計(jì)師們會(huì)發(fā)現(xiàn)最好的方法是限制極端的色彩游戲。

通過將色系環(huán)限制為一種單色,設(shè)計(jì)師將能夠真正地加強(qiáng)所選的顏色。此外,用戶不會(huì)有機(jī)會(huì)被屏幕上太多的顏色分心。這種方法是有效的,因?yàn)樗试S用戶將注意力集中在一組特定的動(dòng)作上,比如訂閱、購(gòu)買和更多。

3D元素

在UI設(shè)計(jì)新趨勢(shì)中,3D元素也占據(jù)了一角。盡管3D元素在網(wǎng)站上看起來很不尋常,也很奇怪,但這些元素在UI設(shè)計(jì)方面正逐漸流行起來,今年很可能會(huì)保留下來。然而,在2018年,UI技術(shù)不允許完全3D用戶界面。尋找一個(gè)可嘗試的方法,設(shè)計(jì)師們?cè)谟脩艚缑嬷惺褂昧朔?d設(shè)計(jì)。這是一個(gè)讓用戶為即將到來的事情做好準(zhǔn)備的好方法。

動(dòng)畫和交互

今年,故障效應(yīng)在UI方面引起廣發(fā)熱潮。UI設(shè)計(jì)人員已經(jīng)開始使用帶有小故障的圖像和視頻,以使原本靜態(tài)的設(shè)計(jì)成為動(dòng)態(tài)。只有幾行代碼可以使UI設(shè)計(jì)更具交互性,這是世界各地的用戶都在尋找的東西。此外,設(shè)計(jì)師們已經(jīng)意識(shí)到,小故障的效果可以讓UI設(shè)計(jì)更有創(chuàng)意,也能給設(shè)計(jì)帶來生命。因此,對(duì)圖像和視頻的藝術(shù)體驗(yàn),已經(jīng)成為2018年最熱門的UI設(shè)計(jì)趨勢(shì)。

今年新的用戶界面趨勢(shì)還包括功能動(dòng)畫的使用增加,以及微互動(dòng)。

在UI界面中包含這樣的元素將使用戶能夠輕松地與應(yīng)用程序和網(wǎng)站進(jìn)行交互,并允許他們很快獲得他們正在尋找的反饋。這一最新的UI設(shè)計(jì)趨勢(shì)肯定會(huì)對(duì)用戶體驗(yàn)產(chǎn)生積極的影響,因?yàn)橛脩魧?huì)有愉快的體驗(yàn)。

后記

你可能疑惑你為什么需要了解并遵循這些最新的趨勢(shì)?嗯,實(shí)際上,時(shí)尚不僅僅是意識(shí)到什么是新的。遵循這些趨勢(shì),可以給用戶界面創(chuàng)造一種新鮮感——這是一件很棒的事情。與眾不同并沒有什么錯(cuò)——但與最新的趨勢(shì)保持一致也很重要。然而,作為一名設(shè)計(jì)師,重要的是要仔細(xì)判斷趨勢(shì),當(dāng)決定哪一個(gè)應(yīng)該被使用,哪個(gè)不應(yīng)該被使用。

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

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

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