2019年讓使用者愛不釋手的8大UI設計趨勢
什麼?都已經開始討論2019年的設計趨勢了?我依稀還記得最後一次看見秋葉在窗前墜落的場景,彷彿就發生在昨天。
但2018年也是真的到了底。在2018年的最後一月,說說2018年的設計熱點,談談2019年的設計趨勢,再合適不過。因此我們選取了8個一定會在2019年當中發光發熱的設計趨勢!
這篇文章的要點包括:
- 有哪些影響2019年UI設計趨勢的元素?
- 2019年7大UI設計趨勢是什麼?
我們認為這些UI趨勢不單單會滿足使用者的審美需求,同時也會提供給使用者極高的可用性。這些趨勢的廣泛結合會取悅使用者並且推動你的產品走向成功。
有哪些影響2019年UI設計趨勢的元素?
目前的科技生態圈對UI趨勢有著持續的影響。回顧這個年頭看看,2018年已經發生了什麼?
設計第一主義的改變
產品設計中,設計第一主義已經在今年變成了次要因素。為何?設計應該改善人們的生活並且幫助實現商業目的。
在2019年中,設計趨勢比以往任何時候都要符合以下要求,他們會優先考慮速度、精簡的頁面配合不對稱的排版,最重要的是,移動端第一。主要要考慮到目前使用者訪問網站或者APP時,時下最主流裝置。
圓邊移動裝置
目前大多數的移動裝置都放棄了邊框轉為了圓邊。這樣的改變也深深地影響了介面。這個也會對使用使用銳邊元素的設計師在移動端UI設計上造成挑戰。
所以,不用多說,2018年的這些UI趨勢也可能早2019年依然存在:
2019年UI趨勢1:排版和講故事
Image title
2019年中,圍繞產品體驗講一個優秀故事的能力將會成為首要的趨勢。
排版本身可以構建強大的視覺層次結構。UI是一個非常關鍵的元素,它在帶來卓越的使用者體驗方面發揮著重要作用。
文字樣式本身也是不夠用的。文案正在成為優秀使用者體驗最重要元素之一。
雖然風格吸引了使用者的注意力,但是敘述會讓使用者感知品牌,使品牌作為故事的一部分。反過來也讓使用者不會表面的瀏覽內容。
2019年UI趨勢2:插圖和動畫圖形
Image title
隨著2019年的來臨,微動畫逐漸變得流行起來。它能夠通過互動幫助使用者區分螢幕上的元素。事件觸發後,反饋承擔起了重任,確保使用者清楚預期的操作事實上發生了。
數字或手繪的自定義插圖在2018年中發揮了巨大的作用。自由形式,不對齊設計和巨大的不對稱性不僅幫助平臺脫穎而出,而且還創造了一個友好和溫馨的環境。反過來又為使用者帶來了更好的體驗。
此外, 為了使這些頁面脫穎而出,這次插圖經常以複雜的動作呈現。
這樣的動感更容易吸引使用者注意力,並且可以一目瞭然地解釋公司或品牌提供的內容。一個引人愉悅的插圖可以為網站或移動App提供鮮明的個性,從而使其更加難忘。
2019年UI趨勢3:色彩,漸變和重疊效果
Image title
一種可能在不久的將來變得更加受歡迎的技術,重疊效果包括顏色、文字和影象。重疊可以建立空間感和更結構化的介面。
由於現代顯示器具有比以往更好的色彩再現水平,漸變色在2018年大幅回顧。明年可能會給我們帶來大量色彩和漸變混合透明的材料。
我們可以在任何地方看到它們:插圖、UI元素、文字、我們喜歡漸變,因為它們為平臺增添了現實感和深度,是我們在現實生活中看到一切的方式。這可呢解釋了為什麼具有漸變的元素感覺更自然。
越來越多的人使用大膽的顏色,無論是組合還是單色。通過使用超大文字,設計師發現最好限制極端的色彩展示。這會減少使用者使用次要元素的注意力,讓他們專注於他們應該做的事情。
2019年UI趨勢4:AI
Image title
在未來一年中,AI技術將繼續朝著更完美的方向發展,人機互動會變得更為平滑和一致。到2020年,語音在搜尋引擎查詢的比重預期會達到50%。
聊天機器人和通訊介面也趨於困難。伴隨著人工智慧和機器學習技術進步,聊天機器人變得更加聰明。因此,許多網站和APP已經開始使用語音互動來增強體驗。
當我們在所有平臺上說話的時候,機器人變得越發普遍,包括Google的自動提示,智慧家居語音互動(比如Google Home或亞馬遜的Alexa),虛擬助手(如Apple的Siri)以及幫助臺的機器人等。
2019年UI趨勢5:VR
Image title
虛擬現實在ui趨勢中有著重要作用,並且這個地位短期內不會動搖。憑藉它對用帶來的影響,我們可以把它稱為網際網路體驗。
VR可以用於醫療保健以治癒恐懼症或者用於教學以增強互動。因此,為了在2019年中真正增強UI效果,它看起來也是非常有前景的。
想知道UX研究中如何使用VR?看看這個有意思的文章。
2019年UI趨勢6:AR
Image title
設計師需要跳出僅限螢幕內的介面來,考慮到物理互動。增強現實開創了UI設計的新紀元,開闢了一種全新的思維方式。
2019年當中,網頁設計趨勢將跳出固有模式。我們需要忘記固定在螢幕上的UI,相反,我們應該強調在現實環境中發生的互動。
谷歌和蘋果已經推出了自己的AR開發平臺,ARCore和AEKit,它們融合了物理世界和數字世界。
AR UI有不同實現方法:
參考某個物件,與現實世界物體產生羈絆和互動; 固定到螢幕空間,使用者需要以特定的形式固定鏡頭; 參考真實世界,充分結合現實物理環境。
因此,我們必須仔細思考AR體驗的場景和功能。
2019年UI趨勢7:3D影象
Image title
目前大眾市場對這項技術的需求很少,對網站來說也不常見。 儘管如此,專為平臺呈現的3D元素也是今年UI趨勢列表中的特色。
它接近尾聲,因為它不僅生產成本很高,而且載入時間也更長。 沒有人喜歡等待。
使用者希望平臺能夠立即載入。 任何為使用者旅程增加時間的元素都會讓人感到沮喪。
但我們不必完全放棄3D元素。Fauz-3D技術讓物體看起來是三維的,儘管在光線和陰影方面並不完全令人信服。
2019年UI趨勢8:動態“原型”
Image title
UI設計絕對不是產出一張張靜態的設計稿,而應該是包含著設計思維,使用者流程,互動連結的動態“原型”。
這其實不僅僅是意味著UI設計師的能力增長,也是產品得以快速實現落地的必要成長。
設計不是一個單獨的工作,它和產品、開發甚至使用者是存在著千絲萬縷的關係。就拿和開發的關係來說,handoff design已經是一個火熱的話題和趨勢,設計和開發的協作,設計和產品的交流,都離不開一份“動態”的“設計稿原型”。它傳達的資訊至少包含(以摹客iDoc為例):
(1)智慧標註:
Image title
- 間距標註
- 尺寸智慧標註
- 百分比標註,相容多螢幕解析度
- 多選標註,告別點選
- 放大鏡,檢視微小間距
(2)智慧切圖
Image title
- 自動切圖
- 自動生成不同高倍率
- 自由切換平臺
- 下載全部切圖
(3)繪製互動
Image title
- 設定互動動畫
- 設定返回連結
- 自動跳轉
- 克隆互動
伴隨這一趨勢,協作平臺將會噴湧出現,比如Zepline和Mockplus idoc,前者是更早的一個產品,後者是我2018年接觸到的新平臺,都在有力的提醒我作為一個UI設計師改要增長的能力和視野。同時,我的工作效率乃至整個團隊的效率也會提升。
總結:2019年UI設計趨勢
1、排版和講故事
排版不僅是建立品牌形象的絕佳工具。將它與一個很棒的片段相結合,讓使用者能夠沉浸到故事當中。
2、插圖和動畫圖形
隨著19年的臨近,微動畫越來越受歡迎了。它們通過互動幫助使用者區分螢幕上的元素。
3、顏色,漸變和重疊效果
重疊效果包括顏色,文字或影象。 重疊可以創造空間感,從而建立更加結構化的介面。
4、AI
在未來一年中,AI技術將繼續朝著更完美的方向發展,人機互動會變得更為平滑和一致。到2020年,語音在搜尋引擎查詢的比重預期會達到50%。
5、VR
虛擬現實在ui趨勢中有著重要作用,並且這個地位短期內不會動搖。憑藉它對用帶來的影響,我們可以把它稱為網際網路體驗。
6、AR
設計師需要跳出僅限螢幕內的介面來,考慮到物理互動。增強現實開創了UI設計的新紀元,開闢了一種全新的思維方式。
7、3D影象
目前大眾市場對這項技術的需求很少,對網站來說也不常見。 儘管如此,專為平臺呈現的3D元素也是今年UI趨勢列表中的特色。
8、動態“原型”
從handoff design而來的互動設計稿原型圖,包含自動標註和切圖,互動原型演示,評論批註和全貌畫板於一體,極大的促進和產品、開發的寫作和交流。
總而言之,UX / UI設計師需要在工作中與創造力和創新為伴。 雖然我們無法避免一成不變的狀態的渴望,但是緊跟熱點並且充分利用起來至關重要。
【福利】摹客iDoc現在可以免費升級,開啟 https://idoc.mockplus.cn/get-idoc,輸入免費碼 anne就可以。PS,Sketch和Adobe XD全平臺,讓你告別手動標註和切圖,和產品經理、工程師高效交付設計稿。