om du hoppas att öka din online-trafik med bannerannonser, kan du fråga dig själv: hur kan jag skapa web banner ad design som människor vill klicka på? Web banner design fokuserar på det systematiska skapandet av effektiva bannerannonser genom noggrann tillämpning av grundläggande riktlinjer design. I den här artikeln har vi sammanställt all information du behöver för att skapa framgångsrika webb banner mönster.

vad är web banner design?,-

en fantastisk banner ad design av Maryia Dziadziulia

Webb banner design är bland de mest produktiva former av marknadsföring som används i dagens online-värld och kommer i alla former och storlekar. Web banner design handlar om att skapa de mest klickbara bannerannonser möjligt.

bannerannonser är annonsbilder inbäddade på webbsidor som visar upp en produkt eller ett varumärke och länkar till annonsörens webbplats., De flesta företag använder dem i en eller annan form eftersom de är ett prisvärt, mätbart och effektivt medium för att öka varumärkeskännedom.

kontrollera din inkorg
vi har just skickat dig din första lektion.

hur designar du bra bannerannonser?—

Så, hur kan du designa och skapa webbbannerannonser som kommer att medföra dessa klick? Nedan följer en lista med tips och allmänna riktlinjer för att designa bannerannonser.,90px — Leaderboard

  • 300×600px — halvsida
  • 300×250px — Medium rektangel
  • 336×280px — stor rektangel
  • den vanligaste bannerannonsstorlekar
    design av nickjalpa

    placera dina bannerannonser korrekt

    köputrymme på en webbplats där din design kommer att presenteras ovanför webbplatsen.vik och nära huvudinnehållet på en sida.,

    behåll hierarkin

    Bannerannonsdesign bygger på rätt balans i varje annons, så titta på din hierarki. Effektiva bannerannonser är utformade för att öka varumärkeskännedom och driva trafik till din webbplats. De har tre grundläggande komponenter:

    design av shanngeozelle

    företagets logotyp

    företagets logotyp måste inkluderas för att skapa varumärkeskännedom. Se till att det är visuellt dominerande, men inte lika dominerande som värdet proposition eller uppmaning till handling.,

    värdepropositionen

    värdepropositionen visar den tjänst/produkt du tillhandahåller och uppmärksammar sig med attraktiva erbjudanden och priser. Tänk saker som: ”hög kvalitet” eller ”50% off ”eller” begränsad tid erbjudande.”Detta bör ta upp mest utrymme i din annons och vara det första som tittarnas ögon ser.

    uppmaningen

    uppmaningen (eller CTA) är texten eller knappen som uppmanar användarna att klicka. Fraser som” Läs mer ”eller ””komma igång ”eller” titta nu ” är bra exempel. Detta bör vara en tydlig kontaktpunkt för annonsen.,

    Design av strxyzll

    håll det enkelt

    behåll innehåll och grafik enkelt. Tittarna kommer förmodligen bara att titta på din webbbannerannons för en sekund.

    använd knapparna på lämpligt sätt

    beroende på vilken typ av banner som används ökar knapparna ofta klickfrekvensen (CTR) för din annons. Om du ska använda dem, placera dem efter din kopia på nedre högra sidan i (smakfullt) kontrasterande färger. Håll dem alltid konsekventa i hela uppsättningen annonser.,

    har en tydligt definierad ram

    människors ögon dras naturligt till ett ämne inuti en ram. Effektiva bannerannonser har en tydligt definierad ram med grafik utsträckta till kanterna av lådan. Om din annons är vit är det en vanlig praxis att sätta en grå kant på 1 pixel runt annonsen.

    gör din text direkt läsbar

    gör

    Gör din rubrik och kropp kopiera olika storlekar. All kopia ska vara fyra rader eller mindre.,>

    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).,

    använd animering

    animerade webbbannerannonser brukar utföra statiska bannerannonser och kan vara mycket effektiva i webbbannerannonsdesign, men du måste se till att de inte distraherar meddelandet från din annons.,

    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., Överväg att göra den sista ramen av din animering en tydlig uppmaning till handling.

    komplement, men sticker ut

    om din annons visuellt smälter in på de webbplatser där den visas, är det mer troligt att du får tittarnas förtroende. Men gör det inte smälta in för mycket. Bannerannonser måste alltid vara synliga och klickbara.

    Design av ae Grafisk Designer

    överensstämma med ditt varumärke

    din bannerannons kommer att länka till en målsida som inkluderar ditt erbjudande., Se till att annonsen matchar ditt varumärke och målsidan så att potentiella kunder inte blir förvirrade.

    införa en känsla av brådska

    ge en känsla av visuell brådska till texten genom att använda kontrasterande, djärva färger. Bannerannonser är inte alltid avsedda att vara subtila.

    Använd bilder väl (och endast när du behöver det)

    Välj relevant grafik och foton som förbättrar ditt meddelande och är direkt relaterade till din produkt. Inga abstrakta begrepp här.

    har du inte råd med professionell fotografering eller supermodeller? Köp en prisvärd licens för ett aktiefoto., Det finns miljontals högkvalitativa sådana där ute. Ännu bättre, välja ursprungliga illustrationer eller grafik som skapats av en designer.

    Kom ihåg att det inte alltid är nödvändigt att använda bilder i dina bannerannonser. Killer kopia och fin typografi kan skapa lika effektiva resultat.

    Välj lämpliga färger

    varje färg har en annan förening, och det är viktigt att överväga vilka typer av känslor du vill framkalla i din publik. Färg blir det första som en användare märker i din bannerannons.,

    design av Milica2505 för vin + Art Piano Bar

    färger är också subjektiva och har olika föreningar i olika kulturer. Se till att studera din målgrupp när du gör dina färgval. Nedan följer en lista över färger och de känslor som de vanligtvis framkallar i en västerländsk publik.

    • röd: Passion, ilska, spänning och kärlek. Denna kraftfulla färg är attraktiv för de flesta målgrupper, men använd den i måttlighet., Om du siktar på ett klassiskt, moget eller seriöst utseende, undvik rött.
    • Orange: lekfullhet och uppfriskande känslor. Inte lika överväldigande som rött, orange står fortfarande bortsett från mängden och utstrålar energi; det är en bra färg för en uppmaning till handlingsknapp.
    • gul: Cheer, solsken och vänlighet. Gul är iögonfallande och skickar ut en energi som är ungdomlig och prisvärd.
    • grön: hälsa, friskhet, rikedom, miljö, tillväxt, vårdande och nya början. Det är lätt på ögonen också.,
    • blå: säkerhet, förtroende, klarhet, mognad, lugn, intellekt, formalitet, förfriskning, kyla och maskulinitet. Blå visas i mer än hälften av alla logotyper.
    design av Kuz:Design för Dell Boomi
    • lila: lyx, royalty, extravagans, visdom, magi, femininitet och kreativitet. Den har en lugnande, lugnande effekt på en tittare.
    • rosa: kärlek, sötma, femininitet, ungdom och spädbarn., Rosa är vanligtvis förknippad med alla saker feminina, men har ett riktigt intervall baserat på ljusstyrka och ton.
    • Svart: exklusivitet, mysterium, modernitet, makt, prestige, lyx och formalitet. Det är traditionell, och svart text på en vit bakgrund är den mest läsbara färgkombinationen.
    • vit: renhet, renlighet, modernitet, sterilitet, enkelhet, ärlighet och oskuld. Vit skapar känslor av ekonomisk känsla och ungdom.
    • brun: natur, trä, läder, allvar, maskulinitet, seghet och ödmjukhet., Brown balanserar ut starkare färger och är bra för bakgrundsfärger och texturer.
    • grå: neutralitet och praktiska egenskaper. När den används som bakgrund intensifierar grå andra färger.

    14. Håll dina filstorlekar små

    När det gäller filstorlek, desto mindre desto bättre—under 150 kb, enligt Google Adwords. Annonsen måste laddas snabbt på en sida innan tittarna bläddrar ner och missar den.

    använd rätt filformat

    jpg, png, GIF eller HTML5-filer kommer att vara dina arbetsresultat., Din designer normalt kommer att arbeta i Adobe Illustrator eller Photoshop för att leverera JPG -, PNG-eller GIF-filer, eller i Google Web Designer eller Adobe Animera för HTML5-filer. Kom ihåg att Flash-annonser är ganska föråldrade just nu, så välj dessa andra bildfilformat.

    du är redo att designa bättre webbbanners!—

    där har du det! Det här är bara några riktlinjer för bannerannonsdesign, men det tar mycket mer att skapa riktigt fantastiska, högpresterande annonser., Om du inte är en professionell designer (eller för upptagen driva ett företag), överväga att anställa en begåvad kreativ att utforma den perfekta, klickbara annonser bara för dig.

    redo att designa en bättre avkastning?
    våra designers skapar unika, fängslande bannerannonser.