Sve za VKontakte grupu. Neki sadržaji su zatvoreni za javni pristup, jer... nije za svakoga

Grafički elementi u dizajnu zajednice VKontakte privlače pažnju posjetitelja, zadržavaju je, 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 dijelove grupe, pomažući sudionicima i drugim korisnicima društvene mreže da se kreću strukturom velike zajednice.

Pretraživanje na VK-u ili pregled portfelja dizajnera pokazat će mnoge uspješne primjere dizajna grupe VKontakte, od kojih možete graditi pri odabiru naslovnog izbornika za svoju zajednicu.

Koriste se sljedeće veličine dizajna grupe VKontakte:

Naslovnica se prikazuje na vrhu, cijelom širinom javne stranice, veličine 1590 x 400 piksela;
Veliki avatar - vertikalni banner 200x500 px (omjer 2:5), prikazan u gornjem desnom kutu;
Mali avatar, okrugla slika, prikazuje se u svakoj grupnoj poruci, veličine 200x200 piksela.
Slika izbornika za VKontakte grupu, širina 510 piksela, visina 307 (tako da se donji rub izbornika lijepo slaže s donjim dijelom velikog avatara s desne strane).

Ako je naslovna slika učitana u postavkama zajednice, veliki avatar s desne strane nije prikazan.

Kako sami napraviti zaglavlje za VKontakte grupu

Kako bi zaglavlje zajednice izgledalo lijepo, sve njegove grafičke komponente moraju biti dizajnirane u istom stilu (skup boja, logotipi, fontovi) ili biti dio iste slike. Kada sami stvarate VKontakte grupu, prvi korak je priprema pozadinske slike. To može biti tematska slika iz besplatnih banaka fotografija (na primjer, pixabay.com).

Otvorite sliku u grafičkom uređivaču. Izrežite ili skalirajte na veličinu: duljina 1590 px, visina 400 px.

Zatim možete primijeniti potrebne natpise (naziv grupe, slogan, poziv za pridruživanje zajednici). Sada trebate prenijeti naslovnicu u zajednicu da biste to učinili, idite na stavku izbornika "Upravljanje zajednicom":

Kliknite na "Preuzmi" u polju "Naslov zajednice".

U sljedećem prozoru odaberite datoteku naslovnice koju ste prethodno pripremili na računalu i kliknite "Spremi i nastavi".

Sada će vaša grupa imati novu naslovnicu. Imajte na umu da u tom slučaju okomita slika velikog avatara s desne strane više neće biti prikazana.

Slika ili fotografija mora odgovarati temi zajednice.
Koristite slike visoke kvalitete.
Nemojte kršiti tuđa autorska prava na slike (trenutačno besplatne dionice nude velik broj fotografija i ilustracija).
Nemojte preopteretiti naslovnicu detaljima.
Ako stavite fotografiju osobe u zaglavlje, bolje je da ne gleda u posjetitelja, već u najvažniji element na stranici (izbornik, adresa web stranice, poruka o promociji, žalba).
Koristite visokokvalitetne fontove i osigurajte da je tekst čitljiv u bilo kojoj mjeri.

Veličine zaglavlja na VKontakte javnosti u novom dizajnu

Nakon redizajna ove društvene mreže pojavio se i novi element dizajna - naslovnica. Ovo je velika pejzažna slika dimenzija 1590 x 400 piksela. Zaglavlje VKontakte grupe je statična slika. Dovoljno velik da na njega postavite svijetlu, nezaboravnu fotografiju ili sliku i ime javnosti, slogan tvrtke, naziv stranice, raspored rada i druge natpise.

Kako napraviti jelovnik za VK grupu u novom dizajnu

Proces dizajniranja izbornika grupe VKontakte sastoji se od sljedećih koraka:

