網(wǎng)頁設計如何做好banner圖

2021-06-01    分類： 網(wǎng)站建設

這篇文章用海豚圖作為主圖展開設計，講明簡單好用的配圖方法。
    圖片質量要求：站在設計的角度，一切事物要遵循一定的美感。所以說圖片不能隨意拿來即用，對圖片本身的質量還是有所要求的，或者說最起碼有個基本的要求，比如說清晰度不好的圖片或者說太過雜亂的場景都不太適合。
    1.隨意在網(wǎng)上瀏覽圖片
    在瀏覽圖片階段，我們不需要非給自己定一個主題，那樣的話一旦找不到合適的圖片心里就會急躁，反而會將我們的樂趣大打折扣，讓自己盡情的享受在瀏覽中，用心體驗這個過程，切忌帶有強烈的目的性。
如何做好banner圖

    圖片網(wǎng)站搜索圖片，隨機尋找自己喜歡的，比如上面的六張圖。
2.選擇心儀圖片
如何做好banner圖

    從上面六張圖中選出最想做設計的兩張圖，左邊的圖是清晨的樹林，陽光為樹木染上了金色，積極向上，如世界初醒。右邊的海豚如海中精靈一般天真活潑，惹人喜愛。
   3.讓圖片更適合設計
    通過設計類目的尺寸比例去裁切調整圖片，達到與設計類目相匹配的要求。無論是想設計還好還是banner，都要看相應的比例標準。
如何做好banner圖

    比方說我們想設計一張海報，比例設定為420*285mm，橫版豎版即可。
    將圖片放置在畫布中，鋪滿整個畫布，作為通版背景使用，渲染一種氛圍感，讓情感與背景融為一體。
如何做好banner圖

   4.以圖配文，選擇文案開始設計
    首先將文案信息安排在畫布上，接著將以英文作為主要的視覺符號突出放大，增強信息層級的對比性。
如何做好banner圖
      將編排好的信息放置在背景上，區(qū)分信息與背景的相對透氣空間，合理安排信息的位置，保證各自的獨立性。
如何做好banner圖

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

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

    最終稿
    將主標題英文進行透明處理，畫面的融入感更為良好，在中文標題處加上箭頭的點元素，指示性與裝飾性更好，另外線性元素可以分割信息，最后加上最下面的英文，表達出信息的疏密對比。
如何做好banner圖

當前文章：網(wǎng)頁設計如何做好banner圖
文章地址：http://www.muchs.cn/news4/115854.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站制作、靜態(tài)網(wǎng)站、網(wǎng)站導航、網(wǎng)站策劃、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化