Registracija grupe u VKontakte. URL VK grupe

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. Sa ovom veličinom, baner na dnu poklapa se 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 svoj link. 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.

Danas nastavljam svoj "Zaroni u VK grupe". U trećem delu "serije" ispričao sam i pokazao,. Danas razgovarajmo o dizajnu menija grupe VKontakte!

U prvom članku o kreiranju menija bilo je mnogo 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 meniju?" ili "Ako nema oznake prilikom uređivanja" Izvorni kod "kako dodati internu stranicu?" ili "Još uvijek ne razumijem šta da radim ako se kod ne pojavi!"

Odgovor 1: VK je promijenio uređivač, sada za prebacivanje 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: pređite mišem preko ovog gumba, napišite tekst i označite ga podebljanim - ako se ne pojavljuju obični znakovi, onda je ovo kod

2. pitanje: Drugo, zaista problematično: “ ali kako ukloniti razmake između slika??»

Odgovor 2: Priznajem, i sam sam se uplašio kada je po prvi put "otišao" meni klijenta. Sada to brzo popravljam, a onda nije bilo zabavno. vidi:

Dodaj nopadding tag; i sve će doći na svoje mesto!

Razmak se uvlači između slika i meni izgleda pokvareno. Za neupućene, možda to nije normalno, ali za, barem nije profesionalno. Pa šta je bilo? Ah, sve je vrlo jednostavno! Stalno se dešavaju neka ažuriranja u VK-u, uvode se novi algoritmi ... pa čak i urednik je kriv ... to se dešava bez razloga, bez razloga, važne oznake ispadaju iz koda i onda vidimo takvu sliku. Da biste to popravili, morate pogledati kod i izvršiti potrebna podešavanja. Format koda bi trebao biti ovakav:

Šablon: [] Primjer: []

Obično se slike menija pomeraju jer kod ispada nopadding; - ubacimo ga na mjesto i sve je poravnato. Prije spremanja rezultata kliknite na dugme "Pregled" kako biste bili sigurni da je sve glatko.

pitanje 3: Vijesti. U oktobru 2012. godine, Vkontakte je nasilno isključio automobile grupa i javnosti. Sada njihova veličina ima zajednički standard od 200x500 piksela. Dakle, ako ste imali više avatara u svojoj grupi, izvršite ažuriranje (ažurirajte svoj avatar).

Inače, uz izrezivanje, VK je uveo još jednu novinu u vezi sa grupnim fotografijama: sada ćemo klikom na avatar, kao i na nalogu, moći vidjeti sve albume zajednice. To je udobno! I iz ovoga se izvlači nova funkcionalnost u komunikaciji grupe.

Pa-a-ak, završili smo sa pitanjima...sada prelazimo na samo kreiranje menija!

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

Prije svega, uvjerimo se da znate kako napraviti grupni meni u kontaktu i prođite kroz kratku instrukciju:

Kako vam se sviđa moja varalica?

Evo varalice koju imam! Radi jasnoće, zapisaću svaki broj:

Uradite ovo sa svim ugniježđenim stranicama i vaš meni će biti spreman.

Tu je! Kreirali smo meni, napravili unutrašnje stranice, popunili ih, a sada idemo na kreiranje prekrasnog grafičkog menija.

Korak 2. Kako napraviti prekrasan grafički meni u kontaktu i staviti ga:

Neću vam iznositi cijelu teoriju kako wiki označavanje funkcionira u kontaktu, sada imamo druge ciljeve. Da biste kreirali vizuelni meni u VK grupi, ne morate da znate celu wiki oznaku. Pređimo na kreiranje vizuelnog menija!

Prvo ću vam pokazati kod i rezultat mog menija:

Priznajem, namjerno sam napravio ovaj članak. Sve "ruke nisu stizale", znate, kao "obućar bez čizama". Ali sada sam sa vizuelnim menijem u VK grupi!

Neću vam reći kako nacrtati sliku za jelovnik, to je posao dizajnera, ja crtam sam, ali ne tako profesionalno. , na kraju članka dao sam video kako nacrtati jednostavan meni u Photoshopu, pogledajte ga, možda možete i sami. Ako ne, naručite sliku menija.

Pokazat ću vam prosječnu opciju podešavanja menija. Razlika je u broju artikala. Meni, koji je jednostavno izrezan na trake, najjednostavnije je njegovo izvođenje. Što je više dugmadi na koje se može kliknuti u nizu, to je teže izvršiti. Iako je, znajući funkciju, sve jednostavno! Samo je pitanje vremena. Dakle, širina slike bi trebala biti:

370 px - ako imate dva ili više objekata u liniji, kao da imam dugmad za društvene mreže