Priprema popisa poveznica izbornika (to mogu biti stranice, odjeljci zajednice ili vanjske stranice).
Priprema pozadinske slike.
Primjena natpisa i "gumba" izbornika na pozadinsku sliku.
Rezanje slike na dijelove.
Omogući wiki stranicu.
Učitavanje grafičkog izbornika i njegovo formatiranje s wiki oznakama.

Pozadinska slika treba biti široka 510 piksela, a visina ovisi o broju i rasporedu stavki izbornika. Za rad sa slikama trebat će vam rasterski grafički uređivač; u nastavku su navedeni primjeri korištenja besplatnog i laganog programa Paint.Net.

Trebali biste odmah planirati postavljanje stavki izbornika tako da se slika može izrezati na fragmente iste veličine. Ovo je važno za pravilno skaliranje izbornika na zaslonu pametnog telefona ili tableta.

Okomiti izbornik VK zajednice sa stavkama u jednom stupcu

Otvorite sliku u editoru. Pomoću uređivačkog alata "Tekst" napišite stavke izbornika na pozadinu. Kako bi oznake izbornika bile vidljive, mogu se istaknuti na nekoliko načina:

Okružite ga okvirom;
Promijenite boju pozadine ispod slova;
Dodajte sjenu slovima.

Na snimci zaslona u nastavku svaka je stavka istaknuta na jedan od sljedećih načina.

Sljedeći korak je rezanje slike na dijelove:

Proces rezanja slike također se može izvesti pomoću prikladnog mrežnog 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).

Pritisnite Spremi i idite na glavnu grupu. U blizini odjeljka s informacijama o grupi pojavila se stavka "Najnovije vijesti".

Idite na ovaj odjeljak i kliknite uredi. Promijenite naslov u "Izbornik", a zatim kliknite na ikonu kamere da biste dodali sliku.

Kliknite na dodanu sliku i u prozoru svojstava navedite poveznicu na željeni odjeljak.

VKontakte automatski smanjuje slike na 400 piksela i umeće dodatne oznake. Da biste to popravili, morate ići u način uređivanja oznaka.

Svaka oznaka slike počinje s “[[” i završava s “]]” i sastoji se od tri dijela odvojena s “|”: ID slike, svojstva i poveznica. Morate prilagoditi veličinu slika i umetnuti oznaku "nopadding" u njihova svojstva. Svojstva slika navedena su kroz “;”.

Nakon spremanja promjena, izrada izbornika je završena.

Izbornik s horizontalnim ili višerednim stavkama

U ovom se slučaju priprema slika provodi na isti način, ali s okomitim rezanjem izvora. Izrezani fragmenti učitavaju se kroz sučelje za uređivanje stranice. Relativni položaj pravokutnih fragmenata uspostavlja se pomoću označavanja wiki tablice u VK. Svaka oznaka slike veze opisana u prethodnom odjeljku smještena je unutar ćelije tablice.

Pravila dizajna tablice:

Početak je označen simbolom “(|), a kraj tablice označen je simbolom “|)”.
Dodatna svojstva navedena su nakon "|~"
Novi red počinje s "|-".
Svaka ćelija je odvojena znakom "|".

Da biste isključili dodatne razmake, trebate navesti parametre tablice "fiksirano nopadding noborder". Izgled grafičkog izbornika s 2 stupca i 2 retka izgleda ovako:

I sam meni u grupi:

Veličina avatara grupe u novom dizajnu za javni dizajn VK

VKontakte zajednice koriste dvije opcije avatara:

Veliki pravokutni banner 200 x 500 piksela prikazuje se gore desno ako naslovnica nije učitana.
Sličica je veličine 200x200 piksela, prikazana u objavama i raspravama kao krug.

VKontakte zadovoljava svoje korisnike velikim brojem zanimljivo dizajniranih grupa. Mnogi od njih izgledom nisu inferiorni u odnosu na punopravnu web stranicu. Ovaj učinak osigurava pravilan dizajn grupe, posebice izbornika i avatara. Iskusni korisnici mogu se lako nositi s ovim zadatkom, ali ako ste početnik, članak će vam biti koristan.

