Odnedavno stručnjaci za zatvorene razgovore, stručnjaci za početnike, smmschiki, kao i poduzetnici koji se okušaju u sebi v promo postovi, vrlo često postavljaju pitanje „koja je veličina potrebna za promo post? ". Zato sam, koristeći primjere, odlučio detaljno opisati kakav bi format trebao biti baner za promo post tako da je prikazan lepo i što je moguće veće na računarima, mobilnim telefonima i tabletima. Pa, idemo 🙂
Za ilustrativan primjer, uporedit ću dva banera dimenzija 1280 * 720 i 800 * 525. Inače, veličina i kvaliteta banera mogu biti različiti - ovdje su najvažnije proporcije. Dakle, ovako izgleda takav baner u feedu vijesti na različitim uređajima:
PC - STARI DIZAJN VKONTAKTE
Kao što vidite, baner veličine 800 * 525 ima mnogo veću marginu na desnoj strani nego kada koristite veličinu od 1280 * 720. Međutim, širi je i obuhvata veće područje za gledanje kroz feed vijesti. Pogledajmo kako će ovi baneri izgledati u novom VKontakte dizajnu.
PC - NOVI DIZAJN VKONTAKTE
Pa, u novom VKontakte dizajnu, obje ove veličine razlikuju se samo po visini, ali širina ostaje ista. I, za razliku od stare verzije VK-a, ne vidimo veliko uvlačenje na desnoj strani. Ali baner 800 * 525 snima mnogo veće vidljivo područje u feedu vijesti od veličine 1280 * 720 - slika je sve veća i veća!
Sada da vidimo kako će ovi baneri izgledati u mobilnoj verziji aplikacije VKontakte na iOS-u.
MOBILNI - NEWSLINE
Također, kao iu novom VKontakte dizajnu, baner veličine 800 * 525 izgleda mnogo veći (viši) od banera veličine 1280 * 720. A ovo je vrlo veliki plus za mobilnu verziju, jer je područje za gledanje vijesti malo i reklame s ovom veličinom banera će uhvatiti većinu toga!
Pa, sada da vidimo kako će kvadratna slika izgledati u feedu vijesti! Radi jasnoće, napraviću tabelu.
| PC - stari VKontakte dizajn | PC - novi dizajn VKontaktea | Mobilni - aplikacija VKontakte |
 |  |  |
 |  |  |
 |  |  |