I max 388 px - ako sliku isječemo na jednostavan način, samo na linije, bez podjele na male objekte. Ovo je karakteristika koju morate znati kada sečete meni na dugmad. Veličina moje slike cijelog menija je 370x456 px.

Nakon što je slika isečena na potreban broj objekata i sačuvana u poseban album, otpremite ovaj album na VK. Prenesite na profil svog naloga, a ne u grupu! Pošto više ne postoji opcija skrivanja albuma u albumima grupe. Tehnički album u korporativnoj (na primjer) grupi uopće nije potreban, tako da sakrivamo stavke menija u albumu računa:

VK tehnički album

Nakon što ste podesili privatnost "Samo ja". Prelazimo na instalaciju samog menija. Dat ću vam primjer koda koji bi vam bio šablon, a mi ćemo analizirati od čega se sastoji:

[]

gdje, photo7632142_296911699- ovo je adresa slike! Gledamo to u adresnoj traci slike:

Od prve slike počet ćemo umetati meni u VKontakte grupu

Potrebna vam je kratka adresa slike, za ovo idite u sam album:

Idite na sam album da dobijete željenu adresu slike!

... i počevši od prve slike, prevucite ih u grupni meni.

Dodajte veličinu slike u kod menija!

Dakle, dodata je adresa slike, naznačena je veličina, sada stavljamo oznaku nopadding;- potrebno je da naše slike dobro pristaju jedna uz drugu. I posljednji korak je postavljanje linka na stranicu na koju će posjetilac otići nakon što klikne na sliku.

Evo malog pojašnjenja! Pišemo eksterne linkove, linkove na VK albume i diskusije u cijelosti, te veze na interne stranice u formatu stranica-32734125_44298120... Na početku i na kraju reda ne zaboravite staviti dva kvadratna navodnika i bez razmaka.

Pojašnjenje 2: Kada se povezujemo na interne stranice bez slika, koristimo jednokutne navodnike za diskusije, albume i vanjske veze.

Redovi koji sadrže dva ili više elemenata se ubacuju u kod bez razmaka. Umetnite svaki red slike jedan za drugim. Jer ako pritisnete Enter posle reda sa slikom, slika će skočiti na novi red i meni će se pomeriti. Meni treba da bude prikazan u jednom komadu, tako da nam ne trebaju dodatni razmaci i "irteri"!

Nakon što ste sve slike prebacili u meni i dizajnirali ih (veličina, link), sačuvajte rezultat i divite se našem radu! Sve! Spremni!

Prekrasan dizajn zajednice VKontakte nije hir, već važan element koji formira povjerenje korisnika u vas i vašu kompaniju. Ako javna stranica ili grupa nije profesionalno dizajnirana, vaši potencijalni klijenti mogu sasvim logično zaključiti da ste jednako nemarni prema svom poslu. Da se to ne bi dogodilo, pobrinite se da vaša stranica VKontakte bude lijepa, uredna i jednostavna za korištenje. Kako uraditi? Pročitajte u nastavku.

Stvarne veličine slika "VKontakte"

Prije nekog vremena programeri društvene mreže VKontakte lansirali su novi dizajn. To je dovelo do toga da su se promijenile dimenzije i principi prikazivanja slika. Memorandum, koji će biti dat u nastavku, odgovara svim inovacijama i sadrži dimenzije koje su relevantne u ovom trenutku.

Sada pogledajmo detaljnije svaku stavku.

Veličina VK avatara

Minimalna veličina avatara je 200 x 200 piksela. Ako pokušate učitati sliku manju od 200 piksela širine ili dužine, vidjet ćete grešku poput ove:

Maksimalna veličina avatara je 200 x 500 piksela. Ali, u principu, možete postavljati slike i veće veličine - do 7000 piksela sa svake strane. Glavna stvar je da omjer njihovih strana ne prelazi 2 do 5.

Dozvolite mi da vam pokažem na primjeru.

Imam sliku. Njegova veličina je 200 x 800 piksela (odnos 2 prema 8). Prilikom učitavanja ne dolazi do greške. Međutim, još uvijek ne mogu koristiti ovu sliku, jer mi "Kontakt" ne dozvoljava da je u potpunosti izaberem.

Cover

Veličina omota za punu verziju stranice je 1590 x 400 piksela.

Napomena: u mobilnoj verziji i aplikacijama ne prikazuje se puna verzija omota, već samo dio veličine 1196 x 400 piksela. Pogledajte kako se izrezuje u mobilnoj aplikaciji:

Kako biste spriječili da se to dogodi, postavite glavne elemente omota unutar 1196 x 400 piksela.