Kako lijepo dizajnirati grupu na VKontakteu

Izrada bannera

Prilikom pregledavanja grupe, korisnik prije svega obraća pažnju na avatar i izbornik. U nastavku ćemo govoriti o tome kako stvoriti dvije slike u Photoshopu, ispravno izrezati jednu od njih i napisati poseban kod koji označava

1. faza

Otvorite Photoshop i izradite novi dokument dimenzija 630x725 piksela. Napunite ga bijelim. Izrežite dva prozora u sloju. Kroz ove prozore će izgledati grafički dizajn Kontakta. Prvo odaberite pravokutno područje veličine 200x710 piksela i pritisnite tipku “Del”. Zatim odaberite pravokutno područje veličine 382x442 piksela, spojite dobivene pravokutnike na dnu i pritisnite tipku "Del".

Faza 2

Ispod dobivenog sloja postavit ćemo grafički dizajn grupe. Najbolje je unaprijed napisati traženi tekst na slici s glavnom pozadinom, a dodatno stvoriti potreban broj stavki izbornika.

Faza 3

Sljedeće je desno pravokutno područje dimenzija 200x710 piksela. spremite kao zasebnu sliku. Rezultat je potpuno gotov crtež za dizajn grupe. Potrebno ga je učitati u blok koji se nalazi u gornjem desnom kutu stranice. Da biste to učinili, kliknite gumb "Učitaj fotografiju".

Čemu služi lijeva slika? Izrežemo ga na nekoliko dijelova (ovisno o broju jelovnika). Na primjer, naš izbornik ima 5 stavki, što znači da će izlaz biti 5 slika 382x50 piksela.

Faza 4

Pristiglih pet slika potrebno je učitati u grupni album. Zatim idite na stranicu grupe i odaberite blok "Vijesti", preimenujte ga u "Izbornik grupe", a zatim kliknite "Uredi".

Faza 5

Tako smo došli do završne faze vodiča "Kako lijepo dizajnirati grupu na VKontakteu". Otvorite karticu s nazivom “Source” koja se nalazi u donjem prozoru, potrebno je kopirati i zatim zalijepiti u “Source Code”. U tekstu koda zamijenite fotografiju nazivima datoteka i označite visinu datoteke (382 piksela). Sada unesite adrese menija za nazive datoteka.

Faza 6

Za savršeno kombiniranje slika potrebno je ispuniti nekoliko uvjeta:

Naziv grupe mora stati u jedan red;

Adresa stranice je također jedan redak.

Opis mora sadržavati 10 redaka.

Wiki označavanje VKontakte

Da biste razumjeli kako ga lijepo dizajnirati, također se morate upoznati s konceptom Wiki markupa.

Što je to?

Dakle, Wiki označavanje je sustav dizajniran za uređivanje stranica na sličan način kao HTML. Prije nego što počnete stvarati VKontakte grupu, odlučite o njegovoj vrsti. Dizajn može biti grafički i tekstualni.

Dizajn tekstualnog izbornika

Kod za izbornik izgledat će ovako:

Početak i kraj koda označeni su oznakama. Svaka ikona će izgledati kao [], zatim opis.

Grafički izbornik

Kod za takav izbornik bit će sastavljen prema sljedećem principu:

! !! !!

Naravno, ove informacije samo zagrebu površinu teme Wiki označavanja. Više o tome možete saznati posjetom službene VKontakte grupe. Postoji mnogo korisnih informacija i video tutorijala o tome kako lijepo dizajnirati

Danas ću nastaviti svoje "Uranjanje u VK grupe". U trećem dijelu “serije” ispričao sam i pokazao. Danas razgovarajmo o dizajniranju izbornika grupe VKontakte!

U prvom članku o izradi jelovnika bilo je dosta pitanja u komentarima pa ću prije otvaranja nove teme odgovoriti na često postavljana pitanja.

