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

　　網(wǎng)頁圖不僅僅是一張漂亮的圖片，它還應該是強大的視覺傳達工具。談情懷不如講套路，我們就通過一系列理想實踐來為你展示圖設計的一些設計“套路”。

　　1、一定要使用相關圖片

　　在挑選圖片的時候一定要精挑細選。

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

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

　　2、讓圖成為核心

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

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

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

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

　　3、拿出情感化的設計

　　將情感融入設計，并且用情感來說法用戶，才是圖的設計之道。只有能夠觸動用戶情緒的設計更具有說服力。

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

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