www.romver.ru / Полный список статей / Рисуем баннеры

Banneri ispol'zuutsa na strani4kax v ka4estve reklami drugix resursov i, kak pravilo, ix dizayn nikak ne svazan s soderjimim strani4ki i ottogo smotritsa neskol'ko ot4ujdёnno. Pravda, est' odno isklu4enie — lokal'nie banneri. V etom slu4ae mi mojem oformit' ix, ispol'zua motivi dizayna osnovnogo sayta.

Pri sozdanii sayta neobxodimo u4itivat' nali4ie bannerov i sootvetstvenno vistraivat' dizayn.

Na prostorax Runeta popularni neskol'ko tiporazmerov bannerov, samie rasprostranennie iz kotorix — eto 468*60, 100*100 i 88*31 (obi4no nazivaemie knopkami). Banneri ostal'nix razmerov primenautsa gorazdo reje i obi4no tol'ko dla lokal'nix bannernix setey (125*125, u6ki na Lenta.Ru i t.p.)

Krome otli4ia v razmerax, banneri mogut bit' raznogo tipa:

• grafi4eskie
• html-banneri
• flash-banneri

Dva poslednix tipa dostato4no slojnie i specifi4eskie. Mi budem razbirat'sa s klassi4eskim grafi4eskim bannerom razmerom 468*60 pikseley.

Primenenie bannerov v ka4estve reklamnogo nositela v Seti nakladivaet na nego neskol'ko ograni4eniy. Osnovnoe iz kotorix — eto «ves» bannera v kilobaytax. V popularnix bannernix setax maksimal'niy ves limitiruetsa ciframi ot 10 do 15Kb. A prinimau za bazovuu cifru v 12Kb. Esli ves bannera bol'6e, to on s4itaetsa tajelim i dla reklami neprigoden, t.k. vrema, trebuemoe dla zagruzki, previsit srednee vrema prosmotra strani4ki, — pro6e govora, banner ne uspeet zagruzit'sa.

Dla umen'6enia vesa bannera est' neskol'ko priёmov, no o nix mi pogovorim pozje. A poka rassmotrim formati grafi4eskix bannerov. Ix dva i oni ne otli4autsa ot formatov grafiki na osnovnoy stranice — sootvetstvenno eto na6a paro4ka — GIF i JPEG. Format GIF pozvolaet sozdavat' animirovannie banneri, effektivnost' kotorix, po sravneniu so stati4eskimi, vi6e primerno v poltora raza.

Pri vibore formata bannera nujno priderjivat'sa tex je principov, 4to i pri sozdanii osnovnoy grafiki na stranicax, — esli izobrajenie fotografi4eskoe, to vibiraem format JPEG. Vo vsex ostal'nix slu4aax bolee podxoda6im budet GIF. Esli banner animirovanniy, to vibora net — tol'ko GIF.

Nemnogo otvle4ёmsa i pogovorim o bannere kak o nositele reklami. S etoy to4ki zrenia on o4en' poxoj na reklamniy plakat. I na to, i na drugoe posetitel' dla prosmotra tratit ne bolee 3–5 sekund, i v tom, i v drugom slu4ae reklama zanimaet otnositel'no bol'6oe prostranstvo, i v tom, i v drugom slu4ae nujno virajat' misli naibolee 4ёtko i obrazno.

Osnovnimi elementami bannera s to4ki zrenia reklami avlautsa slogan i vizual'niy obraz. K razrabotke i togo, i drugogo sleduet perexodit' posle uasnenia zada4 bannera. Net ni4ego xuje, 4em banner, reklamiruu6iy ne to, kuda on vedёt. V etom slu4ae pol'zovatel', najav6iy na banner, okazivaetsa obmanutim, i vmesto privle4enia posetitela mi polu4aem obratniy effekt — vrad li posetitel' pridёt e6ё raz.

Banneri mojno podrazdelit' na imidjevie i obi4nie. Imidjevie otli4autsa ot obi4nix tem, 4to ispol'zuut v dizayne elementi osnovnogo sayta, cveta i/ili logotip. V otli4ie ot obi4nogo bannera, imidjeviy rabotaet ne tol'ko pri najatii, no i samo ego prisutstvie raskru4ivaet marku, t.k. banner odnozna4no uznavaem i legko sopostavlaetsa s konkretnoy firmoy ili saytom.

