網(wǎng)頁設計如何做好banner圖
2021-06-01 分類： 網(wǎng)站建設
這篇文章用海豚圖作為主圖展開設計，講明簡單好用的配圖方法。
圖片質量要求：站在設計的角度，一切事物要遵循一定的美感。所以說圖片不能隨意拿來即用，對圖片本身的質量還是有所要求的，或者說最起碼有個基本的要求，比如說清晰度不好的圖片或者說太過雜亂的場景都不太適合。
1.隨意在網(wǎng)上瀏覽圖片
在瀏覽圖片階段，我們不需要非給自己定一個主題，那樣的話一旦找不到合適的圖片心里就會急躁，反而會將我們的樂趣大打折扣，讓自己盡情的享受在瀏覽中，用心體驗這個過程，切忌帶有強烈的目的性。
圖片網(wǎng)站搜索圖片，隨機尋找自己喜歡的，比如上面的六張圖。
2.選擇心儀圖片
從上面六張圖中選出最想做設計的兩張圖，左邊的圖是清晨的樹林，陽光為樹木染上了金色，積極向上，如世界初醒。右邊的海豚如海中精靈一般天真活潑，惹人喜愛。
3.讓圖片更適合設計
通過設計類目的尺寸比例去裁切調整圖片，達到與設計類目相匹配的要求。無論是想設計還好還是banner，都要看相應的比例標準。
比方說我們想設計一張海報，比例設定為420*285mm，橫版豎版即可。
將圖片放置在畫布中，鋪滿整個畫布，作為通版背景使用，渲染一種氛圍感，讓情感與背景融為一體。
4.以圖配文，選擇文案開始設計
首先將文案信息安排在畫布上，接著將以英文作為主要的視覺符號突出放大，增強信息層級的對比性。
將編排好的信息放置在背景上，區(qū)分信息與背景的相對透氣空間，合理安排信息的位置，保證各自的獨立性。
內文信息中英文調整為橫向并列，增強其整體對比性與自由性。重新將主標題英文斷行處理，換成更時尚更具美感的粗字型。兩行文字形成疏密對比，并于負空間處借助線性元素連接起來。
為了讓畫面的信息與背景產(chǎn)生更強的聯(lián)系性，在黃色圓圈標注的位置將海豚的外形勾勒出來，形成一種破圖的3D視覺，由此畫面的整體趣味性與互動性更強烈。
最終稿
將主標題英文進行透明處理，畫面的融入感更為良好，在中文標題處加上箭頭的點元素，指示性與裝飾性更好，另外線性元素可以分割信息，最后加上最下面的英文，表達出信息的疏密對比。
圖片質量要求：站在設計的角度，一切事物要遵循一定的美感。所以說圖片不能隨意拿來即用，對圖片本身的質量還是有所要求的，或者說最起碼有個基本的要求，比如說清晰度不好的圖片或者說太過雜亂的場景都不太適合。
1.隨意在網(wǎng)上瀏覽圖片
在瀏覽圖片階段，我們不需要非給自己定一個主題，那樣的話一旦找不到合適的圖片心里就會急躁，反而會將我們的樂趣大打折扣，讓自己盡情的享受在瀏覽中，用心體驗這個過程，切忌帶有強烈的目的性。
圖片網(wǎng)站搜索圖片，隨機尋找自己喜歡的，比如上面的六張圖。
2.選擇心儀圖片
從上面六張圖中選出最想做設計的兩張圖，左邊的圖是清晨的樹林，陽光為樹木染上了金色，積極向上，如世界初醒。右邊的海豚如海中精靈一般天真活潑，惹人喜愛。
3.讓圖片更適合設計
通過設計類目的尺寸比例去裁切調整圖片，達到與設計類目相匹配的要求。無論是想設計還好還是banner，都要看相應的比例標準。
比方說我們想設計一張海報，比例設定為420*285mm，橫版豎版即可。
將圖片放置在畫布中，鋪滿整個畫布，作為通版背景使用，渲染一種氛圍感，讓情感與背景融為一體。
4.以圖配文，選擇文案開始設計
首先將文案信息安排在畫布上，接著將以英文作為主要的視覺符號突出放大，增強信息層級的對比性。
內文信息中英文調整為橫向并列，增強其整體對比性與自由性。重新將主標題英文斷行處理，換成更時尚更具美感的粗字型。兩行文字形成疏密對比，并于負空間處借助線性元素連接起來。
為了讓畫面的信息與背景產(chǎn)生更強的聯(lián)系性，在黃色圓圈標注的位置將海豚的外形勾勒出來，形成一種破圖的3D視覺，由此畫面的整體趣味性與互動性更強烈。
最終稿
將主標題英文進行透明處理，畫面的融入感更為良好，在中文標題處加上箭頭的點元素，指示性與裝飾性更好，另外線性元素可以分割信息，最后加上最下面的英文，表達出信息的疏密對比。
本文標題：網(wǎng)頁設計如何做好banner圖
URL網(wǎng)址：http://m.2m8n56k.cn/news/115854.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、網(wǎng)站設計、ChatGPT、做網(wǎng)站、App設計、域名注冊
聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容
- 網(wǎng)站首頁該放什么？ 2021-05-31
- 怎么建設出客戶滿意的網(wǎng)站 2021-05-31
- 做好SEO推廣 網(wǎng)站流量不是難事 2021-05-31
- 創(chuàng)新互聯(lián)帶你深入“工業(yè)互聯(lián)網(wǎng)拓展”之路 2021-05-31
- 深圳企業(yè)網(wǎng)站搜索引擎營銷的主要模式 2021-05-31
- 網(wǎng)站優(yōu)化之常見問題的一些問題 2021-05-31
- 網(wǎng)絡營銷對于網(wǎng)站的重要性 2021-05-31
- 百度不收錄網(wǎng)站的原因 2021-06-01
- 搜索引擎對于網(wǎng)站的重要性 2021-05-31
- 網(wǎng)站對于企業(yè)來講就是互聯(lián)網(wǎng)中的一張“名片” 2021-05-31
- 很右APP成“90后新寵兒” 2021-05-31
- 參加很多SEO培訓，為什么還不會做SEO？ 2021-05-31
- CSS精粹之布局 2021-05-31
- 為什么網(wǎng)頁設計的報價差距非常大 2021-05-31
- 網(wǎng)站上用到的51啦流量統(tǒng)計代碼使用方法 2021-05-31
- 創(chuàng)新互聯(lián)帶您了解網(wǎng)站開發(fā)對企業(yè)的五大優(yōu)勢 2021-05-31
- 網(wǎng)站推廣時，常被觸發(fā)的“雷區(qū)”有哪些 2021-05-31
- 如何避免頁面設計讓用戶產(chǎn)生疲憊感？ 2021-05-31
- 想要做一個網(wǎng)站不知道多少錢？ 2021-05-31