歡迎來(lái)到(dào)深圳市博易美科技有限公司網站(zhàn)!
人(rén)
已閱讀(dú)

Banner圖的(de)設計(jì)在網站(​✔™→zhàn)設計(jì)中的(de)重要(yào)性

來(lái)源:lexintech.com  εα÷γ     發布時(shí)間(jiān):2017-09-19
在APP開(kāi)發、網站(zhàn)開(kāi)‌≈£↑發時(shí),banner圖都(dōuβ±)是(shì)最重要(yào)的(de)。特别是(shì)網站(zhàn),✔÷​π很(hěn)多(duō)網站(zhàn)打開(kāi)首頁₹<後,banner圖基本上(shàng)覆蓋了(le)整個(gè)屏幕,ban £ner圖基本上(shàng)永遠(yuǎn)放(fàng)在• δ一(yī)個(gè)界面最重要(yào)的(de)位置,→ 因此,banner的(de)好(hǎo)壞無論是(s♠πhì)對(duì)設計(jì)師(shī)還(hái)是(shì)産品本身≤≠(shēn)都(dōu)是(shì)非常重要(yào)的(de)。今天,σ♣樂(yuè)信科(kē)技(jì)小(xiǎo)"✘®$編帶大(dà)家(jiā)聊一(yī)聊關于banner圖的(dβδe)設計(jì)。
深圳網站(zhàn)建設
首先,我們先了(le)解一(yī)下(xià)什(shén)麽♣φ×σ是(shì)平面構成。百度百科(kē)的(de)解釋是(sh​‌ì):平面構成是(shì)視(shì)覺元素在二次元的(de)平面‍$&上(shàng),按照(zhào)美(měi)的(de)視(s✔∞'<hì)覺效果,力學的(de)原理(lǐ),進行(xíng‌ε®)編排和(hé)組合,它是(shì)以理(lǐ)性和©∞≥(hé)邏輯推理(lǐ)來(lái)創造形象、研究形象與形象☆€✔之間(jiān)的(de)排列的(de)方法,是(shì)理(lǐ)性與感性'↓€相(xiàng)結合的(de)産物(wù)。我的(de)理(lǐ)解,↓∏ 平面構成主要(yào)是(shì)在二維空(kōng)間(jiān)運®δβ用(yòng)點、線、面結合一(yī)定的(de↕ )規律所形成的(de)一(yī)種視(shì)↓"¥覺語言,他(tā)可(kě)以是(shì)抽象的(de),也 αδ§(yě)可(kě)以是(shì)具象的(de),可(kě)以是(shì)感性♥™→的(de),也(yě)可(kě)以是(shì)理(lǐ)性的(★γ Ωde),同時(shí)它也(yě)不(bù)是(shì)獨立存在的(d∑$β∞e),而是(shì)伴随著(zhe)色彩/肌理(lǐ€¥★↔)/光(guāng)影(yǐng)等而存在的‍​β(de)。基本上(shàng)世間(jiān∞Ω★)萬物(wù),所有(yǒu)我們接觸到(dào)的(d±←e)或無法接觸到(dào)的(de),看(kàn)得(de)見(jiàn)的(§₽de)或看(kàn)不(bù)見(jiàn)的(d&¥δ♠e)事(shì)物(wù)裡(lǐ)都(dōu)有(yǒuπ$)平面構成的(de)運用(yòng)和(hé)身(shēn)影(yǐng)±π>↕。
 
其次,我們要(yào)了(le)解Banner圖是('εshì)由什(shén)麽組成的(de)。比如(r♦Ω‍$ú)電(diàn)商Banner,組成要(yào)素一(yī)般包含4個(∑ gè)方面:文(wén)案 、商品/模特、背景、點綴物(wù)。B'♥↔πanner的(de)作(zuò)用(yòng)是(shì):宣傳εα€/展示/廣而告之/準确傳達信息。
 
第三、我們該如(rú)何在Banner↑ γ圖設計(jì)中運用(yòng)平面構成呢(ne)?在前面我們提到(dεφào),平面構成主要(yào)是(shì)在二維空(↔$£kōng)間(jiān)運用(yòng)點、線、面結合一(yī)定的(de)•™↔規律所形成的(de)一(yī)種視(shì)覺語言,而Banner中¶≤γ'的(de)所有(yǒu)元素(文(wén§&)案/商品或模特/背景/點綴物(wù))其實都(dōu)可(×®&kě)以看(kàn)作(zuò)是(shì)平面構成裡(lǐ)的(de)點線面↓®§這(zhè)些(xiē)構成元素。
  那(nà)麽,接下(xià)來(lái)我們就Ω∑∑(jiù)需要(yào)了(le)解3個(gè)有(×α↕yǒu)關平面構成的(de)概念了(le):
  1、元素與元素之間(jiān)的(de)排列關系
  2、所有(yǒu)元素在一(yī)起所體(tǐ)現(xià&φ♣n)的(de)構成形式
  3、了(le)解幾個(gè)常用(yòβ'ε$ng)的(de)平面術(shù)語
 
  接下(xià)來(lái),我們分(fēn)别了(le)£≤解下(xià)這(zhè)幾個(gè)概♦$念:
  1、元素與元素之間(jiān)的(de)排♣¶列關系
  它們之間(jiān)的(de)排列有(yǒu)下(xià)面±€♠這(zhè)麽幾種:分(fēn)離(lí)/相(xiàng)切/重疊/透↕&§±疊/結合/減缺/差疊/重疊。
  分(fēn)離(lí):形與形之間(jiān)不(bù)接觸,有(yǒu↑​↔)一(yī)定距離(lí)。
  相(xiàng)切:形與形之間(jiān)的(de)邊緣δ"'正好(hǎo)相(xiàng)切。
  重疊:形與形之間(jiān)覆疊關系,由此産生(shēng)∑€<上(shàng)下(xià)前後的(de)空(kōng)間(jiān)♦γ£關系。
  透疊:形與形有(yǒu)透明(míng±£•)性的(de)相(xiàng)互交疊,但(dàn‌ ©​)不(bù)産生(shēng)上(shàng↕™∞)下(xià)前後的(de)空(kōng)間(jiān)關系。
  結合:形與形相(xiàng)互結合成較大(dà)<→≤的(de)新形狀。
  減缺:形與形相(xiàng)互覆疊,覆疊的(de)形狀被剪 ÷↓掉。
  差疊:形與形相(xiàng)互交疊,交疊的(de)部分(f&←₹ēn)産生(shēng)一(yī)個(gè)新的(de)形。  ₽
  重合:形與形相(xiàng)互重合,變為(wδΩ©₽èi)一(yī)體(tǐ)。
  2、所有(yǒu)元素在一(yī)✘ λ起所體(tǐ)現(xiàn)的(de)構成形式
  從(cóng)所有(yǒu)元素(點線₽←₹面)整體(tǐ)看(kàn),其構成形式主要(yào)有(yǒu)重複♠ε "、近(jìn)似、漸變、變異、對(duì)比、集結、發射、特異、 ≤•空(kōng)間(jiān)與矛盾空(kōng€∞♣)間(jiān)、分(fēn)割、肌理(lǐ)及錯(cΩ↔uò)視(shì)等等。
 
  以上(shàng)呢(ne),我就σε(jiù)先總結這(zhè)麽多(duōπ★ ♣),其實所有(yǒu)的(de)Banner版式都(dōu)是(shì)大(±‍dà)同小(xiǎo)異的(de),因為(wèi)我們前面↓α 提到(dào),Banner是(shì)由文(wén)案✔φ/模特或商品/背景/點綴物(wù)組成的(de),而所有(✘ ↔yǒu)這(zhè)些(xiē)元素就(jiù)相(xiàng)當于∑♠我們平面構成裡(lǐ)的(de)點線面,當我們改✔γ♣變這(zhè)些(xiē)元素的(de)角度/距離(lí)λφ/大(dà)小(xiǎo)/數(shù)量/樣式/顔 ​色等,新的(de)版式也(yě)就(jiù)産生(‍≠φ≠shēng)了(le),所以,大(dà)家(jγ"•iā)不(bù)妨也(yě)試試看(kàn)哦。
  當我們在做(zuò)一(yī)個(gè)ban®∑™ner的(de)時(shí)候,如(rú)果沒₩♣有(yǒu)特别的(de)要(yào)求₩γ∑ ,其實我們是(shì)有(yǒu)很(hěn)多(duō)個(g∏σ∏è)方向選擇的(de),首先問(wèn)下(xià)自(zì)己®&你(nǐ)是(shì)想要(yào)突出什(shén)麽信息呢(ne)?是(s★βhì)突出商品呢(ne)?還(hái)是(shì)突出÷≈α文(wén)字呢(ne)?還(hái)是(shì)突出'♣ 整體(tǐ)的(de)氛圍呢(ne)?還(hái)是(shì)強調整 π體(tǐ)的(de)協調感呢(ne)?還(hái)是<✔(shì)說(shuō)強調品牌呢(ne)?
  一(yī)般來(lái)說(shuō),一(≥♥yī)個(gè)好(hǎo)的(de)Bann∏εer首先是(shì)要(yào)保證信息傳達®→準确,然後再需要(yào)保證畫(huà)面的(de)協調感和(hé)氛圍的$&(de)。