云智用戶體驗(yàn)設(shè)計(jì)中心設(shè)通過分析2018年全球比較出名的設(shè)計(jì)作品,我們將從這些作品的顏色、字體、形狀、大小等元素的統(tǒng)計(jì)中得出2019互聯(lián)網(wǎng)品牌設(shè)計(jì)整體設(shè)計(jì)趨勢(shì)報(bào)告,作為各大企業(yè)和機(jī)構(gòu)未來品牌策劃以及網(wǎng)站設(shè)計(jì)開發(fā)的參考。
根據(jù)最新的統(tǒng)計(jì)數(shù)據(jù)表現(xiàn),定制化產(chǎn)品插圖的網(wǎng)站網(wǎng)頁或者產(chǎn)品比起傳統(tǒng)的網(wǎng)站轉(zhuǎn)化率提高7~10倍,一個(gè)優(yōu)秀的定制化插圖再運(yùn)用大膽的顏色自然而然再眾多網(wǎng)站或者產(chǎn)品中脫穎而出,一個(gè)好的插圖師可以給品牌網(wǎng)站或品牌產(chǎn)品創(chuàng)造出一個(gè)充滿活力的插圖以適應(yīng)市場(chǎng)的需求。
1.1 大膽的色彩應(yīng)用根據(jù)最新的統(tǒng)計(jì)數(shù)據(jù)表現(xiàn),定制化產(chǎn)品插圖的網(wǎng)站網(wǎng)頁或者產(chǎn)品比起傳統(tǒng)的網(wǎng)站轉(zhuǎn)化率提高7~10倍,一個(gè)優(yōu)秀的定制化插圖再運(yùn)用大膽的顏色自然而然再眾多網(wǎng)站或者產(chǎn)品中脫穎而出,一個(gè)好的插圖師可以給品牌網(wǎng)站或品牌產(chǎn)品創(chuàng)造出一個(gè)充滿活力的插圖以適應(yīng)市場(chǎng)的需求。
1.2 非對(duì)稱性設(shè)計(jì)當(dāng)大多數(shù)用戶看到到不對(duì)稱設(shè)計(jì)時(shí),他們想到的是缺乏平衡對(duì)稱。設(shè)計(jì)師可以通過有意避免傳統(tǒng)平衡來創(chuàng)造和諧平衡整體構(gòu)圖。您可以體驗(yàn)和使用您正在使用的元素,如排版、幾何形狀或三維渲染以創(chuàng)建獨(dú)特的交互結(jié)果。
PS:用戶的眼睛首先會(huì)看到更大、更明顯的元素。
1.3 H5動(dòng)畫效果在網(wǎng)站或者APP產(chǎn)品上使用小動(dòng)畫或者在廣告或應(yīng)用程序設(shè)計(jì)中使用,可以讓用戶與展示內(nèi)容或者產(chǎn)品的進(jìn)行更多的互動(dòng)。更多多是這些類型的動(dòng)畫可以集成在所有媒體中。
1.4 折中非對(duì)稱設(shè)計(jì)從廣泛而多樣的文案信息源中融合IDEA會(huì)有一個(gè)驚人的展示效果。而折中非對(duì)稱設(shè)計(jì)的方法是很有挑戰(zhàn)性的設(shè)計(jì)方式,他對(duì)設(shè)計(jì)師要有策劃師的頭腦俗稱頭腦風(fēng)暴;但它確實(shí)能給項(xiàng)目帶來獨(dú)特的外觀標(biāo)識(shí)。
1.5 元素疊加設(shè)計(jì)在2017年至2018年后期,疊加設(shè)計(jì)已經(jīng)出現(xiàn)了巨大的回升甚至?xí)谠?019年也會(huì)大量使用。像蘋果或Instagram這樣的名字在品牌展示中使用一樣,這絕對(duì)是2019的一個(gè)成功作品的選擇。
1.6 三維插畫設(shè)計(jì)在過去的幾年里,我們已經(jīng)看到了三維插畫設(shè)計(jì)的趨勢(shì),但是在2019年,隨著插圖占據(jù)了所有設(shè)計(jì)領(lǐng)域確實(shí)需要使用此法設(shè)計(jì)。
1.7 增強(qiáng)現(xiàn)實(shí)增強(qiáng)現(xiàn)實(shí)正在出現(xiàn)在諸如網(wǎng)頁設(shè)計(jì)或應(yīng)用程序設(shè)計(jì)等領(lǐng)域。許多電子商城(京東、淘寶)也嘗試將增強(qiáng)現(xiàn)實(shí)技術(shù)納入他們的網(wǎng)站平臺(tái)。這是一個(gè)相對(duì)較新而且門檻比較高的趨勢(shì),所以在2019關(guān)注一下就可以。
1.8 高質(zhì)量素材傳統(tǒng)的圖片已經(jīng)不能滿足大多網(wǎng)站或者產(chǎn)品的使用場(chǎng)景,現(xiàn)在更多的設(shè)計(jì)師正在使用更好的表現(xiàn)力更加親和的圖片人物素材。
2.1 移動(dòng)端必備搜索引擎(baidu.360.sogou)首先為手機(jī)響應(yīng)型網(wǎng)站建立索引,手機(jī)網(wǎng)站現(xiàn)在成了首要任務(wù),所以手機(jī)端是的設(shè)計(jì)已經(jīng)成為一種趨勢(shì)。首先為網(wǎng)站設(shè)計(jì)移動(dòng)版本然后再基于移動(dòng)版設(shè)計(jì)適合用戶使用的傳統(tǒng)桌面版本。
2.2 交互區(qū)域特別是導(dǎo)航區(qū)域用戶在使用交互的時(shí)候不能上下重疊這樣會(huì)影響用戶使用元素的過程,從而降低對(duì)產(chǎn)品的識(shí)別度。所以重要的交互提示區(qū)域需要有獨(dú)立的版面空間。
2.3 定制主題插畫正如我們之前所說的,這是一個(gè)主要趨勢(shì),在過去的幾年里一直在增長(zhǎng)。從登陸頁面,到整個(gè)網(wǎng)站,定制插圖正掀起網(wǎng)頁設(shè)計(jì)行業(yè)的風(fēng)暴。
2.4 內(nèi)容圖標(biāo)與服務(wù)相關(guān)聯(lián)的動(dòng)態(tài)線性圖標(biāo)可以用來建立視覺層次結(jié)構(gòu),并自然地把用戶的注意力吸引到希望網(wǎng)站或者產(chǎn)品重要的區(qū)域。
2.5 流線非對(duì)稱圖形流體形態(tài)并不是什么新鮮設(shè)計(jì)在2017和2018就有好多網(wǎng)站上使用過?;旌狭舜竽懙念伾蛷?qiáng)烈的流體形狀將在在2019年成為最主流的網(wǎng)頁設(shè)計(jì)趨勢(shì)。
2.6 視頻背景根據(jù)云智用戶體驗(yàn)中數(shù)據(jù)統(tǒng)計(jì)網(wǎng)站上的視頻背景可以提高網(wǎng)站的轉(zhuǎn)換率。一個(gè)視頻可以在幾秒鐘給給用戶留下極深刻的印象,它可以快速傳達(dá)你的信息,并且可以讓用戶花更多的時(shí)間瀏覽你的網(wǎng)站。
2.7 交互動(dòng)畫特效交互動(dòng)畫特效可以應(yīng)用在網(wǎng)站、APP中,平滑過渡按鈕或懸停效果可以縱向提升產(chǎn)品的品牌識(shí)別度和用戶體驗(yàn)。
2.8 微交互微交互是在移動(dòng)平臺(tái)和網(wǎng)站網(wǎng)頁上使用的小動(dòng)畫,以產(chǎn)生巧妙的視覺效果。而這些微觀互動(dòng)的使用比以往任何時(shí)候都要廣泛和深入。我們會(huì)在每個(gè)UI元素后面找到隱藏的動(dòng)畫,不管它有多小。
2.11 3D插畫3D插圖在過去的幾年里有了很大的發(fā)展,大品牌使用3D渲染他們的產(chǎn)品,比如:手機(jī)、運(yùn)動(dòng)鞋、運(yùn)動(dòng)裝備、包裝設(shè)計(jì)等等。
3.1 超大加粗超大加粗的字體排版在每一年的優(yōu)秀網(wǎng)站頁設(shè)計(jì)作品中都會(huì)出現(xiàn),值得注意的是需要使用極簡(jiǎn)短文字進(jìn)行排版設(shè)計(jì),否則設(shè)計(jì)可能過于擁擠,沒有吸引力。
4.2 品牌插圖我們可以在所有的設(shè)計(jì)領(lǐng)域找到插圖的使用!一個(gè)好的插圖絕對(duì)可以給任何藝術(shù)海報(bào)、品牌標(biāo)識(shí)或印刷品帶來一定的獨(dú)到之處。
5.2 2D動(dòng)畫2D動(dòng)畫通過流暢的過渡,它可以吸引用戶的注意力,這樣你的信息可以很容易表達(dá)。大多數(shù)動(dòng)畫都是故事板,其中每個(gè)場(chǎng)景中的主要?jiǎng)幼魇且月嫊问嚼L制的。
5.3 3D動(dòng)畫3D動(dòng)畫看起來很炫酷,無論你表達(dá)什么都能完美地展現(xiàn)你的產(chǎn)品。大多數(shù)大品牌在廣告活動(dòng)中都使用三維動(dòng)畫,因?yàn)樗霓D(zhuǎn)換率很高。
6.2 非傳統(tǒng)材料包裝設(shè)計(jì)已成為設(shè)計(jì)景觀中的一個(gè)突出領(lǐng)域,不同尋常的材料被用來創(chuàng)造驚人的產(chǎn)品。零廢物,生物材料,比如埋在土壤中生長(zhǎng)的植物性包裝,可食用包裝,對(duì)音樂有反應(yīng)的材料,生長(zhǎng)在你身上的纖維素包裝,都是由新的和創(chuàng)新的品牌使用的。
6.4 以字為圖正如我們之前提到的,以字為圖的排版方式在2019年還是主流,
一個(gè)強(qiáng)有力的詞足以創(chuàng)造一個(gè)大膽的包裝,
使用大寫文字和小寫文字的組合,可以創(chuàng)造一個(gè)出類拔萃的包裝。
6.4 簡(jiǎn)約而不簡(jiǎn)單過多的元素組合會(huì)導(dǎo)致設(shè)計(jì)上的雜亂會(huì)對(duì)產(chǎn)品理解產(chǎn)生干擾。
減少元素會(huì)獲得意外的效果。