Banner是我們常聊到的設(shè)計(jì)元素，它是一個(gè)網(wǎng)頁(yè)的招牌，是用戶容易看到的視覺(jué)元素。網(wǎng)頁(yè)設(shè)計(jì)師都明白，網(wǎng)頁(yè)對(duì)于用戶的印象是非常重要的，而網(wǎng)頁(yè)給用戶的印象很大程度上取決于網(wǎng)頁(yè)的視覺(jué)設(shè)計(jì)。現(xiàn)在的網(wǎng)頁(yè)雖然多種多樣，但是出于視覺(jué)化設(shè)計(jì)的目的，大多會(huì)使用大圖背景，或者超大尺寸的Banner。當(dāng)用戶一打開(kāi)網(wǎng)頁(yè)的時(shí)候，映入用戶眼簾的Banner，是影響視覺(jué)設(shè)計(jì)的關(guān)鍵因素，它有個(gè)專門的術(shù)語(yǔ)是Hero image，我們通常稱之為圖。所以，網(wǎng)頁(yè)圖的設(shè)計(jì)需要特別用心的。

　　網(wǎng)頁(yè)圖不僅僅是一張漂亮的圖片，它還應(yīng)該是強(qiáng)大的視覺(jué)傳達(dá)工具。談情懷不如講套路，我們就通過(guò)一系列理想實(shí)踐來(lái)為你展示圖設(shè)計(jì)的一些設(shè)計(jì)“套路”。

　　1、一定要使用相關(guān)圖片

　　在挑選圖片的時(shí)候一定要精挑細(xì)選。

　　合適而好的圖片能夠提升整體體驗(yàn)，而不合適的圖片選擇則可能毀掉整個(gè)設(shè)計(jì)。在選取圖片的時(shí)候，盡量選擇貼合主題，內(nèi)容一致，主旨和目的相匹配的圖片，這樣可以避免用戶的預(yù)期和內(nèi)容產(chǎn)生割裂感。就像討厭標(biāo)題黨一樣，用戶會(huì)因?yàn)閳D和內(nèi)容的不匹配而對(duì)網(wǎng)站內(nèi)容失去信任，飛速離去。

　　這個(gè)圖的內(nèi)容實(shí)際說(shuō)的是貸款，但是配圖選取的是毛巾，在信息傳達(dá)上就存在不匹配的問(wèn)題。

　　2、讓圖成為核心

　　圖是承載內(nèi)容的重要容器。

　　你想要讓內(nèi)容不同凡響，又能夠從整個(gè)設(shè)計(jì)中脫穎而出，那么就要用好圖。在視覺(jué)上設(shè)計(jì)優(yōu)秀的圖能夠讓用戶每次打開(kāi)網(wǎng)站的時(shí)候都為之駐足。

　　在圖的設(shè)計(jì)上，蘋果每次都為我們提供了優(yōu)秀的案例。

　　小貼士：圖并不需要將所有的信息都呈現(xiàn)出來(lái)，相反圖應(yīng)該是強(qiáng)調(diào)重點(diǎn)，將突出的部分強(qiáng)化并呈現(xiàn)出來(lái)。

　　3、拿出情感化的設(shè)計(jì)

　　將情感融入設(shè)計(jì)，并且用情感來(lái)說(shuō)法用戶，才是圖的設(shè)計(jì)之道。只有能夠觸動(dòng)用戶情緒的設(shè)計(jì)更具有說(shuō)服力。

　　很多時(shí)候，我們使用創(chuàng)意也好，借助熱門IP也好，精心打磨文案也好，也只是希望讓圖能夠讓用戶驚喜、喜歡、需要，終是要通過(guò)它調(diào)動(dòng)起用戶的情緒。

http://m.ezekroy.com/jianzhanzhishi/7152.html 網(wǎng)頁(yè)圖抓住用戶注意力的3個(gè)要點(diǎn)