你的作品有沒有經(jīng)常被質(zhì)疑沒有設(shè)計(jì)感，界面設(shè)計(jì)顯得單調(diào)，包裝到作品集也會(huì)顯得缺少視覺亮點(diǎn)。本期黑馬哥結(jié)合體驗(yàn)的產(chǎn)品和大家探討一下，看看大廠的設(shè)計(jì)師都是如何提高界面視覺亮點(diǎn)的。

一、品牌色強(qiáng)化視覺感和曝光度

品牌色被運(yùn)用到界面背景中較為頻繁，這也是提高品牌曝光度的有效形式，無論是初創(chuàng)產(chǎn)品還是成熟產(chǎn)品都會(huì)選擇。

通常出現(xiàn)在界面頂部區(qū)域較多，可以是單色、微漸變、流體漸變和極光風(fēng)等，也可以結(jié)合一些圖形來增強(qiáng)空間感。在整體界面背景過度層面可以直接分割，也可以利用不透明度漸變自然過渡。

二、極光風(fēng)配色打破單調(diào)畫面

極光風(fēng)算是近些年最流行的設(shè)計(jì)趨勢(shì)之一了，相較于白底來說更能打破界面的單調(diào)感。被廣泛運(yùn)用到界面背景中，在頂部區(qū)域最為常見。

由于高明度低飽和度的配色原理，使得視覺效果豐富多彩，但又不會(huì)顯得喧賓奪主。在強(qiáng)化界面視覺感的同時(shí)，也能很好地提高內(nèi)容的層次感。

三、動(dòng)態(tài)流體漸變讓界面更靈動(dòng)

流體漸變相較于普通漸變形式而言，靈動(dòng)性和豐富度都會(huì)更高，呈現(xiàn)出來的效果也非常自然舒適。

結(jié)合動(dòng)態(tài)形成的流體漸變效果更靈動(dòng)，被運(yùn)用到界面設(shè)計(jì)中也能提高關(guān)注度，也有產(chǎn)品會(huì)在按鈕設(shè)計(jì)中表達(dá)，視覺感都非常不錯(cuò)。

四、插畫運(yùn)用增強(qiáng)界面風(fēng)格感

隨著設(shè)計(jì)師手繪插畫的能力不斷普及，在產(chǎn)品設(shè)計(jì)中也會(huì)經(jīng)常運(yùn)用插畫來強(qiáng)化界面效果。由于插畫風(fēng)格很多，也會(huì)使得界面設(shè)計(jì)更具風(fēng)格化。

插畫本身的風(fēng)格會(huì)影響產(chǎn)品的調(diào)性，在一些節(jié)慶主題、商業(yè)活動(dòng)、風(fēng)格差異化表達(dá)等方面結(jié)合插畫表達(dá)都比較適合。這也是插畫能力成為設(shè)計(jì)師技能標(biāo)配的因素之一，不僅可以提高設(shè)計(jì)風(fēng)格感，也能讓作品更有視覺亮點(diǎn)。

五、精美照片打造場(chǎng)景感

隨著用戶對(duì)感官體驗(yàn)需求的升級(jí)，產(chǎn)品中配圖質(zhì)量要求也越來越高，精美的照片可以讓畫面質(zhì)量更高。

在一些定制化的界面場(chǎng)景中，也會(huì)經(jīng)常使用不同照片來打造場(chǎng)景感，比如旅游產(chǎn)品中就會(huì)利用照片增強(qiáng)代入感。真實(shí)的場(chǎng)景更能被用戶接受，提高用戶的參與度和積極性，照片帶來的視覺感也是非常強(qiáng)烈的。

六、3D 效果空間感更強(qiáng)

隨著 3D 運(yùn)用逐步趨勢(shì)化，在產(chǎn)品中也經(jīng)常會(huì)出現(xiàn) 3D 元素的運(yùn)用，以此來強(qiáng)化視覺感和空間感。3D 的表現(xiàn)除了在圖標(biāo)設(shè)計(jì)上的運(yùn)用之外，作為背景層視覺強(qiáng)化也十分常見，經(jīng)常會(huì)作為配圖出現(xiàn)在頂部區(qū)域的表達(dá)中。

如果建模上手比較難，也會(huì)有設(shè)計(jì)師以偽 3D 效果進(jìn)行設(shè)計(jì)，視覺效果也非常到位。

七、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)、視覺配圖、圖標(biāo)設(shè)計(jì)等方面都可以進(jìn)行設(shè)計(jì)融入。IP 設(shè)計(jì)可以有助于提高界面情感化，這個(gè)技能也逐步成為了設(shè)計(jì)師的技能標(biāo)配。

八、Banner 圖提高商業(yè)氛圍感

Banner 圖的存在是為了提高商品或者服務(wù)在產(chǎn)品中的商業(yè)轉(zhuǎn)化，特別是在具有電商屬性的產(chǎn)品中。不僅可以給商業(yè)活動(dòng)帶來靈活的導(dǎo)流入口，也能強(qiáng)化界面的商業(yè)氛圍感。

Banner 圖在產(chǎn)品中的表現(xiàn)形式十分多樣，除了在視覺表現(xiàn)層面發(fā)揮以外，造型和展示形式也有眾多設(shè)計(jì)發(fā)揮的方向。

九、形狀圖形增加背景層次感

當(dāng)界面背景比較單調(diào)的時(shí)候，我們通常都會(huì)添加圖形進(jìn)行強(qiáng)化，除了圖片以外，形狀圖形的運(yùn)用設(shè)計(jì)感也是非常不錯(cuò)的。

通過形狀圖形的設(shè)計(jì)強(qiáng)化，可以增加界面背景的層次感，也能通過強(qiáng)視覺提高用戶的關(guān)注度。圖形的選擇十分多樣化，幾何圖形或者局部圖形的選擇性都非常多，可以作為獨(dú)立畫面，也可以作為背景襯托而存在。

十、功能屬性點(diǎn)綴畫面視覺感

除了以上提到的增強(qiáng)視覺亮點(diǎn)的方法以外，設(shè)計(jì)師也會(huì)探索更多表現(xiàn)形式，結(jié)合功能屬性、業(yè)務(wù)特點(diǎn)、品牌文化等等，發(fā)散的方向變得越來越多。

比如地圖軟件會(huì)以地圖圖形作為表現(xiàn)的形式，在主界面的頂部區(qū)域和個(gè)人中心的設(shè)計(jì)中，以地圖作為背景來點(diǎn)綴畫面視覺感。從產(chǎn)品的功能或者業(yè)務(wù)等層面入手，也是強(qiáng)化界面視覺亮點(diǎn)的有效形式。

小結(jié)

提高界面設(shè)計(jì)亮點(diǎn)的方式很多，這里僅作為拋磚引玉，我們要打破固化思維，提高每個(gè)界面的視覺感才能使得整個(gè)項(xiàng)目設(shè)計(jì)更有看點(diǎn)和亮點(diǎn)。

本文經(jīng)驗(yàn)屬于結(jié)合上線產(chǎn)品的體驗(yàn)總結(jié)，描述僅代表個(gè)人觀點(diǎn)，不足之處歡迎大家留言補(bǔ)充。

作者：行設(shè)視覺