Jos olet haluavat parantaa online-liikennettä banneri mainoksia, saatat kysyä itseltäsi: miten voin luoda web-bannerin suunnittelu, että ihmiset haluavat klikata? Web bannerisuunnittelu keskittyy tehokkaiden bannerimainosten järjestelmälliseen luomiseen perustason suunnitteluohjeiden huolellisen soveltamisen kautta. Tässä artikkelissa olemme koonneet kaikki tiedot, sinun täytyy luoda onnistunut web-banneri malleja.

mikä on web-bannerisuunnittelu?,—

hämmästyttävä bannerin suunnittelu Maryia Dziadziulia

Web-bannerin suunnittelu on yksi kaikkein tuottelias markkinoinnin muotoja käytetään nykypäivän online-maailmassa ja tulee kaikki muodot ja koot. Web bannerin suunnittelussa on kyse mahdollisimman klikattavien bannerimainosten luomisesta.

bannerimainokset ovat verkkosivuille upotettuja mainoskuvia, jotka esittelevät tuotetta tai brändiä ja linkittävät mainostajan sivuille., Useimmat yritykset käyttää niitä muodossa tai toisessa, koska ne ovat edullinen, mitattavissa olevia ja tehokkaita keskipitkän lisätä brändin tunnettuutta.

Tarkista sähköpostisi
– Olemme vain lähettää sinulle ensimmäisen oppitunnin.

miten suunnittelet suuria bannerimainoksia?-