pitanje 1: Prvi i najčešći: "Gdje je kod u izborniku?" ili "ako nema oznake prilikom uređivanja "Izvornog koda", kako dodati internu stranicu?" ili "Još uvijek ne razumijem što učiniti ako se kôd ne pojavi!"

Odgovor 1: VK je promijenio uređivač, sada se možete prebacivati između vizualnog uređivača i koda samo jednim klikom (gornji desni kut uređivača):

Da biste provjerili u kojem se uređivaču nalazite: prijeđite mišem preko ovog gumba, napišite tekst i označite ga podebljano - ako se pojavljuju neobični znakovi, onda je to kod

Pitanje 2: Drugi, vrlo problematičan: “ kako ukloniti razmake između slika?»

Odgovor 2: Priznajem, i sam sam se uplašio kada je klijentov jelovnik prvi put proradio. Sada to brzo uredim, ali tada nije bilo zabavno. Vidjeti:

Dodajte oznaku nopadding; i sve će doći na svoje mjesto!

Razmak se uvlači između slika i jelovnik izgleda slomljeno. Za neznalice to možda nije normalno, ali za ljude je ovo u najmanju ruku neprofesionalno. Pa u čemu je problem? Ah, vrlo je jednostavno! U VK-u se stalno događaju neka ažuriranja, uvode se novi algoritmi... pa čak i uređivač je kriv... ponekad, bez vidljivog razloga, važne oznake ispadnu iz koda i tada vidimo ovu sliku. Da biste to popravili, morate pogledati kod i napraviti potrebne prilagodbe. Format koda trebao bi biti ovakav:

Predložak: [] Primjer: []

Obično se slike izbornika proširuju jer ih kod izostavlja nopadding; — postavili smo ga na mjesto i sve je usklađeno. Prije spremanja rezultata kliknite na gumb "Preview" kako biste bili sigurni da je sve glatko.

pitanje 3: Vijesti. U listopadu 2012. VKontakte je nasilno odrezao avatare grupa i javnih stranica. Sada njihova veličina ima zajednički standard od 200x500 piksela. Dakle, ako ste imali veći avatar u svojoj grupi, napravite ažuriranje (ažurirajte avatar).

Usput, uz obrezivanje, VK je uveo još jednu inovaciju u vezi s grupnim fotografijama: sada klikom na avatar, mi ćemo, baš kao i na računu, moći vidjeti sve albume zajednice. Zgodno je! A iz toga se izvlači nova funkcionalnost u komunikaciji grupe.

Taaaaaaaaaaaaaaaaaaa, gotovi smo s pitanjima... sad idemo na izradu samog jelovnika!

Korak 1. Kako stvoriti izbornik u kontaktu i napraviti ugniježđene stranice:

Prije svega, provjerimo znate li kako stvoriti grupni izbornik u kontaktu i prođite kroz nekoliko uputa:

Što misliš o mojoj varalici?

Ovo je varalica koju sam smislio! Radi veće jasnoće, zapisati ću svaki broj:

Izvršite ovu operaciju sa svim podstranicama i vaš će izbornik biti spreman.

Jesti! Napravili smo jelovnik, izradili interne stranice, popunili ih, a sada idemo na izradu prekrasnog grafičkog jelovnika.

Korak 2. Kako stvoriti prekrasan grafički izbornik u Kontaktu i instalirati ga:

Neću vam dati cijelu teoriju o tome kako wiki označavanje funkcionira u kontaktu, sada imamo druge ciljeve. Da biste stvorili vizualni izbornik u VK grupi, ne morate znati sve wiki oznake. Prijeđimo na izradu vizualnog jelovnika!

Prvo ću vam pokazati kôd i rezultat svog izbornika:

Priznajem, napravio sam to posebno da napišem ovaj članak. Svi "nisu stigli do toga", znate, kao "postolar bez čizama". Ali sada imam vizualni izbornik u VK grupi!

