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