網頁設計師都明白，網頁對於多使用者的印象是非常重要的，而網頁給多使用者的印象很大程度上取決於網頁的視覺設計。現在的網頁雖然多種多樣，但是出於視覺化設計的目的，大多會使用大圖背景，或者超大尺寸的 Banner 。當多使用者一開啟網頁的時候，映入多使用者眼簾的 Banner，是影響視覺設計的關鍵因素，它有個專門的術語是 Hero image，我們通常稱之為圖。所以，網頁圖的設計需要特別用心的。
網頁圖不僅僅是一張漂亮的圖片，它還應該是強大的視覺傳達工具。談情懷不如講套路，今天的文章，我們就透過一系列理想實踐來為您展示圖設計的一些設計 “套路” 。
1 、一定要使用相關圖片
在挑選圖片的時候一定要精挑細選。
合適而好的圖片能夠提升整體體驗，而不合適的圖片選擇則可能毀掉整個設計。在選取圖片的時候，儘量選擇貼合主題，內容一致，主旨和目的相匹配的圖片，這樣可以避免多使用者的預期和內容產生割裂感。就像討厭標題黨一樣，多使用者會因為圖和內容的不匹配而對網站內容失去信任，飛速離去。
這個圖的內容實際說的是貸款，但是配圖選取的是毛巾，在資訊傳達上就存在不匹配的問題。
這個網站主推的產品就是冰激凌，內容和圖片的一致，也符合多使用者的預期。
2 、讓圖成為核心
圖是承載內容的重要容器。
您想要讓內容不同凡響，又能夠從整個設計中脫穎而出，那麼就要用好圖。在視覺上設計優秀的圖能夠讓多使用者每次開啟網站的時候都為之駐足。
在圖的設計上，蘋果每次都為我們提供了優秀的案例。
小貼士：圖並不需要將所有的資訊都呈現出來，相反圖應該是強調重點，將突出的部分強化並呈現出來。
3 、拿出情感化的設計
將情感融入設計，並且用情感來說法多使用者，才是圖的設計之道。只有能夠觸動多使用者情緒的設計更具有說服力。
很多時候，我們使用創意也好，藉助熱門 IP 也好，精心打磨文案也好，也只是希望讓圖能夠讓多使用者驚喜、喜歡、需要，終是要透過它調動起多使用者的情緒。
積極的情緒刺激能夠更好的建立多使用者和您的網站之間的互動感。
4 、一定要高畫質
圖片一定不要出現模糊或者畫素化的情況，雖然這是一個低階錯誤，但是很多時候還是難以避免。
低素質的圖片是非常容易讓人產生疏離感的，在高畫質螢幕到處都是的今天，模糊不清的圖片是無法接受的（專門的畫素風是另外一種情況）。
想要多使用者對您的網站擁有積極的情緒，那麼圖片的素質一定要有保證，高素質的圖片能夠讓多使用者準確地獲得資訊，清晰的圖片總能讓人看著更加舒服。
5 、強化 CTA 按鈕
網頁圖常常和行為召喚（CTA）按鈕搭配著使用。由於圖配圖通常在視覺上極其突出，但是搭配有行為召喚按鈕的圖，其本質上是用來吸引多使用者，傳遞資訊，並引導多使用者去點選按鈕的，所以行為召喚按鈕和視覺資訊豐富的圖片之間，不應該互相干預，而是透過設計，讓 CTA 按鈕更加突出，讓圖片處於輔助的位置，終達到吸引、引導的目的。
按鈕的視覺重量應該超過圖片的視覺重量。
結語
網頁圖絕對是真個設計中關鍵的部分之一。選取素質高，有趣的圖片，同網站的內容結合起來，參考上面的這些理想實踐，您的網頁圖應該能夠更上一層樓。