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)效效果仍然有不少成長的潛力。
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)頁設(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)頁技術(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)頁設(shè)計(jì)和應(yīng)用程序設(shè)計(jì)中。
2.3 定制插圖
正如前面所提到的年度趨勢(shì),插圖一直是幾年中不斷增長的主要設(shè)計(jì)趨勢(shì)。在2019年從登陸i頁面到整個(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)頁設(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)頁設(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)頁設(shè)計(jì)中柵格突破在2018年末開始盛行,可以預(yù)見在2019年可以看到更多結(jié)合柵格突破的方式,與元素重疊的網(wǎng)頁設(shè)計(jì)組合,但在使用時(shí),記得始終要牢記移動(dòng)端的體驗(yàn)!