Priložene slike

U ažuriranom dizajnu "Kontakta" širina feeda vijesti je fiksna. To znači da se slike prikačene na post više ne rastežu, već ostaju takve kakve jesu. Stoga, ako želite da vaša slika u potpunosti ispuni svoj dodijeljeni prostor u feedu vijesti, njena širina mora biti najmanje 510 piksela. Najbolje je da je to kvadrat ili pravougaonik u pejzažnoj orijentaciji.

Zvuči malo zbunjujuće :) Pa ću vam pokazati na primjeru.

Recimo da imamo kvadratnu sliku sa stranicama od 510 piksela. Ako ga priložimo uz naš post, izgledat će vrlo dobro u feedu vijesti na svim uređajima:

A ovako izgleda horizontalna slika u pejzažnoj orijentaciji (širina 510 piksela):

Kao što vidite, što je slika uža (po visini), izgleda manje u feedu pametnih telefona. Da biste to provjerili, pogledajte sliku ispod:

Jasno je da razlika ovdje nije posebno kritična, a korisnici pametnih telefona će i dalje uzeti u obzir vašu sliku, samo će im u drugom slučaju biti malo udobnije.

Slike za postove sa linkom

Svi ovi podaci preuzeti su iz Open Graph markup koda:

Ako Open Graph nije naveden, naslov se uzima iz meta oznake Naslov, a slika iz članka. U isto vrijeme, može se lako promijeniti - ili možete odabrati drugu sliku iz članka pomoću posebnih strelica:

Ili prenesite svoje:

Minimalna veličina slike koju možete koristiti kao pregled za svoj članak je 537 x 240 piksela. Međutim, možete otpremati veće slike sve dok je omjer širine i visine ispravan.

Slika za članak kreiran u uređivaču

Veličina slike za naslovnicu članka, kreirana u uređivaču, je 510 x 286 piksela. Bolje je da je tamna i manje-više jednobojna, jer se naslov članka i zajednica gubi na svijetloj pozadini.

dobar primjer:

Nije dobar primjer:

Veličina fotografija i videa za priče

Veličina za fotografije je 1080 x 1920 piksela. Veličina videa je 720 x 1280 piksela.

Specifikacije za video snimke:

• do 15 sekundi;
• ne više od 5 MB;
• h.264 kodek;
• AAC zvuk.

Priče treba da koriste fotografije i video zapise u vertikalnom formatu.

Imajte na umu: priče u ime zajednica u ovom trenutku mogu dodavati samo velike zajednice za koje su programeri VKontaktea otvorili ovu funkciju. I to se radi pomoću službene aplikacije. Ovo se ne može uraditi sa računara.

Veličina omota foto albuma

Veličina slike za video

1280 x 720 piksela.

Wiki stranica

Oblast sadržaja wiki stranice je široka 607 piksela. Ako otpremite veću sliku, ona će automatski prenijeti širinu od 400 piksela. Primjer: Imam sliku 1366 x 768. Ako je dodam na wiki stranicu, izgleda ovako:

Da biste promijenili veličinu slike, potrebno je kliknuti na nju i postaviti željene vrijednosti:

U nastavku ću detaljno opisati kako raditi sa wiki stranicama. Stoga se ovdje nećemo zadržavati na ovoj tački.

Kako osigurati da se slike VKontaktea ne smanjuju? Utjecaj pozadine i veličine na kvalitet slike.

Ako ste ikada pokušali da otpremite VKontakte slike (nije važno da li je to bila slika avatara ili samo fotografija sa vašeg putovanja), onda verovatno već znate da se one obično smanjuju. To je posebno vidljivo na tamnoj (a posebno na crvenoj) pozadini i kada slika nije prevelika. primjer:

Kako osigurati da se kvalitet slika ne pogorša?

Da se slika ne bi smanjila (tačnije, smanjila, ali u znatno manjoj mjeri), potrebno ju je učiniti 2-3 puta većom od potrebne veličine. Na primjer, ako trebamo napraviti avatar veličine 200 x 500 piksela, snimamo sliku veličine 400 x 1000 piksela. Ako trebate napraviti meni veličine 510 x 400 piksela, uzmite - 1020 x 800.

Slika na tamno plavoj pozadini, koju sam doneo malo iznad, ima veličinu 510 x 350. Napravio sam je duplo veću (1020 x 700) i sačuvao. Eto šta je ispalo iz toga:

Kako to popraviti? Odgovor je vrlo jednostavan - morate odabrati drugu pozadinu. Činjenica je da su pikseli vidljiviji na tamnoj pozadini nego na svijetloj. Stoga, ako želite postići savršenu kvalitetu (iako slika iznad već izgleda sasvim normalno), onda morate malo promijeniti shemu boja. Na primjer, učinite pozadinu bijelom, a tekst plavim:

