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

　　網(wǎng)頁圖不僅僅是一張漂亮的圖片，它還應(yīng)該是強(qiáng)大的視覺傳達(dá)工具。談情懷不如講套路，我們就通過一系列理想實(shí)踐來為你展示圖設(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í)際說的是貸款，但是配圖選取的是毛巾，在信息傳達(dá)上就存在不匹配的問題。

　　2、讓圖成為核心

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

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

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

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

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

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

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

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