網(wǎng)頁(yè)設(shè)計(jì)如何做好banner圖

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

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

    從上面六張圖中選出最想做設(shè)計(jì)的兩張圖，左邊的圖是清晨的樹(shù)林，陽(yáng)光為樹(shù)木染上了金色，積極向上，如世界初醒。右邊的海豚如海中精靈一般天真活潑，惹人喜愛(ài)。
   3.讓圖片更適合設(shè)計(jì)
    通過(guò)設(shè)計(jì)類(lèi)目的尺寸比例去裁切調(diào)整圖片，達(dá)到與設(shè)計(jì)類(lèi)目相匹配的要求。無(wú)論是想設(shè)計(jì)還好還是banner，都要看相應(yīng)的比例標(biāo)準(zhǔn)。

    比方說(shuō)我們想設(shè)計(jì)一張海報(bào)，比例設(shè)定為420*285mm，橫版豎版即可。
    將圖片放置在畫(huà)布中，鋪滿(mǎn)整個(gè)畫(huà)布，作為通版背景使用，渲染一種氛圍感，讓情感與背景融為一體。

   4.以圖配文，選擇文案開(kāi)始設(shè)計(jì)
    首先將文案信息安排在畫(huà)布上，接著將以英文作為主要的視覺(jué)符號(hào)突出放大，增強(qiáng)信息層級(jí)的對(duì)比性。
      將編排好的信息放置在背景上，區(qū)分信息與背景的相對(duì)透氣空間，合理安排信息的位置，保證各自的獨(dú)立性。

    內(nèi)文信息中英文調(diào)整為橫向并列，增強(qiáng)其整體對(duì)比性與自由性。重新將主標(biāo)題英文斷行處理，換成更時(shí)尚更具美感的粗字型。兩行文字形成疏密對(duì)比，并于負(fù)空間處借助線(xiàn)性元素連接起來(lái)。

    為了讓畫(huà)面的信息與背景產(chǎn)生更強(qiáng)的聯(lián)系性，在黃色圓圈標(biāo)注的位置將海豚的外形勾勒出來(lái)，形成一種破圖的3D視覺(jué)，由此畫(huà)面的整體趣味性與互動(dòng)性更強(qiáng)烈。

    最終稿
    將主標(biāo)題英文進(jìn)行透明處理，畫(huà)面的融入感更為良好，在中文標(biāo)題處加上箭頭的點(diǎn)元素，指示性與裝飾性更好，另外線(xiàn)性元素可以分割信息，最后加上最下面的英文，表達(dá)出信息的疏密對(duì)比。

當(dāng)前文章：網(wǎng)頁(yè)設(shè)計(jì)如何做好banner圖
文章地址：http://www.bm7419.com/news4/115854.html

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

廣告

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