Kako stilizirati zaglavlje stranice

Zaglavlje vaše javne stranice ili grupe je prva stvar koju korisnici vide kada vas posjete. U većini slučajeva ovo mjesto se koristi za postavljanje menija za navigaciju na osnovu javnih materijala, nekih zanimljivih objava ili važnih najava. Pogledajmo primjere kako različite kompanije koriste ovaj prostor.

Cover

Ne tako davno, VKontakte je uveo ažuriranje - sada možete postavljati velike i lijepe naslovnice na stranice (1590 x 400 piksela). Da biste to učinili, idite na Postavke i kliknite na dugme Preuzmi.

Na naslovnicu možete staviti sve što želite: od naziva i mota vaše kompanije do svih vrsta promocija, ponuda, pa čak i takmičenja.

Preporučujem da obratite posebnu pažnju na mogućnosti dinamičkog omota. Kako funkcionira, u koje svrhe se može koristiti i s kojim servisima ga instalirati, pročitajte u našem članku.

Primjeri dinamičnih skinova:

Naslovnica + opis zajednice + link na web stranicu

Neke kompanije posebno ne popravljaju nijednu objavu u zaglavlju kako bi korisnici mogli pročitati osnovne informacije o stranici i otići direktno na stranicu.

Opis sa hashtagovima

Neke kompanije dodaju hashtagove standardnom opisu stranice koji je karakterizira. To je učinjeno kako bi stranica imala jasniju relevantnost, te je zbog toga veća u potrazi za relevantnim upitima. Da budem iskren, ne znam da li ova metoda radi ili ne. Nisam sreo nijedan slučaj na ovu temu, pa ako neko zna bit ću zahvalan ako podijelite link.

Zakačen post koji govori o čemu je stranica

Ako želite detaljnije ispričati svoju stranicu (sa fotografijama, linkovima i lijepim izgledom), onda možete priložiti wiki post ili članak, otkucan u uređivaču, sa svijetlom slikom na najavi u zaglavlje, koji će potaknuti korisnike da kliknu na njega. Primjer takvog posta:

A evo šta korisnik vidi nakon što klikne na link:

Grupni meni je otvoren

Otvorenim menijem nazivam takav meni, koji odmah pokazuje od kojih stavki se sastoji. To jest, slika za pregled wiki posta u potpunosti duplira njegov sadržaj. Tako korisnici odmah vide šta ih čeka unutra. Dozvolite mi da vam pokažem na primjeru.

Evo kako izgleda zakačena objava u zaglavlju stranice Flatro:

Grupni meni je zatvoren

Zatvoreni meni je isti wiki post kao u prethodnom pasusu, samo najava ima sliku na kojoj nema stavki menija. Obično na njemu pišu: "Izbornik", "Navigacijski meni" ili "Kretanje kroz javne materijale".

A evo šta vidimo kada kliknemo na njega:

Usput, treba napomenuti da su to daleko od jedine opcije. U suštini, na ovoj slici možete napisati šta god želite. Glavna stvar je da korisnik želi da klikne na nju, i da razumije šta ga čeka nakon toga. primjer:

Fusion meni za grupu

Spojeni meni je kada je slika na najavi vašeg menija jedna slika sa avatarom. U nastavku ću vam detaljno reći kako da napravite takav meni, a za sada pogledajte kako lijepo izgleda.

GIF i avatar u jednoj slici

Ali ova opcija za dizajn kapice me je zaista jako impresionirala. Automatski reprodukovani GIF se spaja sa avatarom u jedinstvenu kompoziciju i privlači pažnju korisnika, iako o njemu uopšte nema informacija.

Inače, vidio sam ovaj primjer u grupi SMM marketingaša Sergeja Šmakova. Tako da mu se zahvaljujem na pronalasku :)

Skriveni meni

Skriveni meni je dostupan samo za grupe (stranice nemaju ovu funkciju). Da biste ga vidjeli, potrebno je da kliknete na odgovarajući link. Prednost ove metode dizajna je u tome što korisnici mogu vidjeti osnovne informacije zajednice, a ako žele koristiti meni, samo treba da naprave jedan klik. Međutim, ovdje postoji mali nedostatak - nisu svi korisnici svjesni postojanja ove funkcije, tako da bi vašem izborniku mogla pridati manje pažnje nego da je zakačen na vrh stranice.

Automatska reprodukcija videa

