Grafički dizajn grupe u kontaktu sastoji se od nekoliko slika različitih veličina. Svaki od njih ispunjava svoju ulogu, stoga se proizvodi prema zasebnom tehničkom zadatku.
- Avatar. Donedavno je gornji omot imao glavnu ulogu u zajednici. Ali pristaše starog stila još uvijek ga mogu koristiti u bazi. Avatar treba sadržavati osnovne podatke o tvrtki: logo, naziv tvrtke, kontakt podatke i nekoliko riječi o smjeru djelovanja. Jedan od najvažnijih dijelova avatara je minijatura vidljiva u tražilici kontakata i feedu vijesti. Avatar je širok 200 piksela.
- Pokriti. U novom dizajnu naslovnica je postala glavni element grafičkog dizajna zajednice. Prilikom ulaska u grupu, prvo na što osoba obraća pažnju je naslovnica, tako da ona treba što više odražavati vaše aktivnosti. Također, treba staviti kontakt podatke i logo tvrtke. Preporučena veličina omota određena je u postavkama grupe prilikom učitavanja.
- Prijelazni natpis izbornika. Tradicionalno, gumb izbornika u stilu zajednice nalazi se na prijelaznoj slici. Dodatno, preporučamo da tamo postavite potencijalno zanimljivu ponudu kupcima.
- Slika sa stavkama izbornika. Navigacijski element koji korisnicima omogućuje navigaciju kroz sadržaj grupe u nizu. U izbornik možete smjestiti sve potrebne informacije sudionicima: dostava, plaćanje, kontakti, o tvrtki, katalog i još mnogo toga. Prilikom izrade slike bolje ju je odabrati tako da možete lako dodati nove gumbe u izbornik ili unaprijed razmisliti o stavkama izbornika, izbjegavajući daljnje izmjene.
- Navigacijske slike za interne stranice. Ovi elementi se koriste za praktičnu navigaciju korisnika kroz dijelove zajednice i kako bi interne stranice izgledale ugodno.
Grafički elementi u dizajnu zajednice Vkontakte privlače pažnju posjetitelja, drže ga, a također povećavaju prepoznatljivost grupe ili javnosti među tisućama sličnih zajednica. Osim toga, grafički izbornik olakšava navigaciju kroz odjeljke grupe, pomažući članovima i drugim korisnicima društvene mreže da se kreću kroz strukturu velike zajednice.
Pretraživanje u VK-u ili pregledavanje portfelja dizajnera pokazat će mnoge uspješne primjere dizajna Vkontakte grupa, od kojih se možete nadograđivati pri odabiru izbornika naslovnice za svoju zajednicu.
Za dizajn grupe Vkontakte koriste se sljedeće veličine:
- Naslovnica stranice prikazana je na vrhu, za cijelu širinu javnosti, veličine 1590 x 400 piksela;
- Veliki avatar - okomiti banner 200x500 px (omjer 2:5), prikazan u gornjem desnom kutu;
- U svakoj poruci grupe prikazan je mali avatar, okrugla slika, veličine 200x200 piksela.
- Slika izbornika za grupu Vkontakte, širina 510 piksela, visina - 307 (tako da donji rub izbornika lijepo odgovara dnu velikog avatara s desne strane).
Ako je naslovna slika učitana u postavkama zajednice, tada se veliki avatar s desne strane ne prikazuje.
Kako sami napraviti šešir za grupu Vkontakte
Kako bi zaglavlje zajednice izgledalo lijepo, sve njegove grafičke komponente moraju biti dizajnirane u istom stilu (skup boja, logotipa, fontova) ili biti dio jedne slike. Kada sami dizajnirate grupu Vkontakte, prvi korak je priprema pozadinske slike. To može biti tematska slika iz besplatnih fotobanka (na primjer, pixabay.com).
Otvorite sliku u grafičkom uređivaču. Izreži ili skaliraj prema veličini: duljina 1590 px, visina 400 px. 
Zatim možete primijeniti potrebne natpise (naziv grupe, slogan, poziv za pridruživanje zajednici). Sada morate prenijeti naslovnicu u zajednicu, za to idite na stavku izbornika "Upravljanje zajednicom": 
Kliknite na naslov "Preuzmi" u polju "Naslov zajednice". 
U sljedećem prozoru odaberite datoteku naslovnice koju ste prethodno pripremili na vašem računalu i kliknite na "Spremi i nastavi". 
Sada će vaša grupa imati novu naslovnicu. Imajte na umu da se u tom slučaju više neće prikazivati okomita slika velikog avatara s desne strane.
- Slika ili fotografija trebaju biti relevantne za temu zajednice.
- Koristite slike visoke kvalitete.
- Nemojte kršiti tuđa autorska prava za slike (trenutno besplatne dionice nude veliki broj fotografija i ilustracija).
- Nemojte preopteretiti naslovnicu detaljima.
- Ako u zaglavlje stavite fotografiju osobe, onda je bolje da ne gleda u posjetitelja, već u najvažniji element na stranici (izbornik, adresa stranice, poruka o akciji, poziv).
- Koristite kvalitetne fontove i pobrinite se da su slova čitljiva u bilo kojoj mjeri.
Veličina zaglavlja u javnosti Vkontakte u novom dizajnu
Nakon što je došlo do redizajna ove društvene mreže, pojavio se novi element dizajna - naslovnica. Ovo je velika pejzažna slika od 1590 x 400 piksela. Zaglavlje grupe Vkontakte je statična slika. Dovoljno velik da se na njega postavi svijetla, nezaboravna fotografija ili slika i ime javnosti, slogan tvrtke, naziv stranice, raspored rada i drugi natpisi. 
Kako napraviti jelovnik za VK grupu u novom dizajnu
Proces dizajna izbornika grupe Vkontakte sastoji se od sljedećih faza:
- Pripremite popis veza na izbornik (to mogu biti stranice, odjeljci zajednice ili vanjske stranice).
- Priprema pozadinske slike.
- Crtanje na pozadinskoj slici natpisa i "gumbi" izbornika.
- Rezanje slike na dijelove.
- Uključujući wiki stranicu.
- Učitavanje grafičkog izbornika i oblikovanje s wiki oznakama.
Pozadinska slika treba biti široka 510 piksela, a visina ovisi o broju i rasporedu stavki izbornika. Za rad sa slikama potreban vam je rasterski grafički uređivač, primjeri su prikazani u nastavku pomoću besplatnog i laganog Paint.Net-a.
Trebali biste odmah planirati postavljanje stavki izbornika tako da se slika može izrezati na fragmente iste veličine. To je važno kako bi se izbornik pravilno skalirao na zaslonu pametnih telefona ili tableta.
Vertikalni izbornik VK zajednice sa stavkama u jednom stupcu
Otvorite sliku u uređivaču. Koristite uređivački alat "Tekst" za pisanje stavki izbornika preko pozadine. Kako bi oznake izbornika bile vidljive, mogu se istaknuti na nekoliko načina:
- Obris s okvirom;
- Promijenite boju pozadine ispod slova;
- Dodajte sjenu slovima.
U nastavku na snimci zaslona svaka je stavka istaknuta na jedan od načina. 
Sljedeći korak je rezanje slike na dijelove:
Proces rezanja slike također se može izvesti pomoću prikladnog online alata www.imgonline.com.ua/cut-photo-into-pieces.php.
Zatim u izborniku "Upravljanje zajednicom" idite na stavku "Odjeljci" i u stavci "Materijali" odaberite "Ograničeno" (to znači da samo administrator grupe može stvarati i uređivati stranice). 
Kliknite na Spremi i idite na glavnu grupu. Uz rubriku s informacijama o grupi pojavila se stavka "Svježe vijesti". 
Idite na ovaj odjeljak i kliknite uredi. Promijenite naslov u "Izbornik", a zatim kliknite na ikonu kamere za dodavanje slike. 
Kliknite na dodanu sliku i u prozoru sa svojstvima odredite vezu na traženi odjeljak. 
Vkontakte automatski smanjuje slike na 400 piksela i umeće nepotrebne oznake. Da biste to popravili, morate prijeći na način za uređivanje oznaka. 
Svaka oznaka slike počinje s "[[" i završava s "]], sastoji se od tri dijela odvojena " | ": ID slike, svojstva i poveznica. Potrebno je ispraviti veličinu slika i umetnuti oznaku "nopadding" u njihova svojstva. Svojstva slika su navedena sa ";". 
Nakon spremanja promjena, izrada izbornika je dovršena. 
Izbornik s horizontalnim ili višerednim rasporedom stavki
U ovom slučaju priprema se slika izvodi na isti način, ali s rezanjem izvora i okomito. Narezane kriške se učitavaju kroz sučelje za uređivanje stranice. Relativni položaj pravokutnih fragmenata utvrđuje se pomoću oznake wiki tablice u VK. Svaka povezana slikovna oznaka opisana u prethodnom odjeljku smještena je unutar ćelije tablice.
Pravila dizajna stola:
- Početak je označen simbolom "(|", kraj tablice - "|)".
- Dodatna svojstva navedena su nakon "| ~"
- Novi redak počinje s "| -".
- Svaka ćelija je odvojena znakom "|".
Da biste isključili dodatne razmake, morate navesti parametre tablice "fixed nopadding noborder". Označavanje za grafički izbornik s 2 stupca i 2 reda izgleda ovako: 
I sam jelovnik u grupi: 
Veličina avatara grupe u novom dizajnu za dizajn VK javnosti
Vkontakte zajednice koriste dva avatara:
- Veliki pravokutni banner 200 x 500 točaka, prikazan u gornjem desnom kutu, ako naslovnica nije učitana.
- Sličica 200x200 piksela, prikazana u objavama i raspravama kao krug.
U ovom članku ćemo analizirati kako lijepo i ispravno organizirati grupu u kontaktu kako bi posjetiteljima bio što ugodniji.
Smatrati, kako lijepo i ispravno urediti VK grupu nećemo biti u smislu dizajna, nego u smislu ciljeva s kojima se grupa suočava.
Glavni cilj svake grupe- pridobiti posjetitelja, tako da odmah shvati o čemu se radi u grupi i želi postati njezin član. Kako bi grupa bila što prikladnija, morate svesti na najmanju moguću mjeru broj radnji od strane posjetitelja. Odnosno, u idealnom slučaju, da bi korisnik razumio o čemu se radi u grupi, ne bi trebao raditi nikakve dodatne klikove ili pomicanje stranice.
Kako bismo shvatili kako pravilno strukturirati dizajn grupe u kontaktu, razmotrit ćemo njezinu strukturu prema glavnim elementima.
Pripremio sam poseban ilustrativni dijagram s objašnjenjima.
Dijagram kako lijepo i ispravno urediti grupu u VK.
Shemu možete pratiti uživo veza.
1. Avatar.
Glavni grafički element grupe. Njegova struktura može varirati ovisno o temi grupe. Jedan primjer pogodan za prodajnu grupu prikazan je na dijagramu. Ključne preporuke za dizajn avatara:
A) Prijenos esencije. Glavna svrha avatara je prenijeti ključne značajke grupe, reći što i za koga je. To će vam pomoći ne samo sama slika, već i natpisi s tekstom. Ipak, poželjno je da tekst bude što manji.
B) Slika visoke kvalitete. Grafika bi trebala biti kvalitetna i lijepa, ali ništa više. Avatar ne bi trebao nepotrebno odvratiti pozornost od glavnog sadržaja.
V) Iskoristite što više prostora. Maksimalna veličina avatara na izlazu je 200 puta 449, nije preporučljivo raditi manje. Ako radite više, onda zadržite proporcije.
2. Grupni status.
Unatoč činjenici da je ovo relativno mali element stranice, prilično je važan. U statusu morate ukratko prenijeti najvažnije podatke o svojoj grupi. Maksimalni iznos statusa je 140 znakova.
Pokušajte status učiniti što jasnijim i lokalnim. Koristite ikone. Kodovi ikona za umetanje mogu se pronaći, na primjer,.
Primjeri kodova ikona za prodajne grupe:
Telefon - šifra: _9742;
Ikona za slanje poruke Šifra: _9993;
Pokazivač - Šifra: _128073; ili šifra: _10145;
3. Opis grupe s jelovnikom ili fiksnim postom.
Ispod statusa u samom središtu stranice nalazi se glavni sadržaj. Postoje 2 glavne opcije za ono što sadržaj može sadržavati. Ovo je opis grupe s jelovnikom i prikvačenom objavom sa zida.
Izbornik je prilično zgodan u smislu navigacije, ali zahtijeva dodatni klik za okretanje, pa se nećemo zadržavati na izradi izbornika za grupu u detalje. Na webu ima dosta materijala o wiki označavanju.
Za računalnu verziju grupe, po našem mišljenju, bolje je fiksni post učiniti glavnim sadržajem, jer može zauzeti cijelo korisno područje, prilično je zgodan i ne zahtijeva dodatne klikove od korisnika.
Opće smjernice za izradu prikvačenog posta:
O. Glavni tekst treba biti što lakši za čitanje. Aktivno koristite ikone i ikone.
B. Ukupna visina prikvačenog stupa - ne smije prelaziti donju granicu avatara. Empirijski, možete odabrati optimalnu količinu tekstualnog sadržaja.
B. Preporučena veličina priložene slike je 395 x 289. Ove su veličine optimalne za postavljanje ključnih informacija u nju.
Osim glavnih elemenata, postoje i drugi ne manje značajni, a to su: grupni zid, rasprave, albumi, videozapisi, dokumenti i kontakti.
Ovi elementi su u suštini - grupni sadržaj. Sadržaj- to je glavni razlog zašto se posjetitelj pretplatio na grupu. Dizajn sadržaja treba biti u skladu s glavnim stilom grupe. No dizajn nije toliko važan koliko sadržaj samog sadržaja.
Ako je grupa prazna i osim dizajna ne sadrži ništa vrijedno, teško da će se netko na nju pretplatiti. Nećemo detaljno pisati o sadržaju u ovom članku. Članak o tome kako lijepo i ispravno urediti grupu VKontakte. Ako trebate pomoć pri pisanju sadržaja, možete nas kontaktirati unutar usluge ""
To je sve za dizajn grupa za danas. Napišite svoja pitanja o članku u komentarima ispod.
Za naručivanje usluga pišite na icq 275129,
Izdali smo novu knjigu “Content Marketing na društvenim mrežama: Kako doći do glava pretplatnika i zaljubiti se u svoju marku”.
VK grupa je vaše lice, pa dizajn grupe Vkontakte zahtijeva posebnu pažnju. Naravno, dizajn grupe Vkontakte možete naručiti od stručnjaka. U ovom slučaju, trošak će ovisiti o količini posla i specifičnostima. U prosjeku, složeni dizajn grupe u kontaktu s izgledom jelovnika i ostalih posluga košta od 1000 rubalja i više. Ako ste zainteresirani za samostalno dizajniranje grupe Vkontakte, onda je ovaj članak za vas. Prije svega, naznačimo da je to apsolutno stvarno.
Dimenzije elemenata
Ispod je dopis s dimenzijama dizajna VK grupe, odnosno njezinih glavnih elemenata.
Pogledajmo svaki element zasebno:
Dizajniramo šešir
Stvaranje VK grupe je nezamislivo bez šešira. Odgovor na pitanje kako organizirati grupu u kontaktu mora nužno započeti zaglavljem. Najčešće se u zaglavlju postavljaju oglasi, navigacijski izbornik i najzanimljiviji postovi. Najracionalniji način je napraviti zaglavlje u obliku naslovnice. Novi dizajn grupe u VK omogućuje dodavanje velikih i atraktivnih naslovnica. Da biste to učinili, kliknite na "Preuzmi" nasuprot "Omotnici zajednice", kao što je prikazano na slici:
Evo nekoliko opcija za ono što možete staviti u zaglavlje:
Avatar
Mislite li kako lijepo dizajnirati grupu u kontaktu? Onda nemojte zanemariti mukotrpan rad na avataru. To je učinkovit marketinški alat koji, ako se pravilno koristi, može postići željeni rezultat.
Dobra sličica avatara zadovoljava sljedeće kriterije:
- Tekst na njemu je velik i potpuno vidljiv, lako se čita.
- Slika i tekst su jasni, nemojte se truditi previše ugurati u avatar.
- Bolje je koristiti originalnu sliku koju ste napravili, a ne preuzetu.
- Koristite svijetle boje kako biste se izdvojili od ostalih slika, vješto koristite kontrast.
- Avatari izrađeni u stilu minimalizma izgledaju spektakularno: minimum teksta i nepotrebnih detalja, maksimum ljepote i jednostavnosti.
- Uključite svoju maštu kako biste privukli i zainteresirali korisnika - crni kvadrat, ikona goruće poruke itd.
A evo nekoliko opcija za postavljanje informacija u minijaturi: najave, prednosti, kontakti, niske cijene, promocije, natječaji i tako dalje.
Zahtjevi za avatar:
- Kvaliteta. Da biste to učinili, koristite slike 2-3 puta veće od potrebne veličine.
- Uniforman stil. Svi elementi trebaju biti kombinirani u shemi boja i općenitom stilu.
- Raznolikost. Bolje je ako su minijatura i sam avatar različite slike.
Na samom avataru možete staviti domenu službene web stranice tvrtke, naziv robne marke, logo, kontakte, radno vrijeme, informacije o natječajima i promocijama, najpopularnije proizvode, informacije o dostupnoj mobilnoj aplikaciji, vaše glavne prednosti, najave događaja , i tako dalje.
Widgeti
Ovo je obavezan dio registracije grupe u VK. Uz njihovu pomoć korisniku je prikladno izvršiti radnje koje su vam korisne: pretplatiti se, sudjelovati u natjecanju, naručiti, napisati komentar i tako dalje.
Slike za postove
Najbolje je kada su postovi popraćeni slikama u istom stilu. To grupi daje originalnost i kreativnost. Evo nekoliko sjajnih primjera:
Kao što možete vidjeti iz primjera, tvrtke stvaraju jedinstvene predloške dizajna za VK grupu, odnosno slike za njezine postove, a zatim ih jednostavno dopunjuju / mijenjaju. Vrlo je jednostavno napraviti takav predložak, evo nekoliko trikova:
Za stvaranje visokokvalitetnih i atraktivnih slika koje će vam pomoći da napravite prekrasan dizajn grupe Kkontakte, preporuča se korištenje Photoshopa. Ako posjedujete ovaj program, koristite jedan od pojednostavljenih analoga programa: Fotor.com ili Canva.com.
Uređivanje članaka
Kako registrirati VK grupu? Uredite članke u njemu pomoću uređivača, možete ga pronaći pomoću ove ikone:
O tome kako raditi s urednikom članaka u VK-u pisali smo u drugom članku.
Wiki oznaka
Kako pravilno organizirati grupu u VK koristeći wiki oznake? Ovo je najteži i ujedno najzanimljiviji dio. Wiki označavanje je specijalizirani jezik za rad s tekstovima na stranicama, što olakšava pristup funkcionalnosti HTML jezika. Prilikom oblikovanja kontakta u grupi, wiki oznake se koriste za formatiranje tekstualnog materijala, dodavanje slika u njega i razvoj navigacijskog izbornika. U ovom slučaju koristi se specijalizirani VK urednik.
Idemo shvatiti kako stvoriti wiki stranicu: otvorite preglednik i zalijepite je u adresnu traku: http://vk.com/pages?oid=-111 & p = Created_page, gdje je "111" ID grupe, i "Created_page" je naziv članka s riječima napisanim podvlakom. Često ćemo se prebacivati na način rada koda, pa pogledajmo kako to učiniti odmah:
Tekst je oblikovan u uređivaču koji je jednostavan i jasan, sličan Wordu. Ali nema mogućnost mijenjanja fontova, umjesto toga koristi oznake: H1, H2, H3, podebljano i kurziv.
Ako je potrebno, možete umetnuti poveznicu u tekst pomoću predloška: [link to article | link text].
Da biste umetnuli sliku, kliknite na ikonu kamere, prikladnije je to učiniti u načinu koda, što će vam omogućiti da odmah odredite željene dimenzije i stavite sliku u sredinu.
Postoje i složenije verzije:
Ovdje se prvo izrađuje slika u Photoshopu, koja se dalje dijeli na dijelove pomoću "Izrezivanja", zatim se gotove slike ubacuju u wiki post i na njih se pričvršćuju linkovi.
Važno je popraviti razvijeni izbornik u zaglavlju stranice: prvo napravimo izbornik u wiki oznaci, a zatim spremimo njegovu vezu. Nakon toga umetnite ovu vezu u post, kao što je prikazano:
Sada izrađujemo slike za izbornik i dodajemo ih u post, uklanjamo vezu iz posebnog tekstualnog polja i kliknemo "Pošalji".
Ostaje samo osigurati post.
Umjesto zaključka
Nekoliko savjeta o tome kako organizirati grupu Vkontakte:
- Kada razvijate dizajn (nije važno koristite li staru verziju ili razmišljate o tome kako urediti grupu Vkontakte u novom dizajnu), uvijek razmislite o tome kako će izgledati u mobilnoj verziji, je li sve jasno i prikladno .
- Slobodno eksperimentirajte i razvijajte rješenja koja vaši konkurenti ne koriste. Ovo je samo plus.
- Potpuno ravan i simetričan jelovnik ponekad može izgledati dosadno, stoga se nemojte držati savršenih oblika.
Nadamo se da će ovaj materijal o tome kako napraviti grupni dizajn na Vkontakteu biti koristan. Hvala pretplatnicima!
U ovom članku želio bih sistematizirati sve svoje znanje o dizajnu VKontakte grupa na temelju svog iskustva u interakciji s klijentima i njihovim preferencijama. Štoviše, u proteklih šest mjeseci VKontakte je napravio mnoge promjene za koje mnogi niti 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 funkcioniranja i sadržaja grupe. Dakle, 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 odnosi na izbor grafičkog dizajna između dvije međusobno isključive opcije, izradu internog jelovnika, odabir ulazne točke u interni jelovnik, razumijevanje razlike između kataloga i vitrine robe, pripremu promotivnih materijala za promociju grupe, korištenje korisnih aplikacije. Ali prije svega. Prvo ćemo pogledati glavne elemente grupnog dizajna, zatim ćemo prijeći na njihovu interakciju u obliku raznih kombinacija, a zatim ćemo govoriti o nekim korisnim trikovima i suptilnostima.
1. Horizontalni poklopac (zaglavlje)
Počnimo s vodoravnim omotom ili zaglavljem. Programeri VKontaktea uvjeravaju nas da naslovnica, zbog svoje veličine, daje veliku fleksibilnost u pružanju i vizualizaciji informacija. Obično, osim lijepe slike, zaglavlje sadrži logotip, popratne informacije, kontakte, poziv za pridruživanje grupi i adresu web stranice. Sumnjam da će jednog dana naslovnice postati jedina moguća dizajnerska opcija za grupu, pa bih preporučio da se odmah prebacite na njih kako biste izbjegli kasnije redizajn više sile.
Kako učitati naslovnicu
Da biste preuzeli naslovnicu, morate ići na Upravljanje zajednicom >> Osnovne informacije >> Naslovnica zajednice >> Preuzimanje. Preporučena veličina omota je 1590 × 400 piksela. U zaglavlju ne može postojati radni gumb na koji možete kliknuti – zapravo, 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: prikvačeni unos, informacije o zajednici i wiki izbornik (samo u grupama, takve kartice nema na javnim stranicama). Naglasak je i dalje na prikvačenom postu, ali čak i uz njegovu prisutnost, korisnik će sada uvijek imati pristup informacijama o zajednici, prelazeći kroz kartice. Da biste vidjeli karticu wiki izbornika (izvorno nazvanu Svježe vijesti), trebate otići na Upravljanje zajednicom »Odjeljci» Sadržaj »Ograničeno (ili otvoreno)» Spremi.
2. Vertikalni avatar
Sada skrenimo pažnju na stari dobri grupni avatar veličine 200x500 piksela. Do sada je to i način ukrašavanja grupe. Obično se na avataru nalaze sljedeće informacije: logo, popratni 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 (naslovnicu) ili okomiti banner. Ako postoji zaglavlje, okomiti avatar nije vidljiv. Na avataru ne može postojati nijedan radni gumb na koji možete kliknuti - zapravo, ovo je slika i to je to.
3. Minijatura
Trenutačno se okomiti avatar koristi za izradu minijature č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 zaobljen oblik, zahtjevi za minijature postali su stroži. Kako bi se tekst na minijaturi mogao u potpunosti pročitati, vizualno ne smije izlaziti izvan granica kruga.
Kako prenijeti minijaturu
Minijatura je postala potpuno samostalan element i kada koristite naslovnicu (zaglavlje) u dizajnu grupe, sada morate napraviti zasebnu minijaturu, imajte na umu. Ako grupa nema zaglavlje (naslovnicu), tada za preuzimanje minijature trebate kliknuti "Prenesi fotografiju" u bloku avatara (gore desno). Ako u dizajnu postoji zaglavlje (naslovnica), tada za preuzimanje minijature morate kliknuti na krug odmah ispod zaglavlja i tamo odabrati stavku "Prenesi fotografiju".
4. Banner
Banner (engleski banner - zastava, transparent) je grafička slika informativne, reklamne ili poticajne prirode. Banner je priložen kao slika uz objavu i može imati samo jednu internu poveznicu. Mnogi su još uvijek uvjereni da se iz bannera na početnoj stranici može napraviti nekoliko poveznica. Ovo nije slučaj, samo jedan link i to je to. Istaknuo bih sljedeće vrste bannera.
4.1 Informativni banner
Uobičajena vrsta bannera koji sadrži opće informacije o tvrtki, grupi, usluzi ili događaju s detaljnim popisom pogodnosti i drugim popratnim materijalima. Često se koristi kao prikvačena objava u grupi. Veličina takvog bannera je 510x307 piksela. Kod ove veličine, banner na dnu podudara se s avatarom. Ako nema veze s avatarom, možete koristiti bilo koju veličinu. Na primjer, koristim 600x350 piksela. Format kvadrata 510x510 piksela također je prikladan i sada postaje sve popularniji - s ovom veličinom banner zauzima najveće moguće područje u feedu vijesti.
4.2 Banner za ulazak u interni izbornik
Ako banneru iz prethodnog odlomka dodamo upečatljiv natpis "Otvori izbornik", dobit ćemo banner čija je glavna zadaća služiti kao ulazna točka u interni izbornik. Ponekad naprave trik u obliku nekoliko gumba na banneru, ali to je iluzija, kada korisnik klikne, i dalje dolazi na internu stranicu, a tamo svaki gumb ima svoju poveznicu. Veličina takvog bannera je 510x307 piksela. S ovom veličinom, banner na dnu podudara se s avatarom. Ako ulaz u izbornik nije vezan za avatar, tada možete napraviti bilo koju veličinu bannera, čak i uski gumb s natpisom "Otvori izbornik". Glavna stvar je da širina bannera bude najmanje 510 piksela.
4.3 Kartica za repost, promocije
Nedavno su kartice za ponovne objave ili promocije stekle posebnu važnost. Njegova je zadaća pozvati na konkretnu akciju. U osnovi je to "Pridruži se grupi, repost ili lajk i osvoji nagradu." Takvi banneri 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 Banner s gif animacijom
Nakon što su programeri VK početkom godine napravili veću veličinu za gif slike, gifovi su odmah stali u niz s informativnim bannerima. Na primjer, na GIF banneru možete dati slike nekoliko proizvoda ili tekstova koji se mijenjaju - pokret odmah privlači pozornost. A kad je funkcija dodana u lipnju automatsko pokretanje gif animacija u feedu vijesti, GIF-ovi su postali predmetom pomne pažnje oglašivača i marketinških stručnjaka.
5. Dizajn avatara + zakačeni banner
Donedavno je ovaj modularni dizajn, koji se sastojao od avatara i prikvačenog bannera, bio najpopularniji način ukrašavanja grupa. Više pojedinosti 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 ponovno 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, budući da se ne prikazuje avatar, već samo sličica, a prikvačena objava nalazi se odmah ispod.
6. Interni navigacijski izbornik
Izbornik u obliku aktivnih veza nalazi se na internoj stranici VKontaktea i napisan je pomoću wiki naredbi za označavanje. Kako napraviti samu unutarnju stranicu opisano je u lekciji. Uz pomoć izbornika korisnik se kreće kroz grupu. U nastavku ćete razmotriti vrste internog izbornika, ali za sada se zadržimo na nekoliko važnih točaka.
Ulazne točke u internom izborniku
Želim napomenuti jednu suptilnu točku koja se često zanemaruje. Ponekad klijenti od mene naruče interni jelovnik, ali u isto vrijeme nemaju pojma kako će korisnik ući upravo u taj interni jelovnik. U njega možete ući na dva načina: ili putem fiksnog bannera (pogledajte odlomak 4.2) ili putem tekstualne veze na gornjoj kartici ispod statusne trake (pogledajte donju sliku). Ponekad se tekstualna veza također postavlja u blok "Veze" u desnom stupcu sučelja.
Veze unutarnjeg izbornika
Obično prilikom naručivanja kupci naznače sljedeće stavke menija: O nama, Naši proizvodi (katalog), Načini dostave, Plaćanje, Jamstva, Recenzije, Kontakti, Promocije, Popusti, Raspored, Kako naručiti, Portfolio, Pitanja i odgovori, Informacije, Napravite narudžbu. Veze iz stavki izbornika mogu ići na odgovarajuće odjeljke vanjske stranice. Tada će se veza automatski otvoriti u novom prozoru. Većina točaka vodi na interne stranice VKontaktea. U tom slučaju, stranica se otvara u istom prozoru i morate napraviti poveznicu ili gumb "Povratak na glavni izbornik".
Veze na albume s fotografijama i videozapisima otvorit će se u novom prozoru. Veze na teme s raspravama (na primjer, Recenzije), na dijaloški okvir za pisanje poruka, na aplikacije (vidi paragraf 10), na odabir po hashtagovima (vidi paragraf 12) otvaraju se u istom prozoru i u ovom slučaju možete dobiti povratak na izbornik samo putem glavne stranice web-mjesta ili putem gumba "Natrag" u pregledniku. Ovo je možda najnezgodniji trenutak s takvim poveznicama.
Uređivanje izbornika
Često me klijenti pitaju je li moguće urediti interni izbornik. Moj odgovor je, ako ste samouvjereni korisnik i upoznati ste s 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 sve postavke.
Citirat ću riječi samih programera VKontaktea. “Jedan jednostavan savjet uštedjet će vam puno energije i živaca: radite samo u jednom načinu rada. Ili je to vizualni 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, razni parametri mogu nestati. Ovo je jedan od onih trenutaka koji će se sigurno ispraviti u budućnosti, ali za sada ovu činjenicu morate imati na umu."
Mobilni odziv
I još nešto o prilagodljivosti. Kako bi interni izbornik izgledao isto na mobilnim uređajima, morate pisati na tablicama. Tada će slika biti čvrsto pričvršćena. Inače, kada se veličina zaslona smanji, slike imaju tendenciju kliziti jedna ispod druge, kršeći izvorno zamišljeni redoslijed.
Ovdje, opet, riječi programera na račun prilagodljivosti. “wiki izbornik se prikazuje u mobilnim preglednicima, ali se ne prilagođava veličini zaslona, što može uzrokovati da slike izgledaju drugačije od računala. Na mreži se mogu pronaći vodiči za prilagođavanje wiki oznaka za mobilne uređaje, ali čak ni oni ne jamče 100% performanse na svim uređajima."
7. Vrste internog navigacijskog izbornika
Ispod su najčešće vrste internih izbornika. Postoje jednostavnija i pristupačnija rješenja s visokim stupnjem pouzdanosti. A postoje složeniji i naporniji dizajni u smislu grafike i izgleda. Ali izgledaju impresivnije.
7.2 Veliki grafički izbornik
U ovom slučaju, okomiti red veza nalazi se na velikoj pozadinskoj slici i ima čvrsto fiksiranu strukturu. Evo tutorijala.
7.3 Izbornik u obliku ikona, pločica
Ovaj dizajn pretpostavlja nekoliko redaka i stupaca u obliku grafičkih ikona i natpisa na njima ili grafičkih višebojnih ili jednobojnih pločica.
7.4 Dinamički izbornik s navigacijskim efektom
Vrlo impresivan dizajn koji oponaša navigaciju web-mjesta s učinkom klikanja na gumbe ili na drugi način označavanja posjećenih poveznica. Takvim je izbornikom prilično teško upravljati i zahtijeva vještine u komunikaciji s wiki oznakama, budući da ćete također morati uređivati podatke na stranicama u wiki oznaci. Ovdje je tutorial na ovu temu.