Pa, sada smo jasno vidjeli da slike veličine 800 * 525 i više dobijaju veći prikaz, približavajući se kvadratnom obliku. Ali! ne zaboravite da u promo objavama postoji i tekst, pa pri odabiru veličine slike ne zaboravite da za pregled teksta na različitim uređajima slika ne bi trebala zauzimati sav vidljivi prostor u news feedu! Važno je!
Budući da sada dio publike "sjedi" na VKontakte kroz novi dizajn, a većina kroz stari, bolje je koristiti veličinu 800 * 525. Da, pokušavali smo i trudili se s drugim veličinama, pokušavajući smanjiti uvlačenje s desne ivice, ali se samo povećavalo i najmanja uvlaka (uzimajući u obzir više gledanja putem mobilnog telefona) ispala je 800 * 525.
Pa, to je sve za danas. Hvala na pažnji i kvalitetnim promocijama! 😉
Hvala vam na pažnji!
U ljeto 2016. programeri društvene mreže Vkontakte konačno su iznenadili svoje korisnike potpuno ažuriranim dizajnom. Iskreno govoreći, redovni korisnici ovog sajta su vrlo dvosmisleno doživjeli novi dizajn, u većoj mjeri se odnosio na vlasnike zajednica sa spojenom slikom kao dizajnom (avatar + baner). Udaljenost između zakačene vijesti i avatara se doslovno udvostručila, baner se primjetno povećao i potonuo niže, a sličica zajednice sada nije kvadratna, već okrugla površina - svi ovi neugodni trenuci stvarali su mnogo problema ljudima koji su naručivali i ranije instalirali dizajne za svoje grupe. Jedini izlaz u ovoj situaciji bila je prerada starog dizajna kako bi se zadovoljili novi zahtjevi uz zadržavanje koncepta.
Iako se čini da je dizajn Vkontakte zajednica prilično problematičan posao (posebno u usporedbi s drugim društvenim mrežama, gdje su u osnovi dovoljni pravokutni omot i kvadratni avatar), u stvari, to nije sasvim točno. Zatim će biti opisani zahtjevi za grafičkim slikama i općenito načini uređenja grupe kao takve.
Prvi način da svoju zajednicu učinite prodajom i atraktivnijom je sa standardnim avatarom + banerom + šemom menija.
Avatar
Avatar je ostao u veličini 200 x 500 piksela (ali i dalje bolji od 400 x 1000 sa marginom kvaliteta), iako je u početku tokom beta testiranja novog dizajna razmatrana varijanta veličine 200 x 300. Minijatura je sada okrugao, ali ako je ovaj krug upisan u kvadrat, tada će njegove dimenzije biti 200 x 200 piksela, kao što je bilo prije.
Baner (zakačena objava)
Optimalna veličina banera je 1024 x 680 piksela (sa marginom kvaliteta). Vidio sam mnoge varijacije idealne veličine banera na internetu, ali ipak, pri 1024 x 680, dijelovi banera nisu odsječeni kada se gledaju sa računara, sa obične mobilne verzije ili iz Android aplikacije. Također je vrijedno napomenuti da se baner sada nalazi ispod zbog duplog naziva zajednice u području iznad slike, a datum objavljivanja je pomjeren sa područja ispod slike na mjesto pod duplikatnim imenom. Još jedna važna stvar je nedostatak klikabilnosti na baner s mobilnog uređaja. One. sa telefona ljudi će morati kliknuti na link ispod slike, a ne na samu sliku.
Meni
Što se tiče dizajna menija i wiki oznaka, ništa se generalno nije promijenilo. Kao i prije, koristim širinu menija od 606 piksela i bilo koju dužinu. Za prilagodljivost na mobilnim uređajima, bolje je da navigaciju postavite unutar tabele - na ovaj način, kada se gleda na telefonu, ona se jednostavno smanjuje proporcionalno kako bi stala na ekran. Ali ako ste kreirali navigaciju u kojoj se stavke jednostavno nalaze jedna ispod druge, onda to ne treba raditi - metoda s tablicom je neophodna samo za one tipove menija gdje je broj dugmadi u nizu više od jednog . Općenito, za praktičnost korisnika, bolje je ne praviti jelovnik samo u obliku veza do materijala, već kreirati wiki stranice sa složenom strukturom.
Ako vam treba jedna slika za dekoraciju, onda prvo popunite avatar i baner u obliku fiksne vijesti u neku grupu za eksperimente. Prepišite sve podatke iz uzorka zajednice u svoju grupu: status, ime (ovo je važno, jer se ti podaci dupliraju u vijestima) i zatražite od klijenta tekst koji će biti iznad banera.
Nakon toga, već možete uzeti uzorak pomoću snimka ekrana, koji se mora postaviti u Photoshop.
Postoji i takva metoda dizajna kao što je "korica + baner + meni". Općenito, možete ostaviti samo omot i staviti sve najvažnije informacije na njega. Ali u svakom slučaju, avatar mora biti postavljen: neće biti vidljiv u samoj grupi, ali će minijatura zajednice biti preuzeta iz nje. Optimalna veličina omota je 1590 x 400 piksela, a sliku možete prenijeti pomoću komande Upravljanje zajednicom - Korica zajednice: Upload.
Veličine slika za VKontakte dizajn
- Avatar: 200 x 500 piksela (kvalitet 400 x 1000 piksela);
- Sličica avatara 200 x 200px
- Baner ili veličina zakačene objave u grupi: 1024 x 680 piksela, ali ne manje od 510 piksela u širinu;
- Meni: širina 606px;
- Pokrijte 1590 x 400 piksela.
Broj aktivnih korisnika i ljubitelja društvenih mreža teži 100% od ukupnog broja korisnika World Wide Weba. Istovremeno, društvena mreža VKontakte stabilno zauzima vodeće pozicije u Runetu. Osim toga, smatra se najmasovnijim - više od 150 miliona registrovanih korisnika, a to ne uključuje botove, napuštene i lažne naloge.
Ova činjenica nije mogla a da se ne iskoristi u reklamnoj cjelini. Danas VKontakte nudi najprikladnije oglašavanje, kako za obične korisnike, tako i za reklamne agencije. Istovremeno, baneri VKontaktea su najpopularniji. Korisnici ih efikasno koriste za razvoj poslovanja i informisanje o događajima u grupama u zajednici:
1. Baneri na VKontakte
Baner VKontakte je statična ili animirana slika sa potpisom i sloganom, koja je ujedno i veza, klikom na koju možete otići na stranicu sa detaljnijim informacijama o proizvodu, usluzi, događaju. Ova akcija se zove " kliknite na baner».
Oglašavanje na društvenoj mreži VKontakte predstavljeno je sa dva banera na lijevoj ivici. Međutim, zarada od njih može premašiti i najluđa očekivanja. Zanimljivo je da možete postaviti ne samo reklamne banere VKontakte dizajnirane za prodaju proizvoda / usluge, već i one koji će biti od interesa za obične korisnike.
Ovaj hibrid profesionalnog i prilagođenog oglašavanja može ubiti dvije muhe jednim udarcem. Zahvaljujući tome, administracija vodeće ruske društvene mreže gotovo je udvostručila ciljnu publiku oglašivača:
Vrste oglašavanja na VKontakteu
Konvencionalno, VKontakte oglašavanje je podijeljeno u dvije vrste ( načinom plaćanja). Može se nazvati ciljanim i neciljanim. Ako kod ciljanog oglašavanja plaćate klikove na baner, onda kod neciljanog oglašavanja plaćate impresije. U isto vrijeme, 1000 impresija je mnogo jeftinije od 1 prijelaza. Šta god da se kaže, ali od 1000 utisaka, subjekt će najverovatnije napraviti najmanje 1 prelaz. Stoga se ispostavlja da je druga opcija isplativija.
- Slika. Tematska slika koja karakterizira vaš proizvod/uslugu, stranicu na društvenoj mreži itd.;
- Ime. To može biti glasan slogan, naziv kompanije;
- Potpis. Kratki unos ili jedinstvena prodajna ponuda ( ako veličina banera dozvoljava da stane).
Pravila postavljanja VK oglasa
2. Zašto su nam potrebni baneri VKontakte?
Pored širokog dosega publike i velike popularnosti, VKontakte banner oglašavanje ima jednu vrlo važnu prednost - mogućnost preciznog ciljanja. Gotovo 90% uspjeha reklamne kampanje ovisi o ispravnosti njenih postavki. Na kraju krajeva, vas ne zanimaju svi učesnici VKontaktea, već samo određeni dio njih.
VK postavke će vam omogućiti da samostalno odredite kojem dijelu publike će se vaš baner prikazati. Postoji ciljanje po godinama, geografiji, spolu itd.
Pravilnim postavljanjem ciljanja isključit ćete nepotrebne impresije, čime ćete optimizirati budžet za reklamnu kampanju.
Kao i kod drugih platformi za oglašavanje, važno je razumjeti šta je točno vrijedno promovirati putem VKontaktea. Glavna svrha posjete društvenoj mreži je komunikacija i zabava. Iz ovoga možemo zaključiti da je najbolje reklamirati robu široke potrošnje, a oglašavanje koje se provodi u svrhu generiranja potencijalnih kupaca također može dati dobar rezultat. Gotovo svaki visokospecijalizirani oglas na VKontakteu osuđen je na propast.
Prije umetanja banera provjerite ima li reklamirani proizvod/brend zajednicu, grupu obožavatelja ili javnost. Njihovo prisustvo će uvelike povećati šanse da vaša reklamna kampanja bude uspješna.
Također, obratite pažnju na cjenovnu kategoriju. Nema smisla promovirati proizvode na društvenim mrežama koji koštaju više od 200 dolara:
3. Kako postaviti baner na VKontakte? Cheat sheet za početnike, tajne i savjeti
Prije dodavanja banera, slijedite link "Oglašavanje" u podnožju stranice:
Zatim kliknite na “ Ciljani oglasi"I prijeđite na sljedeću stranicu:
Kliknite na " Kreirajte oglas„I vidimo sljedeću listu:
Ovdje morate odabrati šta ćete tačno oglašavati: aplikaciju VKontakte (IFrame i Flash), zajednicu ( javno, grupno ili na sastanku), video snimanje ( sa vezom na web stranicu oglašivača) ili eksternu lokaciju.
Posljednja opcija je najpopularnija. Veza s takvog banera VKontakte, u pravilu, preusmjerava korisnike na odredišnu stranicu ( odredišnu stranicu).
VK baner formati oglasa
Mogu se koristiti tri vrste oglasa:
- Slika + tekst. Ovdje možete postaviti VKontakte baner 90 x 65 piksela sa naslovom (25 znakova) i opisom (60 znakova);
- Velika slika. Moguće je dodati baner veličine 90 x 120 piksela bez opisa i sa naslovom od 25 karaktera;
- Ekskluzivna opcija. Baner 90 x 160 piksela sa naslovom od 25 karaktera. Njegova glavna prednost je što se dok se prikazuje, ostali oglasi se ne prikazuju. Međutim, cijena takvog oglašavanja je 2 puta veća.
Nakon odabira željenog formata i prijenosa podataka, trebali biste navesti temu i pododjeljak ( geografija, demografija, interesovanja, obrazovanje i rad, kao i dodatni parametri). U dodatnim parametrima možete odrediti operativni sistem, tip uređaja, grupe za ponovno ciljanje, pretraživač.
Što je ciljna publika preciznije konfigurisana, to je bolji CTR, uz dobar promet i konverziju.
U završnoj fazi podešavanja, prije nego što napravimo VK baner, naznačimo način plaćanja ( za utiske ili prelaze), reklamne platforme ( možete dodatno odabrati partnerske stranice društvene mreže), trošak tranzicije. Dodjeljujemo naziv reklamnoj kampanji.
Pritisnemo " Kreirajte oglas"! I čekamo da bude moderirano. U pravilu će se nakon nekoliko sati vaši baneri VKontaktea početi prikazivati potencijalnim kupcima. Sada je vaš zadatak pratiti statistiku koju predstavlja društvena mreža VKontakte i donijeti pravovremene odluke za poboljšanje performansi.
4. Kako umetnuti baner u VKontakte grupu?
Pogledajmo kako napraviti baner u grupi VKontakte.
Korak 1. Idite na stranicu grupe:
Korak 2. U bloku s desne strane odaberite stavku " Oglašavajte zajednicu»:
Prije izrade banera definiramo format banera, prijelaze ili impresije. Sačuvajte i sačekajte da se baner moderira:
5. Baner oglašavanje na VKontakteu
Baner oglašavanje na VKontakteu često obavlja funkciju podrške za sliku, pomaže u promociji novih brendova. Međutim, to ne znači da ne može biti prodajno ili manje učinkovito od kontekstualnog. Baner oglašavanje doprinosi formiranju lojalne publike obezbeđujući odloženu potražnju. Ona postepeno od korisnika formira potencijalnog klijenta. Ako trebate rebrendirati ili ući na tržište s novim proizvodom, baneri VKontakte odlično funkcioniraju za prepoznavanje.
Oglašavanje na Facebooku je dizajnirano za stariju publiku.Odnoklassniki dobro pokriva regije. Istovremeno, VKontakte banner oglašavanje je univerzalno rješenje koje vam omogućava promoviranje brendova i novih proizvoda među mladima. Ona radi tamo gdje se vaši potencijalni klijenti odmaraju, i razgovara s njima na njihovom jeziku, u njihovom je području interesovanja.
Prilikom kreiranja banera važno je uzeti u obzir karakteristike publike i koristiti karakteristike korporativnog identiteta. Što je baner profesionalnije kreiran, to je uočljiviji i efektniji.
6. Kako napraviti baner VKontakte za svoju web stranicu, zašto je potreban i kako se može koristiti?
Baner na koji se može kliknuti omogućava prijelaz na bilo koju stranicu na web mjestu. Kada ga kreirate, trebali biste uzeti u obzir sljedeće točke. Nakon učitavanja banera u medijske datoteke vaše stranice, dodajte kod bilo gdje u resursu. Na primjer, odlučili ste dodati baner VKontakte na svoju bočnu traku:
Idite na widgete i dodajte sljedeći kod:
U polju "link adresa" navedite adresu stranice na koju želite da preusmerite posetioca nakon što klikne na baner. "Putanja slike" je veza do banera. Kopirajte vezu do slike i zalijepite je umjesto "Putanja do slike".
Testiranje je jedna od najvažnijih faza u provođenju uspješne reklamne kampanje. Prilikom odabira banera VKontakte za web lokaciju, morate predvidjeti stvaranje nekoliko zaglavlja, slika i tekstova. Analizirajte statistiku i izvršite izmjene postavki, ovo će optimizirati vašu reklamnu kampanju:
7. Kreiranje banera za VKontakte
Možete se ograničiti na jednostavnu sliku, međutim, personalizacija za određenog korisnika i interaktivnost banera omogućit će vam postizanje visokog rezultata.
Dakle, baner treba da sadrži informacije od interesa, motivator za prelazak/klik, da bude lijep, da ima profesionalan grafički dizajn.
Postoji nekoliko načina za kreiranje banera:
- Narudžba od dizajnera;
- Samokreiranje u grafičkom uređivaču;
- Korištenje posebnih programa za izradu banera;
- Kreiranje pomoću online usluga.
Jedan od najefikasnijih, najjednostavnijih i najbržih načina je kreiranje online banera. U ove svrhe možete koristiti uslugu kao što je bannerfans.com. Interfejs na ruskom jeziku i veliki izbor šablona omogućit će vam da kreirate zanimljiv izgled.
Prvo odaberete pozadinu i veličinu, zatim dodate natpis u karticu "Tekst", promijenite stil, boju i veličinu fonta, a zatim radite na efektima ( okviri, senke itd.). U završnoj fazi, sačuvajte baner u potrebnom formatu.
Animirani baner se može kreirati pomoću Easy GIF Animatora. Ovaj program nudi 20 probnih verzija, što će vam omogućiti da kreirate više banera besplatno. Intuitivno sučelje omogućit će vam da se brzo nosite sa zadatkom:
Zaključak: Baner oglašavanje na VKontakteu omogućava precizno prilagođavanje ciljne publike s prilično širokom pokrivenošću. Međutim, trebali biste izbjegavati prikazivanje banera istim korisnicima više puta. To može dovesti do povećanja troškova tranzicije, smanjenja CTR-a i "jedenja" budžeta. Problem možete riješiti postavljanjem ograničenja broja pregleda.
Dobro loše
U ovom članku želio bih sistematizovati sva svoja znanja o dizajnu VKontakte grupa na osnovu mog iskustva u interakciji s klijentima i njihovim preferencijama. Štaviše, u proteklih šest mjeseci VKontakte je napravio mnoge promjene za koje mnogi ni ne sumnjaju. Želio sam se detaljnije zadržati na nekim inovacijama, jer među njima ima zaista vrijednih i korisnih stvari. Čini se da smo se svi već oporavili od nekog šoka nakon redizajna VKontaktea, a iza vidljivih promjena otkrila se multivarijantnost funkcionisanja i sadržaja grupe. Tako da sada dizajn grupa uključuje složenu proceduru koja nije ograničena isključivo na grafičku komponentu u obliku prekrasnih slika. Sada vlasnici moraju uzeti u obzir mnoge nijanse izgradnje grupne strukture, ovisno o predmetu poslovanja i pogodnostima korisnika.
To se uglavnom tiče izbora grafičkog dizajna između dvije međusobno isključive opcije, izrade internog menija, odabira ulazne tačke u interni meni, razumijevanja razlike između kataloga i vitrine robe, pripreme promotivnih materijala za promociju grupe, korištenja korisnih aplikacije. Ali prvo stvari. Prvo ćemo pogledati glavne elemente grupnog dizajna, zatim ćemo prijeći na njihovu interakciju u obliku raznih kombinacija, a zatim ćemo razgovarati o nekim korisnim trikovima i suptilnostima.
1. Horizontalni poklopac (zaglavlje)
Počnimo s horizontalnim omotom ili zaglavljem. Programeri VKontaktea uvjeravaju nas da naslovnica, zbog svoje veličine, daje veliku fleksibilnost u pružanju i vizualizaciji informacija. Obično, pored prelepe slike, zaglavlje sadrži logo, prateće informacije, kontakte, poziv za pridruživanje grupi i adresu veb sajta. Sumnjam da će korice jednog dana postati jedina moguća opcija dizajna za grupu, pa bih preporučio da se odmah prebacite na njih kako biste izbjegli kasnije redizajn više sile.
Kako postaviti naslovnicu
Da biste preuzeli omot, morate otići na Upravljanje zajednicom >> Osnovne informacije >> Naslovnica zajednice >> Preuzimanje. Preporučena veličina omota je 1590 × 400 piksela. U zaglavlju ne može postojati radna dugmad na koja možete kliknuti - u stvari, ovo je slika i to je to. Danas je naslovnica vidljiva na mobilnim uređajima, a čini se da je već vidljiva u aplikacijama i klijentima.
Wiki kartica Najnovije vijesti
U gornjem bloku ispod zaglavlja sada mogu biti tri kartice: zakačeni unos, informacije o zajednici i wiki meni (samo u grupama, takve kartice nema na javnim stranicama). Naglasak je i dalje na zakačenoj objavi, ali čak i uz njeno prisustvo, korisnik će sada uvijek imati pristup informacijama o zajednici, prelazeći kroz kartice. Da biste vidjeli karticu wiki menija (prvobitno nazvanu Svježe vijesti), morate otići na Upravljanje zajednicom »Odjeljci» Sadržaj »Ograničeno (ili otvoreno)» Sačuvaj.
2. Vertikalni avatar
Sada skrenimo pažnju na stari dobri grupni avatar veličine 200x500 piksela. Do sada je to bio i način ukrašavanja grupe. Obično se na avataru nalaze sljedeće informacije: logo, prateći tekst ili slogan, kontakti, poziv za pridruživanje grupi. Na mobilnim uređajima se ne vidi cijeli avatar, vidljiv je samo dio - sličica. Za ukrašavanje grupe možete koristiti horizontalno zaglavlje (korica) ili vertikalni baner. Ako postoji zaglavlje, vertikalni avatar nije vidljiv. Na avataru ne može postojati nikakva radna dugmad na koju možete kliknuti - u stvari, ovo je slika i to je to.
3. Minijatura
Trenutno se vertikalni avatar koristi za kreiranje sličice, čija je minimalna veličina 200x200 piksela. Sličica se koristi u objavama i objavama kao mali krug na naslovu i kao veći krug u nekim odabirima i spominjanjima zajednice. U vezi s prijelazom na zaobljeni oblik, zahtjevi za minijaturama postali su stroži. Da bi se tekst na minijaturi mogao u potpunosti pročitati, vizualno ne smije izlaziti izvan granica kruga.
Kako učitati sličicu
Minijatura je postala potpuno samostalan element i kada koristite naslovnicu (zaglavlje) u dizajnu grupe, sada morate napraviti posebnu minijaturu, imajte na umu. Ako grupa nema zaglavlje (korica), tada za preuzimanje sličice potrebno je kliknuti na "Učitaj fotografiju" u bloku avatara (gore desno). Ako u dizajnu postoji zaglavlje (korica), tada da biste preuzeli sličicu, trebate kliknuti na krug odmah ispod zaglavlja i tamo odabrati stavku "Prenesi fotografiju".
4. Baner
Baner (engleski banner - zastava, baner) je grafička slika informativne, reklamne ili poticajne prirode. Baner je priložen kao slika uz objavu i može imati samo jedan interni link. Mnogi su još uvijek uvjereni da se iz banera na početnoj stranici može napraviti nekoliko linkova. Ovo nije slučaj, samo jedan link i to je to. Istaknuo bih sljedeće vrste banera.
4.1 Informativni baner
Uobičajeni tip banera koji sadrži opće informacije o kompaniji, grupi, usluzi ili događaju s detaljnom listom pogodnosti i drugim pratećim materijalima. Često se koristi kao zakačena objava u grupi. Veličina takvog banera je 510x307 piksela. Kod ove veličine, baner na dnu se poklapa sa avatarom. Ako nema veze s avatarom, onda možete koristiti bilo koju veličinu. Na primjer, koristim 600x350 piksela. Format kvadrata 510x510 piksela je također zgodan i sada postaje sve popularniji - s ovom veličinom baner zauzima najveće moguće područje u feedu vijesti.
4.2 Baner za ulazak u interni meni
Ako baneru iz prethodnog paragrafa dodamo upečatljiv natpis "Otvori meni", dobićemo baner, čiji je glavni zadatak da služi kao ulazna tačka u interni meni. Ponekad naprave trik u obliku nekoliko dugmadi na baneru, ali to je iluzija, kada korisnik klikne, ipak dolazi na internu stranicu, a tamo svako dugme ima svoju vezu. Veličina takvog banera je 510x307 piksela. Sa ovom veličinom, baner na dnu poklapa se sa avatarom. Ako ulaz u meni nije vezan za avatar, tada možete napraviti bilo koju veličinu banera, čak i usko dugme sa natpisom "Otvori meni". Glavna stvar je da širina banera bude najmanje 510 piksela.
4.3 Kartica za repost, promocije
Nedavno su kartice za ponovno objavljivanje ili promocije dobile posebnu važnost. Njen zadatak je da pozove na konkretnu akciju. U suštini to je "Pridružite se grupi, ponovo postavite ili lajkujte i osvojite nagradu." Takvi baneri se koriste kao dio reklamnih kampanja ili promocija kako u svojim grupama tako i za promociju u drugim grupama. Obično koristim 600x350 piksela.
4.4 Baner sa gif animacijom
Nakon što su programeri VK početkom godine napravili veću veličinu za gif slike, gifovi su odmah stali u niz sa informativnim banerima. Na primjer, na GIF baneru možete dati slike nekoliko proizvoda ili tekstova koji se mijenjaju - pokret odmah privlači pažnju. I kada je funkcija dodana u junu automatsko pokretanje gif animacija u feedu vijesti, GIF-ovi su postali predmet velike pažnje oglašivača i marketinških stručnjaka.
5. Dizajn avatara + zakačeni baner
Do nedavno, ovaj modularni dizajn, koji se sastojao od avatara i zakačenog banera, bio je najpopularniji način ukrašavanja grupa. Više detalja o tome kako napraviti takav dizajn opisano je u lekciji. S pojavom kapice (poklopca), popularnost ovog dizajna može se malo smanjiti.
Osim toga, postoji mogućnost da će VKontakt ponovo promijeniti neke parametre blokova i tada će sav dizajn odletjeti, kao što je to već bilo dva puta u posljednjih šest mjeseci. Dakle, dragi vlasnici grupa, kada birate dizajn za svoju grupu, uzmite u obzir ovu činjenicu. Da, i još nešto, na mobilnim uređajima se ne vidi sva ljepota jedne slike, pošto se ne prikazuje avatar, već samo sličica, a zakačena objava se nalazi odmah ispod.
6. Interni navigacijski meni
Meni u obliku aktivnih veza nalazi se na internoj stranici VKontaktea i napisan je pomoću wiki naredbi za označavanje. Kako napraviti samu unutrašnju stranicu opisano je u lekciji. Uz pomoć menija, korisnik se kreće kroz grupu. U nastavku ćete razmotriti vrste internog menija, ali za sada se zadržimo na nekoliko važnih tačaka.
Ulazne tačke u internom meniju
Želim napomenuti jednu suptilnu tačku koja se često zanemaruje. Ponekad klijenti od mene naruče interni meni, ali u isto vrijeme nemaju pojma kako će korisnik ući u ovaj interni meni. A u njega možete ući na dva načina: ili preko fiksnog banera (pogledajte paragraf 4.2), ili preko tekstualnog linka na gornjoj kartici ispod statusne trake (pogledajte sliku ispod). Ponekad se tekstualni link takođe postavlja u blok "Linkovi" u desnoj koloni interfejsa.
Interni linkovi menija
Obično prilikom naručivanja kupci naznače sledeće stavke menija: O nama, Naši proizvodi (katalog), Načini isporuke, Plaćanje, Garancije, Recenzije, Kontakti, Promocije, Popusti, Raspored, Kako naručiti, Portfolio, Pitanja i odgovori, Informacije, Napravite narudžbu. Veze sa stavki menija mogu ići do odgovarajućih sekcija eksternog sajta. Tada će se link automatski otvoriti u novom prozoru. Većina tačaka vodi na interne stranice VKontaktea. U tom slučaju, stranica se otvara u istom prozoru i potrebno je napraviti link ili dugme "Povratak na glavni meni".
Linkovi ka albumima sa fotografijama i video zapisima će se otvoriti u novom prozoru. U istom prozoru otvaraju se linkovi na teme sa diskusijama (na primjer, Recenzije), na dijaloški okvir za pisanje poruka, na aplikacije (vidi paragraf 10), do odabira po hashtagovima (vidi paragraf 12) iu ovom slučaju možete dobiti povratak na meni samo preko glavne stranice sajta, ili preko dugmeta "Nazad" u pretraživaču. Ovo je možda najnezgodniji trenutak sa ovakvim linkovima.
Uređivanje menija
Često me klijenti pitaju da li je moguće uređivati interni meni. Moj odgovor je, ako ste siguran korisnik i upoznati ste sa wiki označavanjem i načinima uređivanja, onda možete uređivati. Ali ako niste upoznati sa svim ovim, onda apsolutno ne. U ovom slučaju jednostavno poništite sva podešavanja.
Citirat ću riječi samih programera VKontaktea. “Jedan jednostavan savjet će vam uštedjeti mnogo energije i živaca: radite samo u jednom režimu. Ili je to vizualni način rada ili wiki način označavanja. Upravo prebacivanje između ova dva načina rada u procesu rada na označavanju donosi većinu problema: slike se mogu smanjiti, različiti parametri mogu nestati. Ovo je jedan od onih momenata koji će se sigurno ispraviti u budućnosti, ali za sada morate imati na umu ovu činjenicu."
Mobilni odziv
I još nešto o prilagodljivosti. Da bi interni meni izgledao isto na mobilnim uređajima, potrebno je da kucate na tabelama. Tada će slika biti čvrsto pričvršćena. Inače, kada se veličina ekrana smanji, slike imaju tendenciju da klize jedna ispod druge, kršeći prvobitno zamišljen redosled.
Evo, opet, riječi programera na račun prilagodljivosti. „Viki meni se prikazuje u mobilnim pretraživačima, ali se ne prilagođava veličini ekrana, što može dovesti do toga da slike izgledaju drugačije od računara. Na mreži se mogu pronaći vodiči za prilagođavanje wiki oznaka za mobilne uređaje, ali čak ni oni ne garantuju 100% performanse na svim uređajima."
7. Vrste internog navigacionog menija
Ispod su najčešći tipovi internih menija. Postoje jednostavnija i pristupačnija rješenja sa visokim stupnjem pouzdanosti. A postoje složeniji i naporniji dizajni u smislu grafike i izgleda. Ali izgledaju impresivnije.
7.2 Veliki grafički meni
U ovom slučaju, vertikalni red veza nalazi se na velikoj pozadinskoj slici i ima čvrsto fiksiranu strukturu. Evo tutorijala.
7.3 Meni u obliku ikona, pločica
Ovaj dizajn pretpostavlja nekoliko redova i kolona u obliku grafičkih ikona i natpisa na njima, ili grafičkih višebojnih ili jednobojnih pločica.
7.4 Dinamički meni sa efektom navigacije
Veoma impresivan dizajn koji oponaša navigaciju po sajtu sa efektom klikanja na dugmad ili na drugi način označavanja posećenih linkova. Ovakvim menijem je prilično teško upravljati i zahtijeva vještine u komunikaciji sa wiki oznakama, jer ćete također morati uređivati informacije na stranicama u wiki oznakama. Evo tutorijala na ovu temu.