Krajem novembra 2015. na društvenoj mreži VKontakte pojavila se zanimljiva inovacija - čim korisnik posjeti vašu stranicu, video priložen uz zaglavlje počinje automatski da se reproducira. Uz pomoć ove tehnike možete privući još veću pažnju korisnika (posebno onih koji su prvi posjetili vašu stranicu), a ujedno, ne nervirati one koji ne vole kada im se nameće njihov sadržaj, jer video svira se bez zvuka i praktički ne ometa...

Kako dodati takav video u zaglavlje vaše stranice?

Da biste to učinili, moraju biti ispunjena tri uslova:

• Priložite video na objavu i zakačite ovu objavu na vrh zajednice.
• Osim videa, uz snimak ne smije biti priloženo ništa drugo. Samo video i tekst opcioni.
• Videozapis mora prenijeti VKontakte - plejeri trećih strana nisu podržani.

Objava koja dobija mnogo dijeljenja

Drugi način da produktivno iskoristite prostor u zaglavlju vaše stranice je da na njega zakačite jednu od svojih najuspješnijih objava – onu koja je već stekla i nastavlja dobivati ​​veliki broj lajkova i dijeljenja. Zašto se to radi, mislim, svima je jasno - što više repostova, to je veća pokrivenost, stranica ima više pretplata.

Najave novih klipova, albuma, događaja

Prezentacija novih proizvoda/usluga

Popusti i promocije

Futrole, recenzije kupaca

Application Advertising

Praktične šale

Pravila zajednice

Linkovi na druge društvene mreže

Naveo sam daleko od svih opcija za dizajn zaglavlja. Uglavnom, na naslovnici i u zakačenom postu možete postaviti bilo koju informaciju: poslove, oglase, linkove na najprodavanije proizvode itd. Zato se nemojte ograničavati na primjere iznad. Budite kreativni i koristite dizajn zajednice da biste postigli svoje ciljeve.

Šta bi trebao biti avatar

Avatar nije samo prekrasna slika s logom vaše kompanije, već i radni alat za marketerskog stručnjaka, uz pomoć kojeg on ostvaruje svoje ciljeve. Pogledajmo pobliže šta bi to trebalo da bude kako bi privuklo pažnju korisnika i potaknulo ih da izvrše ciljanu akciju. Počnimo sa minijaturom.

Sličica avatara

1. Tekst na sličici avatara mora biti dovoljno velik da može biti čitljiv.







2. Tekst ne bi trebao ići dalje od sličice.







3. Korisnici bi trebali razumjeti šta je prikazano na avataru.







4. Ako je moguće, najbolje je ne koristiti slike sa zaliha, jer one često umanjuju kredibilitet kompanije.




5. Nepoželjno je da sličica avatara bude previše dosadna i dosadna, inače će se izgubiti na pozadini svjetlijih avatara konkurenata.



6. Ako želite da vaš avatar izgleda moderno, napravite ga u minimalističkom stilu: manje teksta, sjenki, preliva i elemenata koji ne nose nikakvo semantičko opterećenje. Vaš avatar bi trebao biti što jednostavniji i uredniji. Ovaj stil je sada u trendu.







7. Ako vam je cilj privući pažnju korisnika i izdvojiti se iz pozadine drugih avatara u feedu, morat ćete uključiti maštu. Razmislite šta tražite kada tražite zanimljive zajednice? Ovdje su me, na primjer, više puta privlačili avatari sa upaljenim svjetlom, što obično ukazuje da je stigla nova poruka. Ovo je vrlo stara tehnika, ali iz nekog razloga još uvijek djeluje na mene - kada vidim takvo svjetlo, sigurno ću ga zadržati.

Ne sugeriram da će ovaj trik funkcionirati i na vašoj stranici. Ono što želim da kažem je da postoji jako, jako mnogo načina da se izdvojite, samo trebate postaviti ovo pitanje i pokazati malo kreativnosti. Na primjer, evo još jedne interesantne ideje na koju se teško da bih pomislio:

Avatar je crni krug: veliki i mali. Čini se, zašto to uopće raditi? Ali kada skrolujete kroz listu zajednica, ovi avatari privlače pažnju, jer su veoma različiti od svih ostalih.

Koje informacije se mogu postaviti na sličicu avatara

Iako je sličica avatara vrlo mala, može (i treba) se koristiti za privlačenje sljedbenika u vašu zajednicu. Kako uraditi? Pogledajmo nekoliko opcija:

Najava novog proizvoda/usluge/događaja

Prednosti kompanije / usluge / stranice

Broj telefona kompanije

Povoljne cijene

Besplatni transport

Inače, vrlo često se uz naziv same grupe dodaje podatak da kompanija pruža besplatnu dostavu, tako da će korisnici svakako obratiti pažnju na to.

