2020年UI設(shè)計趨勢
UI設(shè)計
82已閱讀
2020-04-28 11:47:27
導(dǎo)讀
互聯(lián)網(wǎng)設(shè)計領(lǐng)域中ui設(shè)計是最吸引用戶的一項,界面設(shè)計凝聚了設(shè)計者的創(chuàng)新和創(chuàng)造力,但隨著科技的不斷進步,UI設(shè)計的流行趨勢也在不斷更新,小編為大家找來了2020年UI設(shè)計趨勢的相關(guān)內(nèi)容介紹,一起來了解下吧。

《創(chuàng)意動畫》
品牌加載
公眾喜歡有趣,可塑的動畫。Airbnb和Netfilx將品牌logo動畫應(yīng)用到了啟動頁和加載頁面。結(jié)合品牌特點、風(fēng)格和符號,融合到產(chǎn)品設(shè)計中,從而提升視覺的一致性,創(chuàng)造屬于特有性格的產(chǎn)品界面。
圖標動畫
微交互是建立在移動端上微妙視覺效果的小動畫,而圖標動畫是微交互其中的一種。它的目的是吸引用戶,讓用戶感覺順暢、愉悅。為此設(shè)計師借此創(chuàng)造出打動人心的瞬間。
最近,讓我印象深刻的一個圖標動畫是Facebook的新消息提醒界面,這些由產(chǎn)品所含的一個個小細節(jié),創(chuàng)造出了新穎而有趣的設(shè)計。
《留白分隔》
在UI界面中,最常見的分隔方式是用細線對模塊進行劃分。但隨著設(shè)計重心趨向簡約,注重內(nèi)容本身,傳統(tǒng)的分隔線方式就略顯多余。
根據(jù)格式塔親密原則,通過留白控制間距大小,可以清晰的劃分模塊層級,同時界面看起來也更加透氣、富有張力??梢钥吹絈Q、飛聊、Gmail、Messenger等應(yīng)用都采用留白分隔。
《融入插圖》
品牌形象插畫
一個好的插畫作品可以為產(chǎn)品帶來極佳的辨識度。Snapchat的頁面用了很多情感化設(shè)計和品牌形象。括開啟通知引導(dǎo)動畫、查找好友landing page、下拉刷新頁、照片回憶等等。
從品牌的個性化設(shè)計,尋找一種基于插畫的設(shè)計語言,把產(chǎn)品塑造成一個高辨識度的ID。
3D插畫
隨著軟件技術(shù)的提升,3D插畫在這幾年中大受歡迎,很多應(yīng)用都使用3D渲染產(chǎn)品,如:星巴克、Keep、毒App等等,因為它真實立體、有著更高的轉(zhuǎn)化率。
《圓角卡片》
圓角代表友好、親和力;而卡片模塊化的布局更為清晰、有效、整潔。
在微信改版《微信7.0.5發(fā)布:9個細節(jié)提升體驗》的文章中,訂閱號的推送文章去掉了標題欄的背景,卡片變的更加簡潔。另外,公眾號詳情頁由原先的列表式,改成了圓角卡片式,彈窗也由直角改成圓角。
《視頻背景》
長期以來,圖像在視覺設(shè)計中起著至關(guān)重要的作用,而視頻能夠更直觀的吸引用戶,傳達主要的思想。
在移動端中,視頻主要用于登錄頁背景,一般可以是幾秒鐘的循環(huán)剪輯視頻,它可以帶來一種身臨其境的感受體驗。
《輕提示》
Toast是一種輕量級的提示,它作為用戶操作后的反饋。UI形態(tài)上從居中浮層,慢慢趨向于底部通欄樣式。這樣設(shè)計的好處是不會擋住當前界面的內(nèi)容。
舉一個反例就是,iOS的調(diào)整音量提示,大范圍的遮住了界面,特別是對正在玩游戲的用戶非常不友好,直到iOS13這個設(shè)計才被修改。
《色彩平鋪》
隨著扁平化設(shè)計和Material Design進一步占據(jù)主流趨勢,簡約的界面,明亮,大膽的色彩一直都處于增長趨勢。色彩平鋪已經(jīng)成為清新、酷炫、數(shù)字時代的代名詞。
《注重內(nèi)容》
重內(nèi)容、輕UI。把注意力引導(dǎo)在重要內(nèi)容和功能上。像Facebook、Instagram這種以圖片社交為主的App都有一個特點,就是文字都是黑白灰,將彩色交給圖片去傳達,讓用戶關(guān)注內(nèi)容即可。
《AR》
增強現(xiàn)實類的技術(shù),已經(jīng)出現(xiàn)在很多Web、App等領(lǐng)域中。許多平臺開發(fā)者也將增強現(xiàn)實技術(shù)納入其開發(fā)工具里面,可預(yù)期的這種類型的App將會越來越多。
地圖導(dǎo)視界面
地圖+AR,讓你不再盯著二維平面上那個藍色的點,而是現(xiàn)實世界中的箭頭告訴你在哪個路口轉(zhuǎn)向。
表情貼紙
還有像Instagram、Snapchat、Messenger等平臺上可用的AR濾鏡來創(chuàng)作,表情貼紙可以幫助用戶更直白有效地自我表達、獲取注意力。
《車載系統(tǒng)界面》
隨著5G、車聯(lián)網(wǎng)、人工智能、自動駕駛的發(fā)展,車載界面也越來越受重視了。
在今年的Google I/O開發(fā)者大會上,針對車載系統(tǒng)Android Auto,推出了新的設(shè)計語言,它有著更好的可拓展性。在UI上,完全重新設(shè)計了導(dǎo)航欄,能夠更輕松的訪問應(yīng)用、通知,和你的Google智能助理,限度的幫助駕駛者減少分心,將注意力集中在道路上。
此外,還開發(fā)了新的系統(tǒng)小部件,在使用地圖進行導(dǎo)航時,仍然可以一鍵控制音樂應(yīng)用,或者正在進行的電話,同時在屏幕上保持地圖的完整視圖。
《總結(jié)》
UI設(shè)計的趨勢除了側(cè)重內(nèi)容和情感之外,還會根據(jù)不同設(shè)備載體、新的技術(shù)(3D、AR)而變化。但歸根結(jié)底還是以人為本,借用Adobe設(shè)計副總裁Jamie Myrold的一句話:如今設(shè)計師要思考的,絕不僅僅是設(shè)計一款A(yù)pp、網(wǎng)站或設(shè)計工具。我們要思考的是人類的需求,用戶的需求;打造真正人性化,多元化與容性的設(shè)計。