Luboy xoro6iy banner — eto nekaa idea, kotoraa doljna zainteresovat' posetitela i zaje4' v nёm jelanie sxodit' po ssilke. No nujno ponimat', 4to luboy banner prednazna4en dla opredelёnnoy auditorii (kotoraa sovpadaet s potencial'noy auditoriey reklamiruemogo sayta).

Na4inat' sozdanie bannera neobxodimo s formulirovki togo, 4to je reklamiruet banner, i pridumivania xoro6ego slogana. Eto o4en' vajno! Ploxaa fraza isportit samiy rasprekrasniy obraz. Pridumav slogan, uje mojno podbirat' illustriruu6iy ego vizual.

Pri izmerenii effektivnosti bannerov pol'zuutsa terminom CTR — izmeraemogo v procentax i virajau6ego otno6enie 4isla pokazov bannera k 4islu najatiy na nego. Eto ne edinstvenniy pokazatel', no naibolee izvestniy. Dla obi4nix bannerov on sostavlaet ot 0.5% do 1.5%. Bol'6ie zna4enia prisu6i obi4no tol'ko pornoindustrii (tam mojet doxodit' i do 15%).

A teper' zaymёmsa kreativom — budem pridumivat' ideu, slogan i podbirat' podxoda6iy obraz.

Pri sozdanii bannera nujno u4itivat', 4to prosmatrivat'sa on budet v 4ujdom okrujenii, i mi ni4ego ne budem znat' o strani4ke, na kotoroy on okajetsa, i ne smojem predusmotret' cvetovoy gammi. Poetomu nam neobxodimo avno obozna4it' granici bannera — po ego perimetru nujno obazatel'no o4er4ivat' 4ёrnuu ramku 6irinoy v odin piksel'. Krome togo, u bannera ne doljno bit' prozra4nogo fona — obazatel'no splo6noy (no ne obazatel'no odnocvetniy)

Banner doljen nesti nekuu ideu, ina4e on budet neprivlekatelen, emu budet ne4em razvle4', privle4', zaintrigovat' potencial'nogo posetitela. Xoro6iy banner mojno sravnit' s golovolomkoy — ona ne srazu re6aetsa, no, nayda otvet, posetitel' polu4aet polojitel'nie emocii i zapominaet.

4to takoe zagadka v dizayne? Vi kogda-nibud' videli takie kartini, vgladivaas' v kotorie snova i snova ti otkrivae6' dla seba 4to-nibud' noven'koe? Eto tot samiy slu4ay. Dizayner kak bi pridumivaet zagadku, a potom ee «6ifruet», zritel' je postepenno otkrivaet eti zagadki (v bol'6instve slu4aev na podsoznatel'nom urovne), a v ka4estve razgadki 4a6e vsego vistupaet slogan. Esli mi ispol'zuem animirovanniy GIF, to vozmojnostey bol'6e, i mi mojem razbit' zagadku na neskol'ko kadrov i priotkrivat' eё postepenno…

Za osnovu mi voz'mёm banner s primeneniem vizuala (tak nazivaetsa fotografi4eskiy ili risovanniy obraz, kotoriy vistupaet v kompozicii kak central'niy element). I budem s4itat', 4to kajdiy banner sostoit iz sleduu6ix 4astey:

1. Slogana
2. Vizuala, illustriruu6ego slogan (vstupau6ego v igru so sloganom)
3. Cvetovoy gammi (dla imidjevix bannerov cveta 4asto sovpadaut s cvetom reklamiruemogo sayta)
4. Dopolnitel'nogo teksta (adres strani4ki, poasnitel'niy tekst)
5. Dopolnitel'nix elementov oformlenia, pod4ёrkivau6ix osnovnuu misl' i stil' bannera. V slu4ae imidjevix bannerov o4en' udobno sdelat' odin 6ablon i, podstavlaa raznie slogani i vizuali, polu4it' celuu seriu bannerov.

Sdelat' effektivniy i krasiviy banner ne tak legko i mojet zaprosto zanat' neskol'ko 4asov. Zapomnite odno pravilo — esli sozdanniy banner Vam ne nravitsa, to, vrad li on ponravitsa drugim! Vpro4em, eto pravilo otnositsa voob6e k luboy tvor4eskoy deatel'nosti. ;)

Davayte poditojim na6i rassujdenia i pere4islim etapi, kotorie nujno proyti, 4tobi sozdat' ka4estvenniy banner:

1. Dla na4ala neobxodimo viasnit', kakuu cel' mi presleduem, sozdavaa danniy banner. A dla etogo zadadim sebe neskol'ko voprosov o tom, 4to reklamiruet etot banner i kogo on mojet potencial'no zainteresovat'. Postavim seba na mesto posetitela, kotoriy i6et reklamiruemiy nami sayt, i sprosim seba, 4to bi mi xoteli uvidet' na bannere?
2. Skript avtorizacii mojet kakim-nibud' obrazom peredat' ima pol'zovatela drugim skriptam. Rasprostraneno vo mnogix www-4atax - dla togo, 4tobi otli4it', gde 4'e soob6enie idet, radom s formoy tipa text dla vvoda soob6enia, pristraivaetsa forma tipa hidden, gde ukazivaetsa ima pol'zovatela. Toje nenadejno, potomu 4to xaker mojet ska4at' dokument s formoy k sebe na disk i pomenat' zna4enie formi hidden. Nekotoruu pol'zu zdes' mojet prinesti vi6eupomanutaa proverka HTTP_REFERER - no, kak a uje govoril, nikakix garantiy ona ne daet.
3. Polu4iv otveti na predidu6ie voprosi, neobxodimo sformulirovat' ideu ili scenariy (eto uje v slu4ae s animirovannim bannerom).
4. Nakonec, podxodim k pridumivaniu slogana, kotoriy naibolee to4no virazit na6u ideu ili scenariy (pridumat' nujno obazatel'no neskol'ko variantov — minimum 10–15). Ostaemsa na etom etape do tex por, poka pridumanniy slogan nam samim ne ponravitsa. :)
5. Grafi4eskaa 4ast' — vot teper' mojno zapuskat' PhotoShop i realizovivat' ideu v kartinke. Podbirat' iz kliparta ili samomu risovat' podxoda6iy pod slogan vizual.
6. Delaem pervuu versiu bannera, potom e6ё odnu, i e6ё odnu, i e6ё odnu, poka… ne na4nёt o4en' sil'no nravit'sa.
7. Okon4atel'no optimiziruem banner.

Avtor: Mixail Mel'nikov