Stock

Konkursi

Slobodna radna mjesta

Šta bi trebao biti sam avatar?

Razmišljao sam kakva bi trebala biti sličica avatara i koji tekst se može staviti na njega. Sada pređimo na sam avatar. Puna verzija avatara će biti prikazana samo u zajednici koja nema instaliranu naslovnu sliku. Za takve slučajeve sam napisao ovaj odeljak. Dakle, kakav bi trebao biti avatar vaše zajednice kako bi korisnici odmah shvatili da je vaša kompanija odgovorno i profesionalno pristupila kreiranju stranice.

1. Avatar mora biti visokog kvaliteta. Kako to postići, napisao sam malo više. Za one koji su propustili ovaj dio, reći ću ukratko - veličina avatara bi trebala biti 2-3 puta veća od one koju ste planirali.
2. Poželjno je da avatar bude u kombinaciji sa menijem: ima istu šemu boja, ima iste fontove, elemente itd. Zahvaljujući tome, zaglavlje vaše stranice će izgledati urednije i profesionalnije. primjer:
3. Sam avatar i sličica avatara mogu biti različiti. Na primjer, možete nacrtati krug na svom avataru, stilizirati ga kako god želite, odabrati to područje kao sličicu i stilizirati ostatak avatara u drugom stilu.




Druga opcija je podijeliti avatar na dva dijela. Jedan za sličicu i jedan za ostatak avatara.




4. Kako biste podstakli korisnike da se pretplate na vašu stranicu ili napišu poruku predstavniku kompanije, možete postaviti odgovarajući poziv na akciju na samom dnu avatara i popratiti ga strelicom koja pokazuje na dugme.




5. Pokušajte da ne objavljujete previše informacija na svom avataru, inače će izgledati pretrpano i neuredno. Dodajte mu samo najvažnije tačke i uverite se da između njih postoji "zrak".

Koje informacije se mogu staviti na avatar?

U suštini, možete staviti bilo šta na svoj avatar. Za razliku od minijatura, ovdje se zaista ima gdje lutati. Najvažnije, ne preterujte :)

Domena web stranice

Telefon / adresa / radno vrijeme

Konkursi / promocije

Najviše kupljeni proizvodi/novi artikli

informacije o isporuci

Oglašavanje mobilnih aplikacija

Glavne prednosti kompanije/stranice/proizvoda itd.

Obnavljanje asortimana/nova kreativnost, itd.

Informacije da je vaša zajednica zvanična

Informacije o predstojećim događajima

Adrese naloga na drugim društvenim mrežama

Prošireni opis stranice

Hvali se

Općenito, apsolutno sve informacije mogu se staviti na avatar. Dao sam samo nekoliko ideja kako biste mogli vidjeti šta drugi rade i biti inspirirani njihovim primjerima. Pa, imajte na umu osnovne preporuke: avatar bi trebao biti kvalitetan, font bi trebao biti velik, a između elemenata bi trebalo biti više "zduha".

Kako napraviti spojeni avatar i meni

Da biste napravili spojeni avatar i meni, potreban vam je Adobe Photoshop ili njegov ekvivalent. Objasnit ću cijeli proces na primjeru Photoshopa. Pa idemo.

1. Preuzmite predložak za Photoshop koji sam posebno pripremio za ovaj članak. Uobičajena veličina (meni - širina 510 piksela, avatar - 200) ili zumirana (meni - širina 1020 piksela, avatar - 400).
2. Otvorite sliku na kojoj želite da se zasnivate.
3. Kopirajte ga, zalijepite u šablon i postavite na način na koji želite da ga izrežete.

1. Dodajte efekte, tekst, grafiku i još mnogo toga.

1. Ako ne želite da se dio slike izgubi (na tom prostoru, što je 50 piksela), pomaknite ga udesno kao što je prikazano na sljedećem gif-u:

1. Odaberite alat "Citting" i kliknite na dugme "Slices by guides".

1. Izbrišite nepotrebne fragmente (desni klik - "Izbriši fragment") i uredite postojeće (desni klik - kliknite na prazan prostor - uzmite potrebnu oblast i rastegnite je na potrebnu veličinu).

1. Idite na odjeljak "File" i odaberite naredbu "Save for Web".

1. Dođite do lokacije na kojoj ste spremili slike (desktop ili neki određeni direktorij) i tamo pronađite mapu pod nazivom "Slike". Ovdje će biti vaše slike. Sada ostaje samo da ih popunite na stranici.

P.S. Visinu avatara možete promijeniti po vlastitom nahođenju. Uzeo sam maksimalnu veličinu - 500 piksela, ali vaša vrijednost može biti manja. Na primjer, kao na stranici Wiki Markup:

