4個秘訣設(shè)計讓用戶一見鐘情的網(wǎng)站BANNER

時間：2023-05-03 00:00:02 | 來源：網(wǎng)站運營

時間：2023-05-03 00:00:02 來源：網(wǎng)站運營

4個秘訣設(shè)計讓用戶一見鐘情的網(wǎng)站BANNER：打開網(wǎng)站，首先吸引眼球的就是網(wǎng)站BANNER。第一印象的重要性不必多說，如果網(wǎng)站是以一幅設(shè)計粗糙的BANNER去“接待”用戶，想必用戶也沒了“一探究竟”的欲望了。所以，千萬別小看BANNER這個網(wǎng)頁小元素，它對整個網(wǎng)站設(shè)計可是起到了關(guān)鍵性的作用。




雖說網(wǎng)站BANNER設(shè)計是一項創(chuàng)意性工作，其實內(nèi)里也有一定規(guī)律可循，把握好風(fēng)格、構(gòu)圖、字體、特效4個要點，設(shè)計出讓用戶一見鐘情的BANNER自然手到擒來。




一、風(fēng)格




網(wǎng)站BANNER的作用不僅僅是門面裝飾，更是用來傳達(dá)品牌調(diào)性，BANNER的設(shè)計風(fēng)格一定要跟產(chǎn)品屬性和受眾審美想契合，如果風(fēng)格定錯了，和品牌理念、目標(biāo)人群背道而馳了，設(shè)計得再華麗再逼格也無法打動人心。常見的網(wǎng)站BANNER風(fēng)格有以下幾種：




1、時尚風(fēng)




如同時尚雜志封面式的場景大片，高解析，高飽和，高對比，以產(chǎn)品和模特為設(shè)計重心，呈現(xiàn)出精致的視覺感和絢麗的色彩感。













2、簡約風(fēng)




百搭適配性強，極簡質(zhì)樸，講求“斷舍離”，去掉繁復(fù)的雕飾，只保留最天然最實用的，因為沒有過多視覺干擾，所以顯得養(yǎng)眼而純粹。













3、中國風(fēng)




以中國傳統(tǒng)文化為背景，融入中國傳統(tǒng)元素的設(shè)計，如燈籠、書簡、梅蘭菊竹、瓷器、靈獸、山水等，意蘊婉約古典。













4、文藝風(fēng)




小清新圖片配上暖心文字，自然隨意的抓拍，不追求濃墨重彩，用色輕盈富而有空氣感，烘托出一種淡雅、靜謐、懷舊的氣質(zhì)。













5、商務(wù)風(fēng)




通常是以扁平化、符號化的設(shè)計呈現(xiàn)，整潔大氣，條理層次分明，適用于展示專業(yè)尖端的企業(yè)形象。













二、構(gòu)圖




BANNER一般是由產(chǎn)品、模特、文案、裝飾物構(gòu)成，如何在有限的空間把這些元素呈現(xiàn)得美觀，又不顯得雜亂臃腫，這就考驗著你的構(gòu)圖功力了。




BANNER的構(gòu)圖形式很多，但基本上都是由以下三種基礎(chǔ)型延伸開來的。




1、通欄型




指將BANNER分成N等份的通欄，畫面元素呈現(xiàn)平衡分布，通常BANNER會是以兩欄通欄或三欄通欄為主。




示范：兩欄通欄













示范：三欄通欄













2、分割型




以線條或幾何圖形對BANNER進(jìn)行不規(guī)則的頁面切割，不同的形狀分割會帶來不同的感官。例如直線分割顯得硬朗挺拔，曲線分割顯得活力動感，斜線分割顯得自由灑脫，圓形分割顯得柔美靈動，矩形分割顯得干練剛正，三角形分割顯得鋒銳另類感。




示范：圓形分割













示范：矩形分割













示范：三角形分割













3、散射型




居中輻射式構(gòu)圖，將最重要的設(shè)計元素放在BANNER中心，其余元素環(huán)繞在周圍，以放射線形式由中心散開，能起到聚焦、突顯的作用。常見的射線部分一般是用紋理充當(dāng)?shù)模酥庥醚b飾物或者產(chǎn)品作為射線部分也會帶來強力的視覺沖擊哦~




示范：紋理型射線













示范：產(chǎn)品型射線













三、字體




在BANNER里，字體帶來的視覺沖擊雖然不及圖案來得強烈，但字體起著點明BANNER主旨的作用，在恰當(dāng)?shù)沫h(huán)境運用合適的、有設(shè)計感的字體正是你BANNER檔次的體現(xiàn)。不同的字體有著不同的個性，不要抱著“哪個漂亮就用哪個”的心態(tài)，而要針對BANNER整體風(fēng)格和宣傳主體進(jìn)行選擇，例如你總不能在一個中國風(fēng)的BANNER放上非主流的火星文，或者在諸如剃須刀之類的男性用品宣傳BANNER用上一些娟秀柔和的字體吧，這樣估計會很讓人反感的。




1、印刷體




就是我們常見的宋體、隸書、黑體等，筆劃平整，結(jié)構(gòu)端莊，其中黑體富于現(xiàn)代感和力量感，適用于促銷電商類BANNER，宋體裝飾性強，適用于文化、藝術(shù)、生活、女性類BANNER。













2、手寫體




一種使用軟筆、硬筆、毛筆、馬克筆、秀麗筆、鋼筆、鉛筆等純手工寫出的文字，像方正靜蕾簡體、葉根友手寫體等，手寫體寫意而優(yōu)雅，帶有一種親和力和人情味，能有效地弱化距離感。













3、三維體




有立體感、空間感的字體，看上去前衛(wèi)而充滿張力，往往能給人留下深刻的印象。













當(dāng)然，以上只是字體的基本分類，大家不妨多多發(fā)揮想象力，對這些基礎(chǔ)型進(jìn)行適當(dāng)?shù)母脑烀阑瑖L試不同字體間的混搭，這樣可以把字體處理得更有藝術(shù)感哦~




四、特效




動起來的BANNER更能吸引注意，所以我們可以給BANNER添加動態(tài)特效。當(dāng)然，考慮到網(wǎng)站加載，添加的特效不宜太復(fù)雜，也不用特意地把BANNER弄成GIF格式，利用凡科建站添加BANNER特效就行了。




在凡科建站橫幅上方的快捷工具欄點擊“編輯橫幅”，在“橫幅特效”的下拉頁選擇心儀的特效即可。凡科建站的橫幅特效包含40多種動畫特效和12種文字特效，文字特效還能支持自定義文本編輯。每種特效都有不同的視覺觀感，大家可以分別試驗，選擇符合國情的BANNER特效。






















現(xiàn)在凡科建站還新增了雪花、流星、煙花、漣漪特效，簡直美哭了。













按照以上4個秘訣把BANNER做好了，網(wǎng)站自然人見人愛~

"