如何在界面設(shè)計(jì)中融入品牌元素

2022-6-1    博博

這篇文章,主要以常見界面為案例,粗淺聊聊品牌元素如何融入到界面設(shè)計(jì)中。

直播是2020年到2021年移動(dòng)互聯(lián)網(wǎng)的重要賽道,在以百度APP為核心的移動(dòng)生態(tài)之下,缺少一個(gè)獨(dú)立的直播APP去承載整個(gè)百度直播體系和被直播所吸引的用戶。為了讓用戶“有出有進(jìn)”,促成了這次的產(chǎn)品設(shè)計(jì)。


在這樣的產(chǎn)品孵化階段,我們希望產(chǎn)品在具有直播特性的同時(shí),能夠與其他泛娛樂類的直播產(chǎn)品打開差異化,并且有足夠的記憶點(diǎn)讓它在眾多直播產(chǎn)品中被人們所記住并喜歡,那么品牌的塑造和品牌的融合就尤為重要。


所以,產(chǎn)品的設(shè)計(jì)圍繞著泛娛樂直播進(jìn)行,進(jìn)行功能的設(shè)計(jì)和梳理,其中視覺設(shè)計(jì)便以品牌為中心。


上述的內(nèi)容,準(zhǔn)備以上下兩篇文章來做闡述和展示。


這篇文章,主要以市場(chǎng)上的界面案例,來粗淺地聊聊品牌元素如何融入到界面設(shè)計(jì)中。


下一篇正在準(zhǔn)備中,將以我剛來到百度時(shí)設(shè)計(jì)的一個(gè)獨(dú)立直播產(chǎn)品為例,盡可能完整地呈現(xiàn)以強(qiáng)化品牌、IP應(yīng)用為核心的產(chǎn)品設(shè)計(jì)過程。




百度網(wǎng)盤

在網(wǎng)盤團(tuán)隊(duì)去年的改版中,將積木的品牌概念,融入到icon的設(shè)計(jì)中,取得了巨大的成功和市場(chǎng)反響,蘇大牙的那篇復(fù)盤文章,一直在產(chǎn)品設(shè)計(jì)上影響著我的思路。



2.谷歌系A(chǔ)PP圖標(biāo)

谷歌如今統(tǒng)一了谷歌系產(chǎn)品的圖標(biāo)風(fēng)格,充分地在顏色和風(fēng)格上體現(xiàn)了谷歌的品牌意識(shí),如今我們一見到此類的圖標(biāo),第一反應(yīng)便是,這是不是谷歌的APP?



3.映客直播

映客直播在啟動(dòng)頁、tabbar,都把貓頭鷹的元素融入進(jìn)來,在運(yùn)營設(shè)計(jì)中,也更多的使用貓頭鷹剪影作為主體畫面的承載。


4.最右

最右在登錄相關(guān)的頁面,使用IP+品牌色的方式,強(qiáng)化品牌意識(shí),在下拉刷新中,融入IP進(jìn)行趣味性的設(shè)計(jì),很好地詮釋了娛樂性、年輕化的產(chǎn)品應(yīng)如何做情感化設(shè)計(jì)。



5.快手電丸

快手電丸在個(gè)人主頁默認(rèn)圖、頭像默認(rèn)圖、加載、頁面中的功能引導(dǎo),都加入了IP形象強(qiáng)化品牌。



5.躺平

躺平是在我最近的產(chǎn)品體驗(yàn)中,IP運(yùn)用和品牌塑造最完整的產(chǎn)品,它成功的把“躺平”這個(gè)概念,應(yīng)用到了IP形象上,再由IP形象對(duì)界面中的各處進(jìn)行應(yīng)用,延伸這個(gè)品牌概念。而且應(yīng)用范圍并不僅僅局限于彈窗、啟動(dòng)頁、刷新等常規(guī)IP應(yīng)用點(diǎn),更是在界面之中做到了自然合理的應(yīng)用。




小結(jié):

在界面設(shè)計(jì)中,對(duì)于品牌的強(qiáng)化,除了將品牌理念抽象化進(jìn)行icon等圖形的設(shè)計(jì),更多地產(chǎn)品喜歡采用具象的IP形象進(jìn)行合理植入來進(jìn)行品牌概念的傳達(dá)。


在IP的應(yīng)用中,啟動(dòng)頁、加載動(dòng)畫、下拉刷新、彈窗裝飾、默認(rèn)圖片等是常規(guī)的應(yīng)用場(chǎng)景,除此之外,在卡片標(biāo)題、功能入口、內(nèi)容頁裝飾等地方出現(xiàn)IP的應(yīng)用,更加能給用戶帶來驚喜感。


品牌在界面中的植入,在于小而有趣,而不在于多少,在合適和驚喜的地方出現(xiàn),才能向用戶傳遞出情感。同時(shí)可以看出,在界面中應(yīng)用的IP形象,基本不會(huì)出現(xiàn)3D化的情況,在年輕化、娛樂向的產(chǎn)品中,IP本身也沒有明顯的性別傾向。


總結(jié)下,無描邊、扁平、2D、無性別等特征,更加適合在界面中應(yīng)用。少配色、輕漸變、結(jié)構(gòu)簡單、應(yīng)用場(chǎng)景尺寸越小,IP使用比例越小,這些原則也更有利于IP應(yīng)用的合理性。





作者:靈感大王NinE

轉(zhuǎn)載請(qǐng)注明:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

分享本文至:

日歷

鏈接

個(gè)人資料

存檔