Kako koristiti widgete

Widgeti su također dio dizajna VK zajednice. Uz pomoć njih korisnik može: naručiti, pretplatiti se na vašu mailing listu, učestvovati u natjecanju, pročitati i ostaviti recenzije, otvoriti pretragu u zajednici, dobiti poklon, kupon za popust itd.

Evo nekoliko primjera kako izgledaju widgeti na stranici VKontakte:

Kako stilizirati slike za postove

Ako ste web dizajner ili imate umjetnički ukus i osjećaj za lijepo, onda vam ne bi trebalo biti teško da osmislite korporativni identitet za svoje slike. Međutim, čini mi se da će takvi ljudi u ovom članku biti manjina (ni ja njima, inače, ne pripadam). Stoga, pogledajmo pobliže kako se to radi, na primjerima uspješnih kompanija.

Usput, imajte na umu da gotovo sve poznate kompanije VKontakte brendiraju svoje slike, odnosno dodaju mali logo, adresu svoje stranice ili vodeni žig. Ovo povećava svijest o brendu i štiti vaše slike od kopiranja. Da li se to isplati, svako odlučuje za sebe. Jedino što bih želio savjetovati: ako se ipak odlučite na to, pokušajte paziti da vaš logo ne bude previše svijetao i da ne zauzima previše prostora, inače će sav naglasak biti na njemu, a slika će izgubi svoju atraktivnost.

Gdje mogu dobiti dobre slike?

Imamo dobar članak na blogu na ovu temu - "". Svi su besplatni, ali za neke je potrebna registracija. Ako ne nađete ništa prikladno za sebe, pokušajte tražiti ključnu riječ + pozadina (ili, ako je na engleskom, pozadina). Obično se za takav zahtjev objavljuju visokokvalitetne slike. Ali ovdje morate biti oprezni i provjeriti vrstu licence, inače, ako imate ozbiljan posao, možete upasti u nevolje.

A šta je sa onima koji ne mogu raditi u Photoshopu?

Ako nikada niste radili u Photoshopu (ili nekom drugom grafičkom uređivaču) i još niste spremni da odvojite vrijeme da ga savladate, možete koristiti servise koji već imaju gotove šablone slika za različite društvene mreže:

1. Fotor.com

Nakon toga na lijevoj strani ekrana odaberite šablon koji nas zanima. Imajte na umu da su besplatni samo šabloni koji nemaju ikonu dijamanta.

Zalijepite ga u šablon, odaberite ga lijevom tipkom miša, odaberite naredbu Layer (ikona sendviča) i kliknite na Premjesti na dno. Tako će naša slika ići u pozadinu, a na njoj će biti postavljeni svi natpisi.

Nakon toga mijenjamo tekst, font, veličinu fonta, poziciju natpisa itd.

Zatim kliknite na ikonu diskete, odaberite naziv, format slike, kvalitet i kliknite na dugme Prijavi se za preuzimanje.

2. Canva.com

Još jedna usluga koja će vam pomoći da lijepo ukrasite svoju sliku. Radi na istom principu kao i prethodni. Registriramo se na servis (možete koristiti svoj Google+ račun ili email).

Odabirom našeg područja djelovanja. Preskačemo korak u kojem se od vas traži da pozovete prijatelje. Dolazimo do glavnog menija, gdje biramo Facebook objavu ako nam je potrebna pravokutna fotografija ili Instagram objavu ako nam je potrebna kvadratna.

Odaberite predložak (ako je predložak označeno sa "FREE", onda je besplatan), promijenite tekst.

Ako je potrebno, postavite svoju sliku, prilagodite dimenzije, promijenite tekst, font i poziciju natpisa. Nakon toga pritisnite dugme "Preuzmi", odaberite format slike i sačuvajte je na računaru ili bilo kom drugom uređaju.

Kako formatirati članke u uređivaču

Nedavno je VKontakte mogao kucati članke u posebnom uređivaču. Da biste kreirali članak, morate kliknuti na slovo "T":

Kako koristiti wiki oznake

Eto, dolazimo do najzanimljivijeg, a ujedno i teškog dijela. Možda među čitaocima ima ljudi koji ne znaju šta je wiki markiranje, a generalno prvi put čuju ovaj termin. Stoga ću, posebno za vas, dati definiciju koju daje sam "Kontakt".