niin, miten voit suunnitella ja luoda web bannerimainoksia, jotka tuovat ne klikkaukset? Alla on lista vinkkejä ja yleisiä ohjeita bannerimainosten suunnitteluun.,90px — Leaderboard

  • 300×600px — Puoli Sivua
  • 300×250px — Keskikokoinen Suorakaide
  • 336×280px — Suuri Suorakaide
  • Yleisin bannerin kokoa
    Design by nickjalpa

    Aseta banneri mainoksia oikein

    Ostaa tilaa verkkosivuilla, missä suunnittelu on esillä taitteen yläpuolella ja lähellä pääasiallinen sisältö sivun.,

    Ylläpitää hierarkia

    Bannerin suunnittelu perustuu oikea tasapaino kunkin mainoksen, joten katsella hierarkia. Tehokkaat bannerimainokset on suunniteltu lisäämään bränditietoisuutta ja ajamaan liikennettä verkkosivustollesi. Heillä on kolme perusosaa:

    Design by shanngeozelle

    yrityksen logo

    yrityksen logon on oltava mukana, rakentaa brändin tunnettuutta. Varmista, että se on visuaalisesti hallitseva, mutta ei yhtä hallitseva kuin arvolupaus tai soita toiminta.,

    arvolupaus

    arvolupaus esittelee palvelu/tuote tarjoaa ja vaatii huomiota itselleen houkuttelevia tarjouksia ja hintoja. Ajattele asioita, kuten: ”korkea laatu” tai ”50% pois” tai ” rajoitetun ajan tarjous.”Tämän pitäisi viedä eniten tilaa mainoksessasi ja olla ensimmäinen asia, jonka katsojien silmät näkevät.

    call to action

    call to action (tai CTA) on teksti tai painike, joka kehottaa käyttäjiä napsauttamaan. Mainiot esimerkit ovat Sanonnat ”Learn more”tai” Get started ”tai” Watch Now”. Tämän tulisi olla mainoksen selkeä keskipiste.,

    Design by strxyzll

    Pitää se yksinkertainen

    Pidä sisältöä ja grafiikka yksinkertainen. Katsojat todennäköisesti vain vilkaisevat web bannerimainokseesi hetkeksi.

    Käytä painikkeita asianmukaisesti

    Riippuen banneri, painikkeet usein lisätä click-through rate (CTR) mainoksen. Jos aiot käyttää niitä, aseta ne kopiosi jälkeen oikealla alhaalla (tyylikkäästi) vastakkaisissa väreissä. Pidä ne aina johdonmukaisina koko mainossarjan ajan.,

    On selkeästi määritelty runko

    Ihmisten silmät ovat luonnostaan vetoa aihe sisällä runko. Tehokkaissa bannerimainoksissa on selkeästi määritelty kehys, jonka grafiikka ulottuu laatikon reunoille. Jos mainos on valkoinen, on yleinen käytäntö laittaa 1 pikselin harmaa raja mainoksen ympärille.

    Tee teksti on heti luettavissa

    Tehdä

    Tee otsikko ja kehon kopioida eri kokoja. Kaikki kopiot pitäisi olla neljä riviä tai vähemmän.,>

    Design by MotivatedDesign
    Bad example…
    Via OfferVault

    Don’t

    Use cursive/script fonts, extremely thin font weight, all uppercase copy, or font sizes smaller than a 10 pt (unless it’s a disclaimer or copyright notice).,

    Käytä animaatio

    – Animoitu web-banneri mainoksia yleensä out-suorittaa staattinen banneri mainoksia, ja voi olla erittäin tehokas verkkosivuilla, banneri, suunnittelu, mutta sinun täytyy varmistaa, että ne eivät häiritse viestin mainoksen.,

    Via Shoemit
    Via Sprout
    Via Neiman Marcus

    Use simple animations that last no more than 15 seconds, and make sure that they don’t loop more than 3 times., Harkitse, että teet animaatiosi viimeisestä kehyksestä selkeän kutsun toimintaan.

    komplementti, mutta erotu

    Jos mainoksesi visuaalisesti sulautuu sivustoihin, joissa se on esillä, ansaitset todennäköisemmin katsojiesi luottamuksen. Älä kuitenkaan sekoita sitä liikaa. Bannerimainosten on aina oltava näkyviä ja klikattavia.

    Design by ae Graafinen Suunnittelija

    Olla sopusoinnussa brändin

    Oman bannerin linkki aloitussivulle, joka sisältää tarjouksen., Varmista, että mainos vastaa brändiäsi ja aloitussivuasi, jotta potentiaaliset asiakkaat eivät hämmenny.

    Juurruta kiireellisyyden tunne

    tuo tekstiin visuaalisen kiireellisyyden tunnetta käyttämällä vastakkaisia, rohkeita värejä. Bannerimainosten ei ole aina tarkoitus olla hienovaraisia.

    Käytä kuvia hyvin (ja vain silloin, kun tarvitset sitä)

    Valitse asiaankuuluvat grafiikkaa ja valokuvia, jotka parantavat viesti ja liittyvät suoraan tuotteen. Ei abstrakteja käsitteitä.

    ei ole varaa ammattimaiseen valokuvaukseen tai supermalleihin? Osta edullinen lisenssi osakekuvaan., Siellä on miljoonia laadukkaita. Parempi vielä, valita alkuperäisiä kuvituksia tai grafiikkaa luoma suunnittelija.

    muista, että bannerimainoksissasi ei aina tarvitse käyttää kuvia. Killer copy ja mukava typografia voivat luoda yhtä tehokkaita tuloksia.

    Valita sopiva värit

    Jokainen väri on erilainen yhdistys, ja se on tärkeää pohtia, millaisia tunteita haluat herättää yleisö. Väri on ensimmäinen asia, jonka käyttäjä huomaa oman bannerin.,

    Design by Milica2505 Viiniä + Art Piano Bar

    Värit ovat myös subjektiivisia ja eri yhdistykset eri kulttuureissa. Muista tutkia kohdeyleisöäsi värivalintoja tehdessäsi. Alla on lista väreistä ja tunteista, joita ne tyypillisesti herättävät länsimaisessa yleisössä.

    • punainen: intohimo, viha, jännitys ja rakkaus. Tämä voimakas väri on houkutteleva useimmille yleisöille, mutta käytä sitä kohtuullisesti., Jos tähtäät klassiseen, kypsään tai vakavaan ilmeeseen, vältä punaista.
    • Orange: Playfulness and invigorating feelings. Ei ole yhtä ylivoimainen kuin punainen, oranssi silti erottuu joukosta ja huokuu energiaa; se on hyvä väri call to action-painike.
    • Keltainen: Cheer, sunshine ja ystävällisyys. Keltainen on silmäänpistävä ja lähettää energiaa, joka on nuorekas ja edullinen.
    • vihreä: terveys, tuoreus, vauraus, ympäristö, kasvu, hoivaaminen ja uusi alku. Se on helppoa myös silmille.,
    • Sininen: Turvallisuus, luottamus, selkeys, maturiteetti, tyyneys, äly, muodollisuus, virkistystä, kylmyys, ja maskuliinisuutta. Sininen näkyy yli puolessa kaikista logoista.
    Design by Kuz:Suunnittelu Dell Boomi
    • Violetti: Ylellisyyttä, royalty, ylellisyys, viisautta, taikuutta, naisellisuus, ja luovuutta. Sillä on rauhoittava ja rauhoittava vaikutus katsojaan.
    • pinkki: Rakkaus, makeus, naisellisuus, nuoruus ja vauvat., Pinkki liittyy tyypillisesti kaikkeen naiselliseen, mutta sen todellinen valikoima perustuu kirkkauteen ja sävyyn.
    • Black: Exclusivity, mystery, modernity, power, prestige, luxury, and formality. Se on perinteinen, ja musta teksti valkoisella pohjalla on kaikkein luettavissa väri yhdistelmä.
    • valkoinen: puhtaus, puhtaus, nykyaikaisuus, steriiliys, yksinkertaisuus, rehellisyys ja viattomuus. Valkoinen luo taloudellisen tunteen ja nuoruuden tunteita.
    • ruskea: Luonto, puu, nahka, vakavuus, maskuliinisuus, sitkeys ja nöyryys., Ruskea tasapainottaa vahvempia värejä ja sopii hyvin taustaväreihin ja tekstuureihin.
    • Gray: puolueettomuus ja käytännöllisyys. Taustana käytettynä harmaa tehostaa muita värejä.

    14. Pidä tiedostokoot pieninä

    mitä tulee tiedostokokoon, sitä pienempi on Google AdWordsin mukaan parempi—Alle 150 kb. Mainoksesi täytyy ladata nopeasti sivulle, ennen kuin katsojat vierittävät alas ja jättävät sen väliin.

    Käyttää oikeita tiedostomuotoja

    JPG, PNG, GIF tai HTML5 tiedostot työskentely suoritteet., Suunnittelija toimii tyypillisesti Adobe Illustrator tai Photoshop toimittaa JPG -, PNG -, tai GIF-tiedostoja, tai Google Web-Suunnittelija tai Adobe Animoi HTML5 tiedostoja. Muista, Flash-mainokset ovat melko vanhentuneita tässä vaiheessa, joten valitse nämä muut kuvatiedostomuodot.

    olet valmis suunnittelemaan parempia webbannereita!-

    There you have it! Nämä ovat vain joitakin bannerimainoksen suunnitteluohjeita, mutta todella mahtavien, suorituskykyisten mainosten luominen vaatii paljon enemmän., Jos et ole ammattimainen suunnittelija (tai liian kiireinen pyörittää liiketoimintaa), harkitse palkata lahjakas luova suunnitella täydellinen, klikattava mainoksia vain sinulle.

    Ready to design a better ROI?
    suunnittelijamme luovat uniikkeja, vangitsevia bannerimainoksia.