2023-6-29 博博
一、品牌色強(qiáng)化視覺(jué)感和曝光度
品牌色被運(yùn)用到界面背景中較為頻繁,這也是提高品牌曝光度的有效形式,無(wú)論是初創(chuàng)產(chǎn)品還是成熟產(chǎn)品都會(huì)選擇。
通常出現(xiàn)在界面頂部區(qū)域較多,可以是單色、微漸變、流體漸變和極光風(fēng)等,也可以結(jié)合一些圖形來(lái)增強(qiáng)空間感。在整體界面背景過(guò)度層面可以直接分割,也可以利用不透明度漸變自然過(guò)渡。
二、極光風(fēng)配色打破單調(diào)畫(huà)面
極光風(fēng)算是近些年最流行的設(shè)計(jì)趨勢(shì)之一了,相較于白底來(lái)說(shuō)更能打破界面的單調(diào)感。被廣泛運(yùn)用到界面背景中,在頂部區(qū)域最為常見(jiàn)。
由于高明度低飽和度的配色原理,使得視覺(jué)效果豐富多彩,但又不會(huì)顯得喧賓奪主。在強(qiáng)化界面視覺(jué)感的同時(shí),也能很好地提高內(nèi)容的層次感。
三、動(dòng)態(tài)流體漸變讓界面更靈動(dòng)
流體漸變相較于普通漸變形式而言,靈動(dòng)性和豐富度都會(huì)更高,呈現(xiàn)出來(lái)的效果也非常自然舒適。
結(jié)合動(dòng)態(tài)形成的流體漸變效果更靈動(dòng),被運(yùn)用到界面設(shè)計(jì)中也能提高關(guān)注度,也有產(chǎn)品會(huì)在按鈕設(shè)計(jì)中表達(dá),視覺(jué)感都非常不錯(cuò)。
四、插畫(huà)運(yùn)用增強(qiáng)界面風(fēng)格感
隨著設(shè)計(jì)師手繪插畫(huà)的能力不斷普及,在產(chǎn)品設(shè)計(jì)中也會(huì)經(jīng)常運(yùn)用插畫(huà)來(lái)強(qiáng)化界面效果。由于插畫(huà)風(fēng)格很多,也會(huì)使得界面設(shè)計(jì)更具風(fēng)格化。
插畫(huà)本身的風(fēng)格會(huì)影響產(chǎn)品的調(diào)性,在一些節(jié)慶主題、商業(yè)活動(dòng)、風(fēng)格差異化表達(dá)等方面結(jié)合插畫(huà)表達(dá)都比較適合。這也是插畫(huà)能力成為設(shè)計(jì)師技能標(biāo)配的因素之一,不僅可以提高設(shè)計(jì)風(fēng)格感,也能讓作品更有視覺(jué)亮點(diǎn)。
五、精美照片打造場(chǎng)景感
隨著用戶對(duì)感官體驗(yàn)需求的升級(jí),產(chǎn)品中配圖質(zhì)量要求也越來(lái)越高,精美的照片可以讓畫(huà)面質(zhì)量更高。
在一些定制化的界面場(chǎng)景中,也會(huì)經(jīng)常使用不同照片來(lái)打造場(chǎng)景感,比如旅游產(chǎn)品中就會(huì)利用照片增強(qiáng)代入感。真實(shí)的場(chǎng)景更能被用戶接受,提高用戶的參與度和積極性,照片帶來(lái)的視覺(jué)感也是非常強(qiáng)烈的。
大廠設(shè)計(jì)如何提高界面視覺(jué)亮點(diǎn)?我總結(jié)了10個(gè)方面!
六、3D 效果空間感更強(qiáng)
隨著 3D 運(yùn)用逐步趨勢(shì)化,在產(chǎn)品中也經(jīng)常會(huì)出現(xiàn) 3D 元素的運(yùn)用,以此來(lái)強(qiáng)化視覺(jué)感和空間感。3D 的表現(xiàn)除了在圖標(biāo)設(shè)計(jì)上的運(yùn)用之外,作為背景層視覺(jué)強(qiáng)化也十分常見(jiàn),經(jīng)常會(huì)作為配圖出現(xiàn)在頂部區(qū)域的表達(dá)中。
如果建模上手比較難,也會(huì)有設(shè)計(jì)師以偽 3D 效果進(jìn)行設(shè)計(jì),視覺(jué)效果也非常到位。
七、IP 運(yùn)用提高界面情感化
情感化設(shè)計(jì)可以拉近產(chǎn)品與用戶之間的距離,體現(xiàn)出產(chǎn)品的溫度,讓用戶感受到親和力。IP 設(shè)計(jì)作為品牌的延續(xù),不僅可以輔助品牌的傳播,也是提升情感化設(shè)計(jì)的有效形式。
IP 已被廣泛運(yùn)用到界面設(shè)計(jì)中,在頂部區(qū)域、默認(rèn)頭像、空狀態(tài)、視覺(jué)配圖、圖標(biāo)設(shè)計(jì)等方面都可以進(jìn)行設(shè)計(jì)融入。IP 設(shè)計(jì)可以有助于提高界面情感化,這個(gè)技能也逐步成為了設(shè)計(jì)師的技能標(biāo)配。
大廠設(shè)計(jì)如何提高界面視覺(jué)亮點(diǎn)?我總結(jié)了10個(gè)方面!
八、Banner 圖提高商業(yè)氛圍感
Banner 圖的存在是為了提高商品或者服務(wù)在產(chǎn)品中的商業(yè)轉(zhuǎn)化,特別是在具有電商屬性的產(chǎn)品中。不僅可以給商業(yè)活動(dòng)帶來(lái)靈活的導(dǎo)流入口,也能強(qiáng)化界面的商業(yè)氛圍感。
Banner 圖在產(chǎn)品中的表現(xiàn)形式十分多樣,除了在視覺(jué)表現(xiàn)層面發(fā)揮以外,造型和展示形式也有眾多設(shè)計(jì)發(fā)揮的方向。
大廠設(shè)計(jì)如何提高界面視覺(jué)亮點(diǎn)?我總結(jié)了10個(gè)方面!
九、形狀圖形增加背景層次感
當(dāng)界面背景比較單調(diào)的時(shí)候,我們通常都會(huì)添加圖形進(jìn)行強(qiáng)化,除了圖片以外,形狀圖形的運(yùn)用設(shè)計(jì)感也是非常不錯(cuò)的。
通過(guò)形狀圖形的設(shè)計(jì)強(qiáng)化,可以增加界面背景的層次感,也能通過(guò)強(qiáng)視覺(jué)提高用戶的關(guān)注度。圖形的選擇十分多樣化,幾何圖形或者局部圖形的選擇性都非常多,可以作為獨(dú)立畫(huà)面,也可以作為背景襯托而存在。
大廠設(shè)計(jì)如何提高界面視覺(jué)亮點(diǎn)?我總結(jié)了10個(gè)方面!
十、功能屬性點(diǎn)綴畫(huà)面視覺(jué)感
除了以上提到的增強(qiáng)視覺(jué)亮點(diǎn)的方法以外,設(shè)計(jì)師也會(huì)探索更多表現(xiàn)形式,結(jié)合功能屬性、業(yè)務(wù)特點(diǎn)、品牌文化等等,發(fā)散的方向變得越來(lái)越多。
比如地圖軟件會(huì)以地圖圖形作為表現(xiàn)的形式,在主界面的頂部區(qū)域和個(gè)人中心的設(shè)計(jì)中,以地圖作為背景來(lái)點(diǎn)綴畫(huà)面視覺(jué)感。從產(chǎn)品的功能或者業(yè)務(wù)等層面入手,也是強(qiáng)化界面視覺(jué)亮點(diǎn)的有效形式。
作者:黑馬青年
來(lái)源:優(yōu)設(shè)
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.miumiuwan.com