Grafički dizajn grupe u kontaktu sastoji se od nekoliko slika različitih veličina. Svaki od njih obavlja svoju ulogu, stoga se proizvodi prema posebnom tehničkom zadatku.
- Avatar. Donedavno je gornji omot igrao glavnu ulogu u zajednici. Ali pristalice starog stila i dalje ga mogu koristiti kao osnovu. Avatar treba da sadrži osnovne informacije o kompaniji: logo, naziv kompanije, kontakt podatke i nekoliko riječi o smjeru aktivnosti. Jedan od najvažnijih dijelova avatara je sličica, vidljiva u tražilici kontakata i novostima. Veličina avatara je široka 200 piksela.
- Cover. U novom dizajnu naslovnica je postala glavni element grafičkog dizajna zajednice. Ulaskom u grupu, prva stvar na koju osoba obraća pažnju je naslovnica, tako da ona treba da odražava vaše aktivnosti što je više moguće. Tu također treba postaviti kontakt informacije i logo kompanije. Preporučena veličina omota je navedena u postavkama grupe prilikom slanja.
- Baner za prijelaz menija. Tradicionalno, dugme menija se nalazi na prelaznoj slici, dizajnirano u stilu zajednice. Osim toga, preporučujemo da tamo postavite ponudu koja je potencijalno interesantna kupcima.
- Slika sa stavkama menija. Element navigacije koji omogućava korisnicima da se kreću sadržajem grupe u nizu. Jelovnik može sadržati sve potrebne informacije za učesnike: dostava, plaćanje, kontakti, o kompaniji, katalog i još mnogo toga. Prilikom kreiranja slike, bolje je odabrati je tako da možete lako dodati nove tipke u meni ili unaprijed razmisliti o stavkama menija, izbjegavajući daljnje prerade.
- Slike za navigaciju za interne stranice. Ovi elementi služe za praktičnu navigaciju korisnika kroz dijelove zajednice i ugodan izgled internih stranica.
Grafički elementi u dizajnu Vkontakte zajednice privlače pažnju posjetitelja, zadržavaju ga, a također povećavaju prepoznatljivost grupe ili javnosti među hiljadama sličnih zajednica. Pored toga, grafički meni olakšava navigaciju kroz sekcije 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 pregled portfelja dizajnera pokazat će mnoge uspješne primjere dizajna Vkontakte grupa, na kojima možete graditi pri odabiru naslovnog menija za svoju zajednicu.
Za dizajn grupe Vkontakte koriste se sljedeće dimenzije:
- Naslovnica stranice je prikazana na vrhu, za cijelu širinu javnosti, veličina je 1590 x 400 piksela;
- Veliki avatar — vertikalni baner 200x500 px (omjer 2:5), prikazan u gornjem desnom uglu;
- Mali avatar, okrugla slika, prikazan je u svakoj poruci grupe, veličine 200x200 piksela.
- Slika menija za grupu VKontakte, širina 510 piksela, visina 307 (tako da se donja ivica menija lepo poklapa sa dnom velikog avatara sa desne strane).
Ako je naslovna slika postavljena u postavkama zajednice, tada se veliki avatar s desne strane ne prikazuje.
Kako sami napraviti šešir za Vkontakte grupu
Da 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 Vkontakte grupu, 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: dužina 1590 px, visina 400 px. 
Zatim možete primijeniti potrebne natpise (naziv grupe, slogan, poziv za pridruživanje zajednici). Sada morate da otpremite naslovnicu u zajednicu, da biste to uradili, idite na stavku menija "Upravljanje zajednicom": 
Kliknite na "Preuzmi" u polju "Naslov zajednice". 
U sljedećem prozoru odaberite datoteku omota koju ste prethodno pripremili na računaru i kliknite na "Sačuvaj i nastavi". 
Sada će vaša grupa imati novu naslovnicu. Imajte na umu da se u ovom slučaju više neće prikazivati okomita slika velikog avatara s desne strane.
- Slika ili fotografija moraju odgovarati temi zajednice.
- Koristite slike visokog kvaliteta.
- Nemojte kršiti tuđa autorska prava na slike (trenutno besplatne akcije nude veliki broj i fotografija i ilustracija).
- Nemojte preopteretiti naslovnicu detaljima.
- Ako u zaglavlje stavite fotografiju osobe, bolje je da ona ne gleda u posjetitelja, već u najvažniji element na stranici (meni, adresa web stranice, promotivna poruka, poziv).
- Koristite visokokvalitetne fontove i pobrinite se da su naljepnice čitljive u bilo kojoj mjeri.
Veličine kapica u javnom Vkontakteu u novom dizajnu
Nakon redizajna ove društvene mreže pojavio se novi element dizajna - naslovnica. Ovo je velika horizontalna orijentacijska 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 kompanije, naziv web stranice, raspored rada i drugi natpisi. 
Kako napraviti meni za VK grupu u novom dizajnu
Proces dizajniranja menija grupe Vkontakte sastoji se od sljedećih koraka:
- Priprema liste linkova za meni (to mogu biti stranice, sekcije zajednice ili eksterne stranice).
- Priprema pozadinske slike.
- Crtanje na pozadini slike natpisa i "dugmadi" menija.
- Rezanje slike na dijelove.
- Omogući wiki stranicu.
- Učitavanje grafičkog menija i formatiranje sa wiki oznakama.
Pozadinska slika treba da bude široka 510 piksela, a visina zavisi od broja i položaja stavki menija. Za rad sa slikama trebat će vam uređivač rasterske grafike, primjeri su prikazani u nastavku koristeći besplatni i lagani Paint.Net.
Treba odmah planirati postavljanje stavki menija tako da se slika može izrezati na fragmente iste veličine. Ovo je važno da bi se meni pravilno skalirao na ekranu pametnih telefona ili tableta.
Vertikalni meni VK zajednice sa stavkama u jednoj koloni
Otvorite sliku u uređivaču. Koristite alatku za uređivanje teksta da biste stavke menija napisali preko pozadine. Da bi oznake menija bile vidljive, mogu se istaknuti na nekoliko načina:
- Nacrtajte okvir;
- Promijenite boju pozadine ispod slova;
- Dodajte sjenu slovima.
Ispod na snimku ekrana, svaka stavka je istaknuta na jedan od načina. 
Sljedeći korak je rezanje slike na komade:
Proces rezanja slike može se obaviti i pomoću prikladnog online alata www.imgonline.com.ua/cut-photo-into-pieces.php.
Zatim u meniju "Upravljanje zajednicom" idite na stavku "Odjeljci" i u stavci "Materijali" odaberite "Ograničeno" (to znači da samo administrator grupe može kreirati i uređivati stranice). 
Kliknite na Spremi i idite na glavnu grupu. U blizini odjeljka s informacijama o grupi pojavila se stavka "Najnovije vijesti". 
Idite na ovaj odjeljak i kliknite na uredi. Promijenite naslov u "Meni", a zatim kliknite na ikonu kamere da dodate sliku. 
Kliknite na dodanu sliku i u prozoru sa svojstvima navedite vezu do željenog odjeljka. 
Vkontakte automatski smanjuje slike na 400 piksela i ubacuje dodatne oznake. Da biste to popravili, morate se prebaciti na način za uređivanje oznaka. 
Svaka oznaka slike počinje sa "[[" i završava sa "]]" i sastoji se od tri dela odvojena sa "|": ID slike, svojstva i link. Morate prilagoditi veličine slika i umetnuti oznaku “nopadding” u njihova svojstva. Svojstva slike su navedena sa ";". 
Nakon pohranjivanja izmjena, kreiranje menija je završeno. 
Meni sa horizontalnim ili višelinijskim rasporedom stavki
U ovom slučaju, priprema slike se izvodi na isti način, ali sa rezanjem izvora i okomito. Isječeni fragmenti se učitavaju kroz sučelje za uređivanje stranice. Međusobni položaj pravokutnih fragmenata postavlja se pomoću wiki tabelarne oznake u VK. Svaka oznaka slike veze opisana u prethodnom odjeljku smještena je unutar ćelije tabele.
Pravila dizajna stola:
- Početak je označen simbolom "(|), kraj tabele - "|)".
- Dodatna svojstva su navedena nakon "|~"
- Novi red počinje sa "|-".
- Svaka ćelija je odvojena sa "|".
Da biste isključili dodatne razmake, morate navesti parametre tablice "fixed nopadding noborder". Oznake za grafički meni od 2 kolone i 2 reda izgleda ovako: 
I sam meni u grupi: 
Veličina avatara grupe u novom dizajnu za dizajn VK javnosti
Vkontakte zajednice koriste dvije opcije za avatar:
- Veliki pravougaoni baner 200 x 500 tačaka je prikazan u gornjem desnom uglu ako nije umetnuta korice.
- Sličica 200x200 piksela, prikazana u objavama i diskusijama kao krug.
U ovom članku ćemo analizirati kako lijepo i pravilno urediti grupu u kontaktu da bude što jednostavniji za upotrebu.
Uzeti u obzir, kako lijepo i ispravno urediti VK grupu nećemo biti u smislu dizajna, već u smislu ciljeva sa kojima se grupa suočava.
Glavni cilj svake grupe– pridobiti posjetitelja tako da odmah shvati o čemu se radi u grupi i želi da postane njen član. Da bi grupa bila što zgodnija, potrebno je da minimizirate broj radnji od strane posjetitelja. Odnosno, u idealnom slučaju, da bi korisnik shvatio o čemu se radi u grupi, ne bi trebao vršiti dodatne klikove ili skrolovanje stranica.
Da biste shvatili kako pravilno izgraditi dizajn grupe u kontaktu, razmotrite njegovu strukturu prema glavnim elementima.
Pripremio sam poseban vizuelni dijagram sa objašnjenjima.
Dijagram kako lijepo i pravilno urediti grupu u VK.
Dijagram možete vidjeti uživo. veza.
1. Avatar.
Glavni grafički element grupe. Njegova struktura može biti različita u zavisnosti od predmeta grupe. Jedan primjer pogodan za prodajni tim prikazan je na dijagramu. Ključne preporuke za dizajn avatara:
ALI) Prenos esencije. Glavna svrha avatara je da prenese ključne karakteristike grupe, da kaže za šta je i za koga. U tome će vam pomoći ne samo sama slika, već i tekstualni natpisi. Ipak, poželjno je da tekst bude što manji.
B) Kvalitetna slika. Grafika bi trebala biti kvalitetna i lijepa, ali ništa više. Avatar ne bi trebao previše odvlačiti pažnju od glavnog sadržaja.
IN) Iskoristite sav mogući prostor. Maksimalna veličina izlaznog avatara je 200 puta 449, nije preporučljivo raditi manje. Ako radite više, onda zadržite proporcije.
2. Status grupe.
Uprkos činjenici da je ovo relativno mali element stranice, on je prilično važan. U statusu morate ukratko prenijeti najvažnije informacije o vašoj grupi. Maksimalni iznos statusa je 140 karaktera.
Pokušajte da status bude što jasniji i sažetiji. Koristite ikone. Kodovi ikona za ugrađivanje mogu se naći, na primjer, .
Primjeri kodova ikona za prodajne grupe:
Telefon - kod: _9742;
Ikona kod slanja poruke: _9993;
Pokazivač - kod: _128073; ili kod: _10145;
3. Opis grupe sa menijem ili zakačenom objavom.
Ispod statusa u samom centru stranice nalazi se glavni sadržaj. Postoje 2 glavne opcije za sadržaj koji može sadržavati. Ovo je opis grupe sa menijem i zakačenom objavom sa zida.
Meni je prilično zgodan u smislu navigacije, ali je potreban dodatni klik za proširenje, tako da se nećemo zadržavati na kreiranju menija za grupu. Postoji mnogo materijala na temu wiki označavanja na mreži.
Za kompjutersku verziju grupe, po našem mišljenju, bolje je da zakačeni post bude glavni sadržaj, jer može zauzeti čitavu korisnu površinu, prilično je zgodan i ne zahtijeva dodatne klikove od korisnika.
Opće smjernice za kreiranje zakačene objave:
O: Glavni tekst treba da bude što lakši za čitanje. Aktivno koristite ikone i značke.
B. Ukupna visina zakačenog posta - ne bi trebala prelaziti donju ivicu avatara. Empirijski, možete odabrati optimalnu količinu tekstualnog sadržaja.
C. Preporučena veličina priložene slike je 395 x 289. Ove veličine su optimalne za postavljanje ključnih informacija u nju.
Pored glavnih elemenata, postoje i drugi podjednako značajni, a to su: grupni zid, diskusije, albumi, video zapisi, dokumenti i kontakti.
Ovi elementi su u suštini grupni sadržaj. Sadržaj- ovo je glavni razlog zašto se posjetitelj pretplati na grupu. Dizajn sadržaja treba da bude u skladu sa glavnim stilom grupe. Ali dizajn nije toliko važan koliko sadržaj samog sadržaja.
Ako je grupa prazna i, osim dizajna, ne sadrži ništa vrijedno, malo je vjerovatno da će se neko na nju pretplatiti. U ovom članku nećemo pisati detaljnije o sadržaju. Članak o tome kako lijepo i pravilno urediti VKontakte grupu. Ako vam je potrebna pomoć u pisanju sadržaja, možete nas kontaktirati u sklopu usluge “ ”
To je sve za danas o dizajnu grupa. Napišite svoja pitanja o članku u komentarima ispod.
Za pitanja u vezi naručivanja usluga pišite na icq 275129,
Izdali smo novu knjigu "Marketing sadržaja društvenih medija: Kako ući u glavu pretplatnika i natjerati ih da se zaljube u vaš brend."
VK grupa je vaše lice, tako da 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 sami zainteresirani za dizajn grupe Vkontakte, onda je ovaj članak za vas. Prije svega, recimo da je ovo apsolutno realno.
Dimenzije elementa
Ispod je bilješka s dimenzijama dizajna VK grupe, odnosno njenih glavnih elemenata.
Analizirajmo svaki element posebno:
Pravljenje šešira
Dizajn VK grupe nezamisliv je bez šešira. Odgovor na pitanje kako urediti grupu u kontaktu mora nužno početi sa zaglavljem. Najčešće se u zaglavlju postavljaju oglasi, navigacijski meni i najzanimljiviji postovi. Najracionalnije je napraviti kapu u obliku poklopca. Izrada grupe u VK prema novom dizajnu omogućava vam dodavanje velikih i atraktivnih naslovnica. Da biste to učinili, kliknite na "Upload" nasuprot "Community Cover", kao što je prikazano na slici:
Evo nekoliko opcija za ono što se može staviti u zaglavlje:
Avatar
Razmišljate o tome kako lijepo dizajnirati grupu u kontaktu? Onda nemojte zanemariti mukotrpan rad na avataru. Ovo je efikasan marketinški alat čijom pravilnom upotrebom možete postići željeni rezultat.
Dobra sličica avatara ispunjava sljedeće kriterije:
- Tekst na njemu je velik i potpuno vidljiv, lako se čita.
- Slika i tekst su jasni, ne pokušavajte da ugurate previše 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 napravljeni u stilu minimalizma izgledaju impresivno: minimum teksta i nepotrebnih detalja, maksimum ljepote i jednostavnosti.
- Uključite fantaziju da privučete i zainteresirate korisnika - crni kvadrat, goruća ikona poruke itd.
A evo nekoliko opcija za postavljanje informacija u malom: najave, pogodnosti, kontakti, niske cijene, promocije, konkursi i tako dalje.
Zahtjevi za avatar:
- Kvaliteta. Da biste to učinili, koristite slike 2-3 puta veće od potrebne veličine.
- Single style. Svi elementi trebaju biti kombinirani u boji i cjelokupnom stilu.
- Raznolikost. Bolje je da su sličica i sam avatar različite slike.
Na samom avataru možete staviti domenu zvanične web stranice kompanije, naziv robne marke, logo, kontakte, radno vrijeme, informacije o tekućim takmičenjima i promocijama, najpopularnijim proizvodima, informacije o postojećoj mobilnoj aplikaciji, vašim glavnim prednostima, događaju najave i tako dalje.
Widgeti
Ovo je obavezan dio dizajna grupe u VK. Uz njihovu pomoć korisniku je zgodno izvršiti radnje koje su korisne za vas: pretplatiti se, učestvovati u natjecanju, naručiti, napisati komentar i tako dalje.
Slike za postove
Najbolje je kada su postovi popraćeni slikama u istom stilu. Ovo grupi daje originalnost i kreativnost. Evo nekoliko sjajnih primjera:
Kao što se može vidjeti iz primjera, kompanije kreiraju jedinstvene predloške dizajna za VK grupu, odnosno slike za njene postove, a zatim ih jednostavno dopunjuju / mijenjaju. Izrada takvog šablona je prilično jednostavna, evo nekoliko trikova:
Za stvaranje kvalitetnih i atraktivnih slika koje će vam pomoći da napravite prekrasan dizajn za grupu Kkontakte, preporučuje se korištenje Photoshopa. Ako posjedujete ovaj program, koristite jedan od pojednostavljenih analoga programa: Fotor.com ili Canva.com.
Uređivanje članaka
Kako registrovati 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 markup
Kako pravilno urediti grupu u VK koristeći wiki oznake? Ovo je najteži i ujedno najzanimljiviji dio. Wiki markup je specijalizirani jezik za rad s tekstovima na web stranicama koji olakšava pristup funkcionalnosti HTML jezika. Prilikom uspostavljanja kontakta u grupi, wiki oznake se koriste za formatiranje tekstualnog materijala, dodavanje slika u njega i razvoj menija za navigaciju. U ovom slučaju koristi se specijalizirani VK editor.
Hajde da shvatimo kako da kreiramo wiki stranicu: otvorite pretraživač i zalepite je u adresnu traku: http://vk.com/pages?oid=-111 &p=Created_page, gde je "111" ID grupe, i " Created_page" je naslov članka s riječima ispisanim podvlakama. Često ćemo se prebacivati na način rada koda, pa da vidimo kako to učiniti odmah:
Tekst je formatiran u editoru, koji je jednostavan i jasan, sličan Wordu. Ali nema mogućnost promjene fontova, umjesto toga se koriste oznake: H1, H2, H3, bold i kurziv.
Ako je potrebno, možete umetnuti link u tekst koristeći predložak: [link to article|link text].
Da biste umetnuli sliku, kliknite na ikonu kamere, prikladnije je to učiniti u režimu koda, što će vam omogućiti da odmah odredite željene dimenzije i stavite sliku u sredinu.
Postoje i složenije verzije:
Ovdje se prvo pravi slika u Photoshopu, koja se dalje dijeli na dijelove pomoću "Sečenja", zatim se gotove slike ubacuju u wiki post i na njih se pričvršćuju linkovi.
Važno je popraviti razvijeni meni u zaglavlju stranice: prvo pravimo meni u wiki oznaci, a zatim čuvamo njegovu vezu. Nakon toga, zalijepite ovaj link u objavu, kao što je prikazano:
Sada pravimo slike za meni i dodajemo ih u post, uklanjamo link iz posebnog tekstualnog polja i kliknemo "Pošalji".
Ostaje samo popraviti post.
Umjesto zaključka
Nekoliko savjeta kako organizirati Vkontakte grupu:
- Kada razvijate dizajn (nije važno koristite li staru verziju ili razmišljate o tome kako dizajnirati Vkontakte grupu u novom dizajnu), uvijek razmišljajte o tome kako će izgledati u mobilnoj verziji, je li sve jasno i zgodno .
- Nemojte se bojati eksperimentirati i razvijati rješenja koja vaši konkurenti ne koriste. Ovo je samo plus.
- Apsolutno ujednačen i simetričan jelovnik ponekad izgleda dosadno, tako da se nemojte držati savršenih oblika.
Nadamo se da će ovaj materijal o tome kako dizajnirati grupu na Vkontakteu biti koristan. Hvala pretplatnicima!
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 VKontakt je napravio mnogo promjena kojih mnogi nisu ni svjesni. Ž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 mi već oporavili od nekog šoka nakon redizajna VKontaktea, a iza vidljivih promjena otkrilo se viševarijantno funkcioniranje i popunjavanje grupe. Tako da sada dizajn grupa uključuje složenu proceduru koja nije ograničena samo na grafičku komponentu u obliku prekrasnih slika. Sada vlasnici moraju uzeti u obzir mnoge nijanse izgradnje grupne strukture, ovisno o poslovnoj temi i pogodnostima korisnika.
To se uglavnom odnosi na izbor grafičkog dizajna između dvije međusobno isključive opcije, izradu internog jelovnika, izbor ulazne tačke u interni meni, razumijevanje razlike između kataloga i vitrine proizvoda, pripremu promotivnih materijala za promociju grupe. i korištenje korisnih aplikacija. Ali prvo stvari. Prvo ćemo pogledati glavne elemente grupnog dizajna, zatim ćemo prijeći na njihovu interakciju u obliku različitih kombinacija, a zatim ćemo govoriti o nekim korisnim značajkama i suptilnostima.
1. Horizontalni poklopac (zaglavlje)
Počnimo s horizontalnim omotom ili zaglavljem. Programeri VKontaktea uvjeravaju nas da naslovnica, zbog svoje veličine, daje veću fleksibilnost u pružanju i vizualizaciji informacija. Obično, pored prelepe slike, zaglavlje sadrži logo, prateće informacije, kontakte, pozivnicu za pridruživanje grupi i adresu web sajta. Sumnjam da će jednog dana omoti postati jedina moguća opcija dizajna za grupu, pa bih preporučio da se odmah pređe na njih kako bi se kasnije izbjegle redizajna više sile.
Kako preuzeti omot
Da preuzmete naslovnicu, trebate otići na Upravljanje zajednicom >> Osnovne informacije o bloku >> Naslovnica zajednice >> Preuzmi. Preporučena veličina omota je 1590×400 piksela. Zaglavlje ne može imati nijedan radni gumb na koji se može 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
Tri kartice se sada mogu naći u gornjem bloku ispod zaglavlja: zakačena objava, informacije o zajednici i wiki meni (samo u grupama, takva kartica ne postoji na javnim stranicama). Naglasak je i dalje na zakačenoj objavi, međutim, čak i ako je prisutan, korisnik će sada uvijek imati pristup informacijama o zajednici prelaskom između kartica. Da bi se pojavila kartica wiki menija (prvobitno nazvana Najnovije vijesti), trebate otići na Upravljanje zajednicom » Odjeljci » Sadržaj » Ograničeno (ili javno) » Sačuvaj.
2. Vertikalni avatar
Sada obratimo pažnju na stari dobri avatar za grupu veličine 200x500 piksela. Iako je to i način dizajniranja 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 cijeli avatar nije vidljiv, vidljiv je samo dio - sličica. Da biste dizajnirali grupu, možete koristiti horizontalno zaglavlje (korica) ili vertikalni baner. Ako postoji zaglavlje, vertikalni avatar nije vidljiv. Avatar ne može imati nijednu radnu dugmad na koju se može kliknuti - u stvari, ovo je slika i to je to.
3. Minijatura
Trenutno se vertikalni avatar koristi za kreiranje sličice minimalne veličine od 200x200 piksela. Sličica se koristi u objavama i objavama kao mali krug pored naslova i kao veći krug u nekim odabirima i spominjanjima u zajednici. U vezi s prijelazom na zaobljeni oblik, zahtjevi za minijaturom postali su stroži. Da bi se tekst na sličici mogao pročitati u potpunosti, vizualno ne smije izlaziti izvan granica kruga.
Kako učitati sličicu
Sličica je postala potpuno samostalan element, a kada koristite naslovnicu (zaglavlje) u dizajnu grupe, sada morate napraviti posebnu sličicu, imajte na umu. Ako grupa nema zaglavlje (naslovnicu), tada da biste učitali sličicu, trebate kliknuti na "Učitaj fotografiju" u bloku avatara (gore desno). Ako u dizajnu postoji zaglavlje (naslovnica), tada da biste prenijeli sličicu, trebate kliknuti na krug odmah ispod zaglavlja i tamo odabrati stavku "Prenesi fotografiju".
4. Baner
Baner (engleski banner - zastava, baner) - grafička slika informativnog, reklamnog ili poticajnog karaktera. Baner je priložen kao slika uz post i može imati samo jedan interni link. Mnogi ljudi su još uvijek uvjereni da se sa banera na glavnoj stranici može napraviti nekoliko linkova. Nije, samo jedan link i to je to. Izdvojio bih sljedeće vrste banera.
4.1 Informacije o baneru
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čeni unos u grupi. Veličina takvog banera je 510x307 piksela. Sa ovom veličinom, baner na dnu poklapa se sa avatarom. Ako nema veze s avatarom, može se koristiti bilo koja veličina. Ja, na primjer, koristim veličinu od 600x350 piksela. Kvadratni format od 510x510 piksela je također zgodan i postaje sve popularniji - s ovom veličinom baner zauzima najveće područje u feedu vijesti.
4.2 Baner za ulazak u interni meni
Ako baneru iz prethodnog pasusa 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 zamku u obliku nekoliko dugmadi na baneru, ali to je iluzija, kada se pritisne, korisnik i dalje dolazi na internu stranicu, a tamo svako dugme već ima svoju vezu. Veličina takvog banera je 510x307 piksela. Sa ovom veličinom, baner na dnu se poklapa sa autorom. Ako ulaz u meni nije vezan za avatar, tada možete napraviti bilo koju veličinu banera, čak i usko dugme s 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. Njegova svrha 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 rang 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 automatska reprodukcija gif animacija u feedu vijesti, tada su GIF-ovi 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 oblikovanja grupa. Više detalja o tome kako napraviti takav dizajn opisano je u lekciji. S pojavom zaglavlja (poklopca), možda će se popularnost ovog dizajna malo smanjiti.
Osim toga, postoji mogućnost da će VKontakte ponovo promijeniti neke parametre blokova i tada će cijeli dizajn propasti, kao što se to dogodilo dva puta u proteklih š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čeni unos se nalazi malo niže.
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. Korisnik se kreće kroz grupu pomoću menija. U nastavku ćemo razmotriti vrste internog menija, ali za sada ćemo se fokusirati 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. Postoje dva načina da uđete u to: 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, Naručite. 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".
Veze ka albumima sa fotografijama i video zapisima otvaraju se u novom prozoru. Linkovi na teme sa diskusijama (npr. Recenzije), na dijaloški okvir za pisanje poruka, na aplikacije (vidi tačku 10), do odabira po hashtagovima (vidi tačku 12) otvaraju se u istom prozoru 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. Odgovor je, ako ste siguran korisnik i upoznati 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 obarate sve postavke.
Citirat ću riječi samih programera VKontaktea. “Jedan jednostavan savjet će vam uštedjeti mnogo truda 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 jedna od onih tačaka koje će se definitivno popraviti u budućnosti, ali za sada morate imati na umu ovu činjenicu.
Prilagodljivost za mobilne uređaje
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 ožičena. U suprotnom, kada se veličina ekrana smanji, slike će se pomicati jedna ispod druge, kršeći prvobitno zamišljeni redoslijed.
Evo, opet, riječi programera na račun prilagodljivosti. „Viki meni se prikazuje na mobilnim pretraživačima, ali se ne prilagođava veličini ekrana, zbog toga slike možda neće izgledati isto kao na desktopu. Na webu možete pronaći vodiče 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 internog menija. Postoje jednostavnija i isplativija rješenja sa visokim stepenom pouzdanosti. A postoje i složeniji i dugotrajniji 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 lekcije.
7.3 Meni u obliku ikona, pločica
Ovaj dizajn uključuje 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 simulira navigaciju po sajtu sa efektom klikanja na dugmad ili druge oznake 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 lekcije na tu temu.
