2018-12-5 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
什么？都已經(jīng)開(kāi)始討論2019年的設(shè)計(jì)趨勢(shì)了？我依稀還記得最后一次看見(jiàn)秋葉在窗前墜落的場(chǎng)景，仿佛就發(fā)生在昨天。
但2018年也是真的到了底。在2018年的最后一月，說(shuō)說(shuō)2018年的設(shè)計(jì)熱點(diǎn)，談?wù)?019年的設(shè)計(jì)趨勢(shì)，再合適不過(guò)。因此我們選取了8個(gè)一定會(huì)在2019年當(dāng)中發(fā)光發(fā)熱的設(shè)計(jì)趨勢(shì)！
這篇文章的要點(diǎn)包括：
我們認(rèn)為這些UI趨勢(shì)不單單會(huì)滿足用戶的審美需求，同時(shí)也會(huì)提供給用戶極高的可用性。這些趨勢(shì)的廣泛結(jié)合會(huì)取悅用戶并且推動(dòng)你的產(chǎn)品走向成功。
有哪些影響2019年UI設(shè)計(jì)趨勢(shì)的元素？
目前的科技生態(tài)圈對(duì)UI趨勢(shì)有著持續(xù)的影響?；仡欉@個(gè)年頭看看，2018年已經(jīng)發(fā)生了什么？
設(shè)計(jì)第一主義的改變
產(chǎn)品設(shè)計(jì)中，設(shè)計(jì)第一主義已經(jīng)在今年變成了次要因素。為何？設(shè)計(jì)應(yīng)該改善人們的生活并且?guī)椭鷮?shí)現(xiàn)商業(yè)目的。
在2019年中，設(shè)計(jì)趨勢(shì)比以往任何時(shí)候都要符合以下要求，他們會(huì)優(yōu)先考慮速度、精簡(jiǎn)的頁(yè)面配合不對(duì)稱的排版，最重要的是，移動(dòng)端第一。主要要考慮到目前用戶訪問(wèn)網(wǎng)站或者APP時(shí)，時(shí)下最主流設(shè)備。
圓邊移動(dòng)設(shè)備
目前大多數(shù)的移動(dòng)設(shè)備都放棄了邊框轉(zhuǎn)為了圓邊。這樣的改變也深深地影響了界面。這個(gè)也會(huì)對(duì)使用使用銳邊元素的設(shè)計(jì)師在移動(dòng)端UI設(shè)計(jì)上造成挑戰(zhàn)。
所以，不用多說(shuō)，2018年的這些UI趨勢(shì)也可能早2019年依然存在：
2019年UI趨勢(shì)1：排版和講故事
2019年中，圍繞產(chǎn)品體驗(yàn)講一個(gè)優(yōu)秀故事的能力將會(huì)成為首要的趨勢(shì)。
排版本身可以構(gòu)建強(qiáng)大的視覺(jué)層次結(jié)構(gòu)。UI是一個(gè)非常關(guān)鍵的元素，它在帶來(lái)卓越的用戶體驗(yàn)方面發(fā)揮著重要作用。
文本樣式本身也是不夠用的。文案正在成為優(yōu)秀用戶體驗(yàn)最重要元素之一。
雖然風(fēng)格吸引了用戶的注意力，但是敘述會(huì)讓用戶感知品牌，使品牌作為故事的一部分。反過(guò)來(lái)也讓用戶不會(huì)表面的瀏覽內(nèi)容。
2019年UI趨勢(shì)2：插圖和動(dòng)畫圖形
隨著2019年的來(lái)臨，微動(dòng)畫逐漸變得流行起來(lái)。它能夠通過(guò)交互幫助用戶區(qū)分屏幕上的元素。事件觸發(fā)后，反饋承擔(dān)起了重任，確保用戶清楚預(yù)期的操作事實(shí)上發(fā)生了。
數(shù)字或手繪的自定義插圖在2018年中發(fā)揮了巨大的作用。自由形式，不對(duì)齊設(shè)計(jì)和巨大的不對(duì)稱性不僅幫助平臺(tái)脫穎而出，而且還創(chuàng)造了一個(gè)友好和溫馨的環(huán)境。反過(guò)來(lái)又為用戶帶來(lái)了更好的體驗(yàn)。
此外， 為了使這些頁(yè)面脫穎而出，這次插圖經(jīng)常以復(fù)雜的動(dòng)作呈現(xiàn)。
這樣的動(dòng)感更容易吸引用戶注意力，并且可以一目了然地解釋公司或品牌提供的內(nèi)容。一個(gè)引人愉悅的插圖可以為網(wǎng)站或移動(dòng)App提供鮮明的個(gè)性，從而使其更加難忘。
2019年UI趨勢(shì)3：色彩，漸變和重疊效果
一種可能在不久的將來(lái)變得更加受歡迎的技術(shù)，重疊效果包括顏色、文本和圖像。重疊可以創(chuàng)建空間感和更結(jié)構(gòu)化的界面。
由于現(xiàn)代顯示器具有比以往更好的色彩再現(xiàn)水平，漸變色在2018年大幅回顧。明年可能會(huì)給我們帶來(lái)大量色彩和漸變混合透明的材料。
我們可以在任何地方看到它們：插圖、UI元素、文本、我們喜歡漸變，因?yàn)樗鼈優(yōu)槠脚_(tái)增添了現(xiàn)實(shí)感和深度，是我們?cè)诂F(xiàn)實(shí)生活中看到一切的方式。這可呢解釋了為什么具有漸變的元素感覺(jué)更自然。
越來(lái)越多的人使用大膽的顏色，無(wú)論是組合還是單色。通過(guò)使用超大文本，設(shè)計(jì)師發(fā)現(xiàn)最好限制極端的色彩展示。這會(huì)減少用戶使用次要元素的注意力，讓他們專注于他們應(yīng)該做的事情。
2019年UI趨勢(shì)4：AI
在未來(lái)一年中，AI技術(shù)將繼續(xù)朝著更完美的方向發(fā)展，人機(jī)交互會(huì)變得更為平滑和一致。到2020年，語(yǔ)音在搜索引擎查詢的比重預(yù)期會(huì)達(dá)到50%。
聊天機(jī)器人和通信接口也趨于困難。伴隨著人工智能和機(jī)器學(xué)習(xí)技術(shù)進(jìn)步，聊天機(jī)器人變得更加聰明。因此，許多網(wǎng)站和APP已經(jīng)開(kāi)始使用語(yǔ)音交互來(lái)增強(qiáng)體驗(yàn)。
當(dāng)我們?cè)谒衅脚_(tái)上說(shuō)話的時(shí)候，機(jī)器人變得越發(fā)普遍，包括Google的自動(dòng)提示，智能家居語(yǔ)音交互（比如Google Home或亞馬遜的Alexa），虛擬助手（如Apple的Siri）以及幫助臺(tái)的機(jī)器人等。
2019年UI趨勢(shì)5：VR
虛擬現(xiàn)實(shí)在ui趨勢(shì)中有著重要作用，并且這個(gè)地位短期內(nèi)不會(huì)動(dòng)搖。憑借它對(duì)用帶來(lái)的影響，我們可以把它稱為互聯(lián)網(wǎng)體驗(yàn)。
VR可以用于醫(yī)療保健以治愈恐懼癥或者用于教學(xué)以增強(qiáng)互動(dòng)。因此，為了在2019年中真正增強(qiáng)UI效果，它看起來(lái)也是非常有前景的。
想知道UX研究中如何使用VR？看看這個(gè)有意思的文章。
2019年UI趨勢(shì)6：AR
設(shè)計(jì)師需要跳出僅限屏幕內(nèi)的界面來(lái)，考慮到物理交互。增強(qiáng)現(xiàn)實(shí)開(kāi)創(chuàng)了UI設(shè)計(jì)的新紀(jì)元，開(kāi)辟了一種全新的思維方式。
2019年當(dāng)中，網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)將跳出固有模式。我們需要忘記固定在屏幕上的UI，相反，我們應(yīng)該強(qiáng)調(diào)在現(xiàn)實(shí)環(huán)境中發(fā)生的交互。
谷歌和蘋果已經(jīng)推出了自己的AR開(kāi)發(fā)平臺(tái)，ARCore和AEKit，它們?nèi)诤狭宋锢硎澜绾蛿?shù)字世界。
AR UI有不同實(shí)現(xiàn)方法：
參考某個(gè)對(duì)象，與現(xiàn)實(shí)世界物體產(chǎn)生羈絆和交互; 固定到屏幕空間，用戶需要以特定的形式固定鏡頭; 參考真實(shí)世界，充分結(jié)合現(xiàn)實(shí)物理環(huán)境。
因此，我們必須仔細(xì)思考AR體驗(yàn)的場(chǎng)景和功能。
2019年UI趨勢(shì)7：3D圖像
目前大眾市場(chǎng)對(duì)這項(xiàng)技術(shù)的需求很少，對(duì)網(wǎng)站來(lái)說(shuō)也不常見(jiàn)。 盡管如此，專為平臺(tái)呈現(xiàn)的3D元素也是今年UI趨勢(shì)列表中的特色。
它接近尾聲，因?yàn)樗粌H生產(chǎn)成本很高，而且加載時(shí)間也更長(zhǎng)。 沒(méi)有人喜歡等待。
用戶希望平臺(tái)能夠立即加載。 任何為用戶旅程增加時(shí)間的元素都會(huì)讓人感到沮喪。
但我們不必完全放棄3D元素。Fauz-3D技術(shù)讓物體看起來(lái)是三維的，盡管在光線和陰影方面并不完全令人信服。
2019年UI趨勢(shì)8：動(dòng)態(tài)“原型”
UI設(shè)計(jì)絕對(duì)不是產(chǎn)出一張張靜態(tài)的設(shè)計(jì)稿，而應(yīng)該是包含著設(shè)計(jì)思維，用戶流程，交互鏈接的動(dòng)態(tài)“原型”。
這其實(shí)不僅僅是意味著UI設(shè)計(jì)師的能力增長(zhǎng)，也是產(chǎn)品得以快速實(shí)現(xiàn)落地的必要成長(zhǎng)。
設(shè)計(jì)不是一個(gè)單獨(dú)的工作，它和產(chǎn)品、開(kāi)發(fā)甚至用戶是存在著千絲萬(wàn)縷的關(guān)系。就拿和開(kāi)發(fā)的關(guān)系來(lái)說(shuō)，handoff design已經(jīng)是一個(gè)火熱的話題和趨勢(shì)，設(shè)計(jì)和開(kāi)發(fā)的協(xié)作，設(shè)計(jì)和產(chǎn)品的交流，都離不開(kāi)一份“動(dòng)態(tài)”的“設(shè)計(jì)稿原型”。它傳達(dá)的信息至少包含（以摹客iDoc為例）：
（1）智能標(biāo)注：
（2）智能切圖
（3）繪制交互
伴隨這一趨勢(shì)，協(xié)作平臺(tái)將會(huì)噴涌出現(xiàn)，比如Zepline和Mockplus idoc，前者是更早的一個(gè)產(chǎn)品，后者是我2018年接觸到的新平臺(tái)，都在有力的提醒我作為一個(gè)UI設(shè)計(jì)師改要增長(zhǎng)的能力和視野。同時(shí)，我的工作效率乃至整個(gè)團(tuán)隊(duì)的效率也會(huì)提升。
總結(jié)：2019年UI設(shè)計(jì)趨勢(shì)
1、排版和講故事
排版不僅是創(chuàng)建品牌形象的絕佳工具。將它與一個(gè)很棒的片段相結(jié)合，讓用戶能夠沉浸到故事當(dāng)中。
2、插圖和動(dòng)畫圖形
隨著19年的臨近，微動(dòng)畫越來(lái)越受歡迎了。它們通過(guò)交互幫助用戶區(qū)分屏幕上的元素。
3、顏色，漸變和重疊效果
重疊效果包括顏色，文本或圖像。 重疊可以創(chuàng)造空間感，從而創(chuàng)建更加結(jié)構(gòu)化的界面。
4、AI
在未來(lái)一年中，AI技術(shù)將繼續(xù)朝著更完美的方向發(fā)展，人機(jī)交互會(huì)變得更為平滑和一致。到2020年，語(yǔ)音在搜索引擎查詢的比重預(yù)期會(huì)達(dá)到50%。
5、VR
虛擬現(xiàn)實(shí)在ui趨勢(shì)中有著重要作用，并且這個(gè)地位短期內(nèi)不會(huì)動(dòng)搖。憑借它對(duì)用帶來(lái)的影響，我們可以把它稱為互聯(lián)網(wǎng)體驗(yàn)。
6、AR
設(shè)計(jì)師需要跳出僅限屏幕內(nèi)的界面來(lái)，考慮到物理交互。增強(qiáng)現(xiàn)實(shí)開(kāi)創(chuàng)了UI設(shè)計(jì)的新紀(jì)元，開(kāi)辟了一種全新的思維方式。
7、3D圖像
目前大眾市場(chǎng)對(duì)這項(xiàng)技術(shù)的需求很少，對(duì)網(wǎng)站來(lái)說(shuō)也不常見(jiàn)。 盡管如此，專為平臺(tái)呈現(xiàn)的3D元素也是今年UI趨勢(shì)列表中的特色。
8、動(dòng)態(tài)“原型”
從handoff design而來(lái)的交互設(shè)計(jì)稿原型圖，包含自動(dòng)標(biāo)注和切圖，交互原型演示，評(píng)論批注和全貌畫板于一體，極大的促進(jìn)和產(chǎn)品、開(kāi)發(fā)的寫作和交流。
總而言之，UX / UI設(shè)計(jì)師需要在工作中與創(chuàng)造力和創(chuàng)新為伴。 雖然我們無(wú)法避免一成不變的狀態(tài)的渴望，但是緊跟熱點(diǎn)并且充分利用起來(lái)至關(guān)重要。
藍(lán)藍(lán)設(shè)計(jì)( www.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gerard.com.cn
