2019年,UI設(shè)計(jì)趨勢(shì)
新年馬上就要來了,新年的第一篇推文,就以趨勢(shì)開篇吧。
原文中有部分內(nèi)容,對(duì)設(shè)計(jì)師來說不是很重要,我選擇性的做了刪減,只保留干貨,希望能幫助大家更好的理解,減輕閱讀負(fù)擔(dān)。
Milo團(tuán)隊(duì)整理了2018下半年Behance上的知名設(shè)計(jì)作品,包括UI、動(dòng)效、插圖等。
我們嘗試研究2019年數(shù)位設(shè)計(jì)領(lǐng)域即將到來的趨勢(shì)。我們的預(yù)測(cè)基于在Behance上以及今年設(shè)計(jì)競(jìng)賽中獲獎(jiǎng)作品上觀察到的顏色、排版、形狀和尺寸的深入分析。
根據(jù)最新的數(shù)據(jù)統(tǒng)計(jì),插圖的轉(zhuǎn)換率比照片可以高出7倍。獨(dú)特的插圖與大膽的色彩肯定會(huì)使產(chǎn)品脫穎而出,一個(gè)優(yōu)秀的設(shè)計(jì)師可以創(chuàng)造出充滿活力的插圖,來體現(xiàn)品牌的個(gè)性。
一、一般趨勢(shì)
1.1 大膽的用色
在2018年,設(shè)計(jì)師們已經(jīng)開始偏向使用大膽的配色,這種趨勢(shì)在2019年將會(huì)更加明顯,設(shè)計(jì)師們會(huì)使用更大膽、高飽和度和色調(diào)的配色。
Pantone已經(jīng)公布了2019年的色彩研究趨勢(shì),如果今年你希望自己的設(shè)計(jì)能更加被關(guān)注,可以嘗試一下使用大膽的配色。
1.2 不對(duì)稱
當(dāng)大多數(shù)人聽到不對(duì)稱時(shí),他們會(huì)想到缺乏平衡感,從事數(shù)位設(shè)計(jì)的設(shè)計(jì)師大多習(xí)慣以完美對(duì)稱來完成構(gòu)圖,但是通過適當(dāng)?shù)牟粚?duì)稱性,不但可以避免傳統(tǒng)的平衡構(gòu)圖方式,還能讓你的設(shè)計(jì)脫穎而出。建議設(shè)計(jì)師可以透過一些元素,如排版,幾何形狀,3D渲染,以創(chuàng)建獨(dú)特的不對(duì)稱構(gòu)圖,達(dá)成獨(dú)特的視覺效果。
1.3 動(dòng)效
好的動(dòng)畫效果一直以來都能對(duì)產(chǎn)品或應(yīng)用祈禱不少加分的作用。在網(wǎng)站,廣告或者應(yīng)用程序中設(shè)計(jì)的小動(dòng)畫,可以使用戶更多地與您想傳達(dá)的內(nèi)容進(jìn)行互動(dòng)。
到2019年動(dòng)效效果仍然有不少成長(zhǎng)的潛力。
1.4 混搭風(fēng)格
透過混合多樣化的風(fēng)格,產(chǎn)生不同視覺效果的沖突,可以產(chǎn)生驚人的結(jié)果。這種不拘一格的設(shè)計(jì)方法可能非常具有挑戰(zhàn)性,但絕對(duì)可以在2019年帶來獨(dú)特的設(shè)計(jì)效果。
1.5 漸變風(fēng)格仍然會(huì)在2019年流行
漸變風(fēng)格一直都未退流行,Gradients Style在2017-2018年末出現(xiàn)了大量的漸變風(fēng)格,而即便到了2019年漸變風(fēng)格仍然會(huì)存在。像Apple或Instagram這樣的公司,仍然在他們的品牌中使用漸變?cè)?,絕對(duì)是2019年的不敗選擇。
1.6 透視設(shè)計(jì)
這類2.5D,C4D效果的設(shè)計(jì)風(fēng)格,一直在過去幾年展露頭角,但隨著AR,VR,MR等這類真實(shí)世界三維空間的設(shè)計(jì)概念引入,以及插畫風(fēng)格的大量運(yùn)用,在2019年這類視覺效果必將引來最盛大的一年。
1.7 AR設(shè)計(jì)
增強(qiáng)現(xiàn)實(shí)類的技術(shù),已開始出現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)或應(yīng)用程序設(shè)計(jì)等領(lǐng)域。許多平臺(tái)開發(fā)者也嘗試將增強(qiáng)現(xiàn)實(shí)技術(shù)納入其開發(fā)工具里面,可預(yù)期的這種類型的應(yīng)用將會(huì)越來越多。這是一個(gè)相對(duì)較新的趨勢(shì),因此不可在2019年以往它。
1.8 自然風(fēng)格
更為自然,非刻意為之的照片更受到如今的設(shè)計(jì)行業(yè)寵愛,也是接下來圖像領(lǐng)域的重點(diǎn)趨勢(shì)方向。
二、UI/UX趨勢(shì)
2.1 仍然是移動(dòng)端第一
隨著谷歌首先實(shí)現(xiàn)在移動(dòng)端使用響應(yīng)式網(wǎng)頁(yè)技術(shù)后,移動(dòng)端現(xiàn)在已成為產(chǎn)品優(yōu)先考慮的設(shè)計(jì)因素。移動(dòng)端第一,首先是為移動(dòng)用戶設(shè)計(jì)網(wǎng)站,然后在創(chuàng)建一個(gè)也適用于桌面用戶的版本。
2.2 減負(fù)設(shè)計(jì)
少即是多!在設(shè)計(jì)中做減法一直都能有不錯(cuò)的效果,目前在所有設(shè)計(jì)領(lǐng)域都看到或多或少這類負(fù)空間的使用,而2019年將更大量的使用于網(wǎng)頁(yè)設(shè)計(jì)和應(yīng)用程序設(shè)計(jì)中。
2.3 定制插圖
正如前面所提到的年度趨勢(shì),插圖一直是幾年中不斷增長(zhǎng)的主要設(shè)計(jì)趨勢(shì)。在2019年從登陸i頁(yè)面到整個(gè)網(wǎng)站,定制插圖將會(huì)風(fēng)靡整個(gè)數(shù)位設(shè)計(jì)行業(yè)。
2.4 情感化圖標(biāo)
好的圖標(biāo)可以自然的把用戶的視線,引到需要重點(diǎn)關(guān)注的信息或功能上。同時(shí)也能自然地將與服務(wù)先關(guān)聯(lián)的信息,透過良好的視覺層次結(jié)構(gòu)說明。
同時(shí)搭配好令人會(huì)心一笑的情感化設(shè)計(jì),肯定能起到不錯(cuò)的效果。
2.5 流體,幾何,非對(duì)稱
流體風(fēng)格一直都能在2017-2018年中持續(xù)看到流體,但這類的風(fēng)格在2019年將會(huì)更加流行。配合前面所提的混搭風(fēng),大膽的顏色和強(qiáng)烈的漸變,流體形狀是2019年必不可少的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。
2.6 視頻背景
大量的研究數(shù)據(jù)表明,2018年使用短視頻可以提高轉(zhuǎn)化率,視頻相對(duì)于文字與圖片,可以在幾秒鐘內(nèi)傳達(dá)更多更好更清晰的內(nèi)容,同時(shí)也仍持續(xù)吸引用戶的注意力。
2.7 動(dòng)效
動(dòng)效設(shè)計(jì)早已是數(shù)位設(shè)計(jì)行業(yè)中不可或缺的專業(yè),試著在你的移動(dòng)產(chǎn)品或網(wǎng)頁(yè)設(shè)計(jì)里,加入一些順暢的平滑過渡或漂亮的懸停效果,可以讓你的設(shè)計(jì)更加地吸引人。
2.8 微交互
微交互效果是移動(dòng)端上,常用于創(chuàng)建微妙視覺效果的小動(dòng)畫。今年,我們比以往任何時(shí)候都要更關(guān)注這些微觀互動(dòng)。
2.9 粗體代替圖片
隨著近年對(duì)于排版的關(guān)注,許多巨頭企業(yè)如蘋果,都在嘗試選擇通過獨(dú)特的字體與排版風(fēng)格來做出品牌聲明。在一些場(chǎng)景下,透過排版能達(dá)到更好的說明。
2.10 柵格突破與元素重疊
網(wǎng)頁(yè)設(shè)計(jì)中柵格突破在2018年末開始盛行,可以預(yù)見在2019年可以看到更多結(jié)合柵格突破的方式,與元素重疊的網(wǎng)頁(yè)設(shè)計(jì)組合,但在使用時(shí),記得始終要牢記移動(dòng)端的體驗(yàn)!
2.11 3D插圖
3D形態(tài)的插圖在過去幾年中已經(jīng)開始大受歡迎,許多大品牌也使用3D效果來作為產(chǎn)品宣傳渲染,如:運(yùn)動(dòng)鞋,運(yùn)動(dòng)裝備,包裝設(shè)計(jì)等等。
三、排版趨勢(shì)
3.1 讓字體更大、更粗
3.2 定制字體
四、品牌 & Logo 設(shè)計(jì)趨勢(shì)
4.1 使用顏色通道
4.2 品牌插圖
4.3 動(dòng)態(tài)Logo
五、動(dòng)態(tài)圖形趨勢(shì)
5.1 顆粒效果
5.2 平面2D動(dòng)畫
5.3 3D插圖動(dòng)畫
六、其他趨勢(shì)
6.1 大膽的色彩
6.2 非傳統(tǒng)材料
6.3 天然材料
6.4 更大的字體
6.5 極簡(jiǎn)主義
6.6 插圖
希望你喜歡這篇2019年設(shè)計(jì)趨勢(shì),并且用得到它。
感謝大家!
原文:https://behance.com
作者:Loredana Papp-Dinea
譯者:Irio Lee,本文翻譯已申請(qǐng)作者的正式授權(quán)
#專欄作家#
IrioLee,簡(jiǎn)書ID@IrioLee,微信公眾號(hào):簡(jiǎn)并,人人都是產(chǎn)品經(jīng)理專欄作家,學(xué)習(xí)和專注于交互設(shè)計(jì),用戶體驗(yàn)設(shè)計(jì),關(guān)注web設(shè)計(jì)和移動(dòng)互聯(lián)網(wǎng)產(chǎn)品,專業(yè)逛各類設(shè)計(jì)網(wǎng)站,摸索設(shè)計(jì)認(rèn)知,翻譯好文共享,愛好攝影,旅行和繪畫,其他愛好發(fā)展中~
本文翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議
交互設(shè)計(jì)
想知道behance大神的網(wǎng)址
作者辛苦的
交互
把UI設(shè)計(jì)的各種風(fēng)格 蜻蜓點(diǎn)水地 說了一個(gè)遍
但是真正把UI做到一定水平,真的需要很大功夫
好多都好喜歡,get了
哈~喜歡就好~請(qǐng)多關(guān)注
本來想轉(zhuǎn)行UI設(shè)計(jì),看了這些設(shè)計(jì)趨勢(shì),放棄了……
? 別呀少年~勇敢做自己喜歡的事情~