Banner 是我們常聊到的設計元素,它是一個網頁的招牌,是多用户容易看到的視覺元素。網頁設計師都明白,網頁對於多用户的印象是非常重要的,而網頁給多用户的印象很大程度上取決於網頁的視覺設計。現在的網頁雖然多種多樣,但是出於視覺化設計的目的,大多會使用大圖背景,或者超大尺寸的 Banner 。當多用户一開啓網頁的時候,映入多用户眼簾的 Banner,是影響視覺設計的關鍵因素,它有個專門的術語是 Hero image,我們通常稱之為圖。所以,網頁圖的設計需要特別用心的。
網頁圖不僅僅是一張漂亮的圖片,它還應該是強大的視覺傳達工具。談情懷不如講套路,我們就通過一系列理想實踐來為您展示圖設計的一些設計 “套路” 。
1 、一定要使用相關圖片
在挑選圖片的時候一定要精挑細選。
合適而好的圖片能夠提升整體體驗,而不合適的圖片選擇則可能毀掉整個設計。在選取圖片的時候,儘量選擇貼合主題,內容一致,主旨和目的相匹配的圖片,這樣可以避免多用户的預期和內容產生割裂感。就像討厭標題黨一樣,多用户會因為圖和內容的不匹配而對網站內容失去信任,飛速離去。
這個圖的內容實際説的是貸款,但是配圖選取的是毛巾,在資訊傳達上就存在不匹配的問題。
2 、讓圖成為核心
圖是承載內容的重要容器。
您想要讓內容不同凡響,又能夠從整個設計中脱穎而出,那麼就要用好圖。在視覺上設計優秀的圖能夠讓多用户每次開啓網站的時候都為之駐足。
在圖的設計上,蘋果每次都為我們提供了優秀的案例。
小貼士:圖並不需要將所有的資訊都呈現出來,相反圖應該是強調重點,將突出的部分強化並呈現出來。
3 、拿出情感化的設計
將情感融入設計,並且用情感來説法多用户,才是圖的設計之道。只有能夠觸動多用户情緒的設計更具有説服力。
很多時候,我們使用創意也好,藉助熱門 IP 也好,精心打磨文案也好,也只是希望讓圖能夠讓多用户驚喜、喜歡、需要,終是要通過它調動起多用户的情緒。