Neću vam govoriti kako nacrtati sliku za jelovnik, to je na dizajnerima, ja to sama crtam, ali ne tako profesionalno. , na kraju članka dao sam video o tome kako nacrtati jednostavan izbornik u Photoshopu, pogledajte, možda to možete učiniti sami. Ako ne, naručite sliku jelovnika od.

Pokazat ću vam umjereno složenu opciju instalacije izbornika. Razlika je u broju elemenata. Jelovnik koji je jednostavno izrezan na trake najjednostavnija je izvedba. Što je više gumba na koje se može kliknuti u retku, to je njegovo izvođenje složenije. Iako, znajući osobitost, sve je jednostavno! Samo je pitanje vremena. Dakle, širina slike treba biti:

370 px – ako imate dva ili više objekata u liniji, kao što imam gumbe društvenih medija

I max 388 px – ako sliku izrežemo na jednostavan način, samo u linije, bez dijeljenja na male objekte. Ovo je značajka koju morate znati kada izbornik režete na gumbe. Moja veličina slike za cijeli meni je ispala 370x456 px.

Nakon što je slika izrezana na potreban broj objekata i spremljena u poseban album, postavljamo ovaj album u VK. Učitavamo na profil računa, ne u grupu! Budući da grupni albumi više nemaju opciju skrivanja albuma. Tehnički album u korporativnoj (na primjer) grupi uopće nije potreban, pa skrivamo stavke izbornika u albumu računa:

Tehnički album VK

Nakon što postavite privatnost "Samo ja". Prijeđimo na instalaciju samog izbornika. Dat ću vam primjer koda koji bi vam bio predložak i pogledajmo od čega se sastoji:

[]

Gdje, fotografija7632142_296911699– ovo je adresa slike! Gledamo to u adresnoj traci slike:

Od prve slike, počnimo umetati izbornik u VKontakte grupu

Potrebna vam je kratka adresa slike, za to idite na sam album:

Idite na sam album kako biste dobili željenu adresu slike!

...i počevši od prve slike, premjestite ih u grupni izbornik.

Dodavanje veličine slike kodu izbornika!

Dakle, adresa slike je dodana, veličina je naznačena, sada stavljamo oznaku nopadding;- potrebno je kako bi naše slike čvrsto pristajale jedna drugoj. I posljednji korak je postavljanje poveznice na stranicu na koju će posjetitelj otići nakon klika na sliku.

Ovdje malo pojašnjenje! Pišemo vanjske linkove, linkove na VK albume i rasprave u cijelosti, te linkove na interne stranice u formatu stranica-32734125_44298120. Na početku i kraju retka ne zaboravite staviti dva kvadratna navodnika i bez razmaka.

Pojašnjenje 2: kada se povezujemo na unutarnje stranice bez slika, koristimo jednostruke kvadratne navodnike za rasprave, albume i vanjske poveznice.

Redovi u kojima imate dva ili više elemenata ubacuju se u kod bez razmaka. Umetnite svaki redak slike jedan za drugim. Jer ako pritisnete Enter nakon retka sa slikom, slika će skočiti u novi red i izbornik će se pomaknuti. Potrebno nam je da se izbornik prikazuje kao cjelina, tako da nam ne trebaju dodatni razmaci ili "interteri"!

Nakon što ste prebacili sve slike u izbornik i dizajnirali ih (veličina, veza), spremite rezultat i divite se svom radu! Sve! Spreman!

Prije svega, morate ga lijepo ukrasiti. Uostalom, kao što znate, sve sudimo "po odjeći". Ovaj članak će vam pomoći lijepo dizajnirajte VKontakte grupu na svome.

Kako formalizirati naziv VKontakte grupe?

Prva stvar na koju morate obratiti pozornost prilikom stvaranja VKontakte grupe je Ime. Prilikom odabira imena morate uzeti u obzir tri glavna parametra:

Pretraživanje društvene mreže VKontakte radi na sljedeći način: postoje dvije grupe s nazivima "Rad na Internetu" i "Rad na Internetu bez ulaganja". Kada korisnik VKontakte unese upit "rad na Internetu", grupa s odgovarajućim nazivom bit će veća, čak i ako je broj pretplatnika jednak ili druga grupa ima malu prednost.

Zaključimo: vlasnici poznate online trgovine Ali Express, kada kreiraju grupu za nju, ne moraju u nazivu naznačiti njezinu temu; Za manje popularnu stranicu, internetsku trgovinu, forum, pri stvaranju grupe, bolje je navesti temu u nazivu, kao što smo učinili gore..

Kako registrirati status za VKontakte grupu?

Status grupe VKontakte manje je važan od njenog naziva, ali vrijedi obratiti pozornost. Hajde da shvatimo kako to učiniti ispravno stvoriti status za VKontakte grupu? Glavna stvar je ne preopteretiti ga previše; trebao bi sadržavati samo najvažnije informacije:

Ako trenutno ne znate kako registrirati status VKontakte grupe, bolje je odgoditi. Ne biste trebali staviti bilo što u njega. Nedostatak statusa neće naškoditi dizajnu vaše grupe, ali besmislene informacije u njoj mogu zbuniti posjetitelje. usput, Za javne stranice status je važniji, jer se pojavljuje u izborniku "Pages of Interest" kao opis.

Kako napisati opis VKontakte grupe?

Sada ćemo to shvatiti kako napisati opis VKontakte grupe, odnosno tekst koji se može unijeti u postavkama zajednice. Za to postoji nekoliko rješenja:

Osim toga, VKontakte ima ograničenje veličine teksta u opisu grupe koji će biti prikazan bez kolapsa - 600 znakova s razmacima. Nakon prekoračenja ovog ograničenja, opis će biti minimiziran, zbog čega će izgledati neugledno. Ovu situaciju možete vidjeti na slici ispod.

U tom smislu, preporučujem korištenje prikvačenih poruka u zaglavlju prilikom izrade opisa VKontakte grupe, stvaranje slike za njih s opisom, emotikonima, tekstom, pa čak i izbornikom. Sve će to dodati boju vašoj zajednici.

Kako napraviti avatar za VKontakte grupu?

Sada ćemo pokušati shvatiti jedan od najvažnijih aspekata dizajniranja VKontakte grupe - kako napraviti avatar? Za one koji imaju vlastiti novac, možete se prijaviti na razmjenu slobodnih zaposlenika i naručiti avatar i druge elemente za grupu (banner, izbornik itd.) od iskusnog web dizajnera. Ali možeš ići drugim putem, sami napravite avatar za grupu VKontakte.

Prije svega, morate odlučiti koja će vam veličina biti potrebna za izradu avatara za VKontakte grupu. Maksimalna širina avatara grupe je 200 piksela (u daljnjem tekstu jednostavno px), a maksimalna visina 500 px. Veći avatari bit će smanjeni u skladu s navedenim omjerima. Avatari koji su manji od navedenih veličina bit će, naprotiv, uvećani i izobličeni na zaslonu. Stoga izradite avatar za grupu VKontakte širine 200 px i visine od 200 do 500 px.

Prilikom izrade avatara za VKontakte grupu, trebali biste zapamtiti njegovu minijaturu, koja je 200 px u širinu i visinu. Dakle, glavno informacijsko opterećenje avatara (naziv ili opis grupe, moto, poziv na akciju itd.) treba smjestiti u jedno područje koje će odgovarati zadanim dimenzijama.

Najlakši način napravite avatar za VKontakte grupu u Photoshopu. Štoviše, nije potrebno znati ga i moći koristiti sve funkcije. Dovoljno je naučiti koristiti osnovne alate (odabir elemenata, rad sa slojevima i sl.). Ispod možete vidjeti primjer avatara koji sam napravio za VKontakte grupu.