Wiki markup je jezik za označavanje koji se koristi za formatiranje teksta na web stranicama (obično pripadaju klasi wiki projekata) i olakšava pristup mogućnostima HTML jezika. Na našoj stranici, wiki stranice su dobra alternativa redovnim objavama i tekstualnoj navigaciji. Ako trebate napraviti veliki članak s različitim formatiranjem teksta (podebljano, podvučeno, naslovi, itd.) ili mu dodati grafiku, ili jednostavno kreirati šareni navigacijski meni po vašoj zajednici - wiki je nezamjenjiv.

Baš kao što Wordpress (ili bilo koji drugi CMS) ima HTML uređivač pomoću kojeg kreirate članke, tako i Contact ima svoj uređivač za kreiranje i uređivanje wiki stranica. izgleda ovako:

Uz pomoć ovog uređivača kreiraju se navigacijski meniji, kao i članci sa slikama, video zapisima i audio snimcima. U nastavku ću detaljno analizirati kako raditi u ovom uređivaču, ali prvo vas molim da dodate dvije veze u svoje oznake. Oni će vam puno pomoći u učenju wiki markiranja.

U ovom članku ćemo analizirati kako lijepo i korektno organizirati grupu u kontaktu kako bi posjetiteljima bilo što pogodnije.
Uzmite u obzir, kako lijepo i pravilno 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 bismo shvatili kako pravilno strukturirati dizajn grupe u kontaktu, razmotrit ćemo njenu strukturu prema glavnim elementima.
Pripremio sam poseban ilustrativni dijagram sa objašnjenjima.

Dijagram kako lijepo i pravilno urediti grupu u VK.

Šemu 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) Prenos esencije. Glavna svrha avatara je da prenese ključne karakteristike grupe, da kaže za šta je i za koga. To će vam pomoći ne samo na slici, već i na natpisima s tekstom. Ipak, preporučljivo je da tekst bude što manji.
B) Slika visokog kvaliteta. Grafika bi trebala biti kvalitetna i lijepa, ali ništa više. Avatar ne bi trebao nepotrebno odvlačiti pažnju od glavnog sadržaja.
V) Koristite š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. 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 znakova.
Pokušajte da status bude što jasniji i lokalni. Koristite ikone. Kodovi ikona za umetanje mogu se naći, na primjer,.
Primjeri kodova ikona za prodajne grupe:
Telefon - kod: _9742;
Ikona za slanje poruke Šifra: _9993;
Pokazivač - Šifra: _128073; ili kod: _10145;

3. Opis grupe sa menijem ili fiksnim postom.
Ispod statusa u samom centru stranice nalazi se glavni sadržaj. Postoje 2 glavne opcije za ono što sadržaj 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 okretanje, tako da se nećemo zadržavati na kreiranju menija za grupu u detalje. Na webu ima dosta materijala o wiki označavanju.
Za kompjutersku verziju grupe, po našem mišljenju, bolje je fiksni post učiniti glavnim sadržajem, jer može zauzeti cijelu 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 ikone.
B. Ukupna visina zakačenog stupa - ne bi trebala prelaziti donju ivicu avatara. Empirijski, možete odabrati optimalnu količinu tekstualnog sadržaja.
B. 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 ne manje 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, teško da će se neko na nju pretplatiti. Nećemo pisati detaljno o sadržaju u ovom članku. Članak o tome kako lijepo i pravilno urediti VKontakte grupu. Ukoliko vam je potrebna pomoć u pisanju sadržaja, možete nas kontaktirati u okviru 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,

Grafički dizajn grupe u kontaktu sastoji se od nekoliko slika različitih veličina. Svaki od njih ispunjava svoju ulogu, pa se proizvodi prema posebnom tehničkom zadatku.

• Avatar. Donedavno je gornji omot imao glavnu ulogu u zajednici. Ali pristalice starog stila i dalje ga mogu koristiti u bazi. 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. Avatar je širok 200 piksela.
• Cover. U novom dizajnu naslovnica je postala glavni element grafičkog dizajna zajednice. Prilikom ulaska 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. Takođe, treba staviti kontakt informacije i logo kompanije. Preporučena veličina korica je navedena u postavkama grupe prilikom učitavanja.
• Baner za prijelaz menija. Tradicionalno, dugme menija u stilu zajednice nalazi se na prelaznoj slici. Osim toga, preporučujemo da tamo postavite potencijalno interesantnu ponudu kupcima.
• Slika sa stavkama menija. Element za navigaciju koji omogućava korisnicima da se kreću kroz sadržaj grupe u nizu. U meniju možete postaviti sve informacije koje su učesnicima potrebne: 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 izbornik ili unaprijed razmisliti o stavkama menija, izbjegavajući daljnje izmjene.
• Slike za navigaciju za interne stranice. Ovi elementi se koriste za praktičnu navigaciju korisnika kroz dijelove zajednice i kako bi interne stranice izgledale ugodno.