網頁設計如何做好banner圖？

這篇文章用海豚圖作為主圖展開設計，講明簡單好用的配圖方法。

　　圖片質量要求：站在設計的角度，一切事物要遵循一定的美感。所以說圖片不能隨意拿來即用，對圖片本身的質量還是有所要求的，或者說起碼有個基本的要求，比如說清晰度不好的圖片或者說太過雜亂的場景都不太適合。

　　1.隨意在網上瀏覽圖片

　　在瀏覽圖片階段，我們不需要非給自己定一個主題，那樣的話一旦找不到合適的圖片心里就會急躁Windows 10全球市場份額正式超越Windows 7，反而會將我們的樂趣大打折扣，讓自己盡情的享受在瀏覽中，用心體驗這個過程，切忌帶有強烈的目的性。

　　圖片網站搜索圖片阿里通網絡科技，隨機尋找自己喜歡的，比如上面的六張圖。

　　2.選擇心儀圖片

　　從上面六張圖中選出想做設計的兩張圖，左邊的圖是清晨的樹林，陽光為樹木染上了金色，積極向上，如世界初醒。右邊的海豚如海中精靈一般天真活潑，惹人喜愛。

　　3.讓圖片更適合設計

　　通過設計類目的尺寸比例去裁切調整圖片，達到與設計類目相匹配的要求。無論是想設計還好還是banner，都要看相應的比例標準。

　　比方說我們想設計一張海報，比例設定為420*285mm，橫版豎版即可。

　　將圖片放置在畫布中，鋪滿整個畫布，作為通版背景使用，渲染一種氛圍感，讓情感與背景融為一體。
4.以圖配文，選擇文案開始設計

　　首先將文案信息安排在畫布上，接著將以英文作為主要的視覺符號突出放大，增強信息層級的對比性。

　　將編排好的信息放置在背景上，區分信息與背景的相對透氣空間，合理安排信息的位置，保證各自的獨立性。

　　內文信息中英文調整為橫向并列，增強其整體對比性與自由性。重新將主標題英文斷行處理，換成更時尚更具美感的粗字型。兩行文字形成疏密對比，并于負空間處借助線性元素連接起來。

　　為了讓畫面的信息與背景產生更強的聯系性，在黃色圓圈標注的位置將海豚的外形勾勒出來，形成一種破圖的3D視覺，由此畫面的整體趣味性與互動性更強烈。

　　終稿

　　將主標題英文進行透明處理，畫面的融入感更為良好，在中文標題處加上箭頭的點元素，指示性與裝飾性更好商貿行業網站建設，另外線性元素可以分割信息，后加上下面的英文，表達出信息的疏密對比。