Ovaj avatar sastoji se od dvije kombinirane slike, tekstualnog elementa i pozadine. Za njegovu izradu nije bilo potrebno puno vremena ni truda. Svaki vlasnik grupe može se nositi s takvim zadatkom, ako želi.

A ako želite stvoriti složene i prekrasni avatari za VKontakte grupe, crtajući svaki detalj od nule, zatim naučite Photoshop i naučite kako se njime profesionalno služiti. To se može učiniti na nekoliko načina:

Probajte sve sami metodom pokušaja i pogrešaka.
Pročitajte članke o ovom programu i pogledajte videozapise.
Pročitajte knjigu ili pogledajte tečaj.

Prva opcija je neučinkovita, jer malo ljudi ima strpljenja postići rezultate na ovaj način. Druga opcija je moguća. Sada na Internetu postoje mnoge web stranice i YouTube kanali koji su usmjereni na podučavanje Photoshopa.

Međutim, bit će teško strukturirati informacije primljene na ovaj način. Osim toga, stalno traženje informacija će oduzeti puno vremena. Ali besplatno je, baš kao i prva metoda.

Najlakši način da naučite Photoshop je putem video tečaja. Budući da će u njemu biti predstavljene sve informacije od jednostavnih do složenih, detaljno opisujući i podučavajući vas svim osnovama programa. I mogu vam preporučiti sličan video tečaj.

"" – video tečaj za početnike. Uz to, u bilo koje vrijeme pogodno za vas, kod kuće za računalom, možete početi učiti Photoshop.

Na ovom tečaju ćete detaljno naučiti kako koristiti sve funkcije Photoshopa. Nakon toga možete jednostavno stvoriti avatare od nule i lijepo dizajnirati VKontakte grupe. Ako vas je ovaj članak zainteresirao, prvi primite nove informacije.

Grafički dizajn grupe u kontaktu sastoji se od nekoliko slika različitih veličina. Svaki od njih ima svoju ulogu, stoga se provodi prema zasebnoj tehničkoj specifikaciji.

Avatar. Sve do nedavnog pojavljivanja gornje naslovnice, ona je imala važnu ulogu u zajednici. Ali pristaše starog stila još uvijek ga mogu koristiti kao osnovu. Avatar treba sadržavati osnovne podatke o tvrtki: logo, naziv tvrtke, kontakt podatke i nekoliko riječi o smjeru djelatnosti. Jedan od najvažnijih dijelova avatara je sličica, vidljiva u tražilici kontakta i u feedu vijesti. Širina avatara je 200 piksela.
Poklopac. U novom dizajnu naslovnica je postala glavni element grafičkog dizajna zajednice. Prilikom ulaska u grupu, prva stvar na koju osoba obraća pozornost je naslovnica, tako da bi trebala odražavati vaše aktivnosti što je više moguće. Tamo biste također trebali staviti podatke za kontakt i logotip tvrtke. Preporučena veličina omota određena je u postavkama grupe prilikom učitavanja.
Banner za prijelaz izbornika. Prijelazna slika tradicionalno uključuje gumb izbornika dizajniran u stilu zajednice. Osim toga, preporučamo da ondje postavite ponudu koja bi mogla biti zanimljiva kupcima.
Slika sa stavkama izbornika. Navigacijski element koji korisnicima omogućuje kretanje kroz sadržaj grupe. Izbornik može sadržavati sve potrebne informacije sudionicima: dostava, plaćanje, kontakti, o tvrtki, katalog i još mnogo toga. Kada stvarate sliku, bolje je odabrati je tako da možete jednostavno dodati nove gumbe u izbornik ili unaprijed razmisliti o stavkama izbornika, izbjegavajući daljnje prerade.
Navigacijske slike za interne stranice. Ovi elementi služe za praktično kretanje korisnika kroz odjeljke zajednice i osiguravaju ugodan izgled internih stranica.