Kako lijepo dizajnirati VKontakte grupu. Kako dizajnirati i kreirati meni za VKontakte grupu

Zdravo prijatelji!

Danas ćemo u članku govoriti o dizajnu VKontakte grupa. Ovo je vrlo važan dio koji značajno utječe na prodaju i promociju vaših zajednica, pa preporučujem da ga pročitate.

Šta je uključeno u dizajn?

Počnimo od početka. Mnogi se ljudi pitaju šta je uključeno u dizajn i kako sami stvoriti VKontakte grupu bez vanjske pomoći.

Šta je uključeno: obično dizajn grupe uključuje avatar, meni (posebnu sliku, klikom na koju osoba prelazi u tzv. navigacijski meni, koji označava glavne elemente zajednice, tzv. brze veze i odgovori na pitanja). Takođe, opciono, dizajn može uključivati ​​poseban dizajn (brendiranje objava).

Avatar

Pogledajmo svaki element dizajna zajednice posebno. Počnimo s avatarom. Često ovaj element mnogi zanemaruju i to utiče na druge elemente.

Avatar je u suštini prva stvar koju osoba vidi u pretraživanju i kada dođe u vašu zajednicu. Na svom avataru svakako morate prikazati ono što radite (ako prodajete robu), ako ste brend, tada ćete biti prepoznati na taj način, ali u većini slučajeva morate prikazati svoje usluge ili proizvode.

Često primjećujem da ljudi prave neke lijepe slike koje ne odražavaju suštinu zajednice. Osim toga, preporučljivo je navesti kontakt informacije i poziv za pridruživanje grupi na avataru zajednice.

Što se tiče dizajna. Zapravo, ovo možete lako naučiti sami, iako ćete za to morati naučiti koristeći Photoshop besplatne lekcije i testirajte sve sami.

Stoga predlažem da potrošite novac i da se obučavate od strane profesionalaca. Prvo, steći ćete praktične vještine (učenici obično rade za kupce), a drugo, moći ćete kreirati zajednice ne samo za sebe, već i za kupce. U prosjeku, cijena za dizajn avatara i menija počinje od 1500 rubalja i više. U nekim slučajevima naplaćuju 5-6 hiljada za registraciju.

U prosjeku, može potrajati dan ili dva da se završe oba elementa. Ovo uzimam sa rezervom. Možete sami izračunati koliko možete zaraditi od toga. Tako da ću se vratiti učenju. Evo stvarnog kursa o kojem govorimo: http://www.1day1step.ru/design.php. Cijene tamo su sasvim prihvatljive za obuku, a možete otplatiti nakon 2 klijenta.

Meni zajednice

Hajde sada da pričamo o meniju zajednice. Meni je zasnovan na dizajnu i takozvanoj wiki markaciji. Ovo se takođe može naučiti i naučiti.

Jelovnici su obično napravljeni radi pogodnosti zajednice za kupovinu na mreži (i ne samo općenito). Meni sadrži linkove na recenzije kupaca, katalog proizvoda i druge elemente. U suštini, meni je navigacija kroz javnu stranicu pomoću nekoliko klikova mišem.

Meni i avatar su odmah vidljivi korisnicima i novim klijentima. A ako je pravilno dizajniran, potiče ljude da se pridruže grupi i naknadno naruče.

Brendirani postovi

Ne rade sve javne stranice ovu vrstu dizajna, ali one koje se razlikuju od drugih. Svi postovi u ovom slučaju su dizajnirani u istom stilu i izgledaju vrlo skladno kada osoba skroluje kroz zid zajednice.

Troškovi dizajniranja brendiranih postova variraju, tako da trebate provjeriti s dizajnerima, ali opet, brendiranje možete napraviti sami.

Inače, uz pomoć brendiranih postova možete biti vrlo dobro zapamćeni od strane kupaca u news feedu. Izdvajaćete se od konkurencije i drugih javnih sajtova, što opet znači dodatno interesovanje i priliv kupaca.

Ovdje ću završiti članak. Nadam se da vam je bilo korisno. Ako da, onda podijelite vezu do njega na društvenim mrežama i pretplatite se na ažuriranja bloga.

Mislim da su svi koji aktivno koriste društvenu mrežu VKontakte već naišli na lijepo dizajnirane grupe i javne stranice. Mnogi od njih, osim menija, imaju i mnogo stilizovanih podstranica, kataloga itd., što u suštini stvara malu web stranicu unutar društvene mreže.

Evo nekoliko primjera kako bi svi razumjeli o čemu govorimo.

Takve grupe vam omogućavaju da se izdvojite među svojim konkurentima i privučete više korisnika. Pogotovo ako je i sadržaj zanimljiv :)
U ovom članku ćemo govoriti o tome kako se sve to radi. Da sve detaljnije analiziramo i uđemo u sve suptilnosti, hajde da uzmemo konkretan primjer. Održat će se mala majstorska klasa grupnog dizajna.

Prva faza našeg rada je ideja. Moramo razumjeti šta želimo da kažemo i kome. U VKontakteu postoji nekoliko formata zajednice i trebali biste odabrati na osnovu svojih ciljeva. Iako se u budućnosti grupa može prenijeti u javni format i obrnuto.

Objašnjavam prstima. Javno- ovo je nešto poput bloga. Novosti. Drugim riječima, našim pretplatnicima govorimo o određenim stvarima i oni neće moći pisati na zidu naše zajednice. Maksimum je komentarisati.

Grupa omogućava vam da stvorite zajednicu otvoreniju za razgovor i diskusiju, u kojoj ljudi mogu objavljivati ​​postove u feedu u svoje ime. Na njega možete dodati i prijatelje sa svoje liste. Ne postoji takva opcija u javnosti. Osim toga, grupa ima malo više opcija za integraciju wiki oznaka (postoji odjeljak „Novosti“ u koji možete integrirati meni).

Globalno, možemo razmišljati ovako: ako trebamo stvoriti zajednicu za trgovinu, onda bih uzeo “javni” format. Ako mi pričamo o tome, na primjer, o ljubiteljima ribolova, bolje je uzeti "grupu". Mada, svako je slobodan da radi kako mu odgovara. Uostalom, format se može promijeniti u bilo kojem trenutku. Međutim, imajte na umu da VKontakte uvodi zabranu ponovnog mijenjanja formata zajednice i nakon prvog puta morat ćete pričekati nekoliko dana dok ne možete sve vratiti ako je potrebno. Stoga je bolje testirati funkcionalnost prije nego što grupa počne da se puni sadržajem.

Kao dio ove majstorske klase, uzeću kao polaznu tačku igru ​​Mad Max baziranu na istoimenom filmu, koji je objavljen prije samo nekoliko sedmica, te će stvoriti zajednicu za igrače sa razni materijali za ovu igru. glavni cilj— odvođenje saobraćaja na vašu web lokaciju za igre.

Format će biti „Grupni“, jer je potrebno stvoriti prirodan priliv publike i maksimizirati komunikaciju unutar zajednice. Odmah da pojasnim da ću koristiti univerzalnu tehniku ​​koja se može koristiti iu grupnom formatu i javno. Ovo radi svuda.

Ima puno sadržaja, hajdemo da oživljavamo ideju!

Kreirajte grupu

Da biste kreirali grupu, idite na "Moje grupe" u desnom meniju vašeg VKontakte naloga i kliknite na plavo dugme na vrhu "Kreiraj zajednicu".

Trebalo bi da se pojavi ovakav prozor u koji unosimo naziv naše grupe i biramo format.

Nakon unosa potrebnih podataka, ispred nas se otvara kontrolni panel naše zajednice. U mom slučaju to izgleda ovako.

Kao što vidite, dodao sam nekoliko parametara: uključio sam video, audio snimke, diskusije i niz drugih funkcija koje će mi biti korisne u dalji rad prilikom prikupljanja sadržaja. Sve se to može promijeniti u budućnosti bez ikakvih ograničenja. Zapisao sam i adresu svoje web stranice. Ako nemate web stranicu, ili njena tema ne odgovara formatu zajednice (radi se o različitim stvarima i ni na koji način nisu međusobno povezane), onda ovaj red može ostati prazan.

U ovom slučaju postavljam starosna ograničenja od 18 godina, slična onima koje su programeri postavili za igru. Mada malo sumnjam da se i djeca igraju.

Sve. Grupa je kreirana!

Sada možete početi da ga dizajnirate.

Formatiranje VKontakte grupe

Ova faza se može podijeliti na 2 komponente: grafičku i tehničku. Za rad će nam trebati šablon za kreiranje grupnog avatara i menija, kao i malo mašte i osnovno poznavanje Photoshopa (aka Adobe Photoshop).

Predložak za označavanje

Šta je šablon i šta je čak? Šablon je neka vrsta praznine. U ovom slučaju, u *.psd formatu smo označili područja za sliku ispod menija i avatar grupe.

Kao što možete vidjeti u drugom primjeru na početku ovog članka, možemo dizajnirati avatar i sliku menija u istom stilu. Istovremeno, vizualno je izrezan na 2 dijela. Dakle, predložak vam omogućava da formirate sliku na takav način da eliminišete pomicanje grafike i što je više moguće uklapate slike na isti nivo.

Da bude jasnije, evo jednog primjera.

Vidimo da se na oba dijela slike nalazi traka koja gleda na stambeni dio. Bez upotrebe šablona, ​​gotovo je nemoguće to učiniti baš prvi put. Morat ćete prilagoditi slike, mjereći odstupanja do 1px. Dok kada koristimo šablon, jednostavno mu dodamo grafiku unutar oznake i odmah dobijemo željeni rezultat.

Želio bih napomenuti da je ovaj predložak dizajniran za 1 red objašnjenja. Na primjeru screenshot-a nalaze se telefoni. Ako se pojavi drugi red, morat ćete koristiti drugi predložak ili ručno ispraviti dizajn.

U međuvremenu prelazimo direktno na grafički dizajn naše nove grupe. Ovdje krećem putem najmanjeg otpora i odlazim na Google Images da pronađem dijelove dizajna. Možete koristiti i Yandex. Ko šta više voli?

Nemam dizajnersko obrazovanje, pa se nećemo detaljnije baviti pitanjima odabira fontova i drugim detaljima. Nakon što sam napravio malo magije u Photoshopu, dobio sam ovaj rezultat.

Na lijevom fragmentu (gdje piše “Meni”) također možete dodati nekoliko okidača. U ovom slučaju, odlučio sam da prođem bez njih. Sve. Dizajn avatara je spreman. U Photoshopu pritisnite kombinaciju prečaca Shift+Ctrl+Alt+S i sačuvajte naše fragmente u fasciklu na vašem čvrstom disku.

Prva faza rada sa grafikom je završena. Vratimo se u kontakt.

Postavljanje avatara i menija za grupu

Kliknemo na dvije vrste umjesto ava naše grupe i tamo učitavamo našu sliku. Evo ovih momaka, ispod njih piše i "Pošalji fotografiju."

Dodajte sliku. Odredite polja i odaberite sličicu. Ovdje je sve jednostavno i ne bi trebalo biti problema.

Kao što vidimo, morate znati ID zajednice. Vrlo ga je lako prepoznati. Pronađite meni u svojoj grupi (odmah ispod avatara) i otvorite “Statistika zajednice”. U ovom slučaju, nešto slično će se pojaviti u adresnoj traci pretraživača (brojevi će biti drugačiji).

Ovi brojevi iza “?gid=” su id željene grupe. Dobivenu vrijednost zalijepimo u obrazac skripte i napišemo ime stranice koju želimo kreirati. U ovom slučaju ukucam „Meni“.

Vrijedi napomenuti da će stranica biti kreirana samo ako je prozor sa grupom otvoren u susjednoj kartici. Jednostavno rečeno, morate biti prijavljeni na VK u istom pretraživaču. Na kraju krajeva, samo administrator grupe i ljudi koje je on imenovao imaju pristup takvim manipulacijama. Slučajni prolaznik neće moći lako otići i promijeniti postavke grupe kojoj nema pristup admin panelu.

Ako je sve urađeno kako treba, otvoriće se ovakva stranica.

Ovo je isti prozor u kojem ćemo kasnije kreirati wiki oznake i kreirati interni meni za našu grupu. Za sada, sve što treba da uradimo je da napišemo nešto ovde. Zatim kliknite na plavo dugme „Sačuvaj stranicu“ i kliknite na vezu Povratak na stranicu na vrhu.

Napisao sam “Meni” i moja stranica nakon snimanja počela je izgledati ovako.

Još nema dizajna, ali sada nam treba samo link do ove stranice. Uzimamo ga u adresnu traku pretraživača i vraćamo se na početna stranica naša grupa. Na feed.

Ovdje kreiramo objavu sljedećeg sadržaja: ubacite sliku i link do stranice menija za grupu.

Kliknite pošalji. Zatim kliknite na vrijeme kada je poruka poslana i među svim opcijama odaberite "Zakači". Ažuriramo stranicu (tipka F5 na tastaturi) i, ako je sve urađeno kako treba, dobivamo prvi rezultat: grupa je pronašla avatar i link za odlazak na odjeljak menija.

Wiki oznaka za meni grupe VKontakte

Sada krenimo sa dizajniranjem samog menija. Idemo ponovo u Photoshop i kreiramo dizajn za naš meni. Kada dizajnirate sučelje, morate zapamtiti one ljude koji će pristupiti VK-u putem aplikacije mobilni telefoni. Drugim riječima, ne treba imati male elemente i, osim toga, treba se truditi da sve bude što jasnije. Da ne bismo morali da nagađamo kako sve ovde funkcioniše i gde treba da kliknemo... već samo pokažite na pravu stavku i proučite informacije koje tražimo.

Neću sada ulaziti u detalje o tome kako sam sastavljao jelovnik. Evo šta sam dobio.

Minimum polja. Vertikalni raspored. Idealan format za brzi meni. Odnosno, na mobilnim telefonima ništa neće otići nikuda. Sve će biti tačno kao na ekranima kompjutera i tableta. Uzimam širinu na 500 px, da se kasnije ništa ne smanji i da ne izgubim kvalitet slike dva puta. Visina nije bitna.

Režemo sliku na fragmente i spremamo ih.

Sve. Došlo je vrijeme za završni akord - jelovnik prikupljamo u samoj grupi.

Da bismo to učinili, vraćamo se na glavnu stranicu grupe (gdje se nalazi feed i naša slika koja vodi do menija). Kliknemo na sliku menija i dođemo do iste stranice koju smo prethodno kreirali za meni.

Ako ste administrator ili kreator grupe (u našem slučaju je to slučaj), onda će na vrhu stranice biti link “Uredi”. Hajde da kliknemo na njega.

Zatim idemo u režim wiki markiranja (ispod dugmeta za zatvaranje u gornjem desnom uglu stranice nalazi se okvir sa<>unutra). Kada je aktiviran željeni način rada, ovo dugme je označeno sivom bojom.

Zatim kliknemo na ikonu kamere i dodamo sve fragmente našeg menija odjednom. U wiki modu nećemo vidjeti same slike, već samo šifru ovih slika sa dimenzijama i parametrima.

Želim da postavim meni u centar i tako da nema praznina između fragmenata. Stoga svaki od elemenata umotavamo u oznaku

i već ugniježđenom parametru “noborder” dodajem drugi parametar “nopadding”. Prvi onemogućava obris fragmenata i granica ćelija tabele. Drugi uklanja margine s ruba.

Prvi i posljednji element menija ne bi trebali biti dugmad - na mojoj slici oni su samo grafički element bez veze na internu stranicu, pa im dodajemo parametar “nolink”. Ovo će ukloniti mogućnost da kliknete na ovaj element da biste otvorili dio slike u zasebnom prozoru. Sada se ništa neće dogoditi jednim klikom miša. Ovo je normalna pozadina stranice. Neaktivan.

U mom slučaju kod menija izgleda ovako.

Odvojeno, želio bih napomenuti činjenicu da nakon uvoza slika u VK, ugrađeni sistem ponekad pogrešno ukazuje na veličine slike. Stoga to moramo pažljivo pratiti i prikazati upravo one koje smo planirali u fazi projektovanja. U suprotnom, sve se može raspasti i slagalica se na kraju neće složiti.

Kada smo napisali kod i poravnali sve elemente, sačuvamo stranicu i vidimo istu stvar koja je bila u Photoshopu.

Ostaje završni dodir - trebamo kreirati upravo one stranice na koje će naš meni slati ljude. Da bismo to učinili, okrenimo se ponovo skripti za generiranje wiki stranica i ovaj put naručimo tri stranice odjednom. U ovom slučaju, također morate napisati nešto o svakom od njih i ne zaboravite da sačuvate njihove adrese negdje iz adresne trake pretraživača.

Zatim ubacujemo linkove ka novim stranicama u wiki kod menija u formi page-102302049_51013384, gdje je prvi broj id grupe, a drugi broj stranice. Iako, generalno, to nije važno. Na kraju krajeva, samo trebamo kopirati ovaj URL fragment i zalijepiti ga u oznaku.

Kao rezultat, kod menija poprima sljedeći oblik.

Spolja, ništa se nije promijenilo. Ali kada kliknemo na stavke menija, vidimo da sada radi!

Što se tiče same oznake i pravila po kojima je kod napisan, savjetujem vam da pročitate VKontakte grupu posebno posvećenu ovoj stvari. Momci su sve opisali ključne točke a u njihovom katalogu možete lako pronaći traženi element i smisliti kako ga dodati na svoju wiki stranicu.

Danas se ponovo vraćamo na temu dizajniranja VKontakte grupa. Već smo ranije naučili. Danas ćemo naučiti kako napraviti grafiku meni sa fiksnim gornjim banerom i link ka internoj stranici sa proširenim stavkama menija. Općenito, bilo koja informacija može biti na internoj stranici. Posebno je zgodno tamo postaviti, na primjer, kataloge s nizom proizvoda. I padajući meniji i lepljivi meniji imaju svoje prednosti i nedostatke. Glavni nedostatak padajućeg menija je taj što je podrazumevano zatvoren. Ali na njega možete postaviti nekoliko veza odjednom.

Zakačen meni izgleda impresivnije zbog opšti utisak, ali može imati samo jednu vezu, koja vodi ili do interne stranice VKontaktea ili do eksterne stranice (a veza do vanjske stranice neće doći sa slike, već iz tekstualne veze ispod slike). Takođe, jedan od očiglednih nedostataka je što je na mobilnim uređajima grafički meni predstavljen kao običan unos u feed, koji stoji na vrhu, a ne kao zakačen pored avatara. Općenito, pri odabiru dizajna trebate uzeti u obzir ove nijanse. Hajde da vidimo kako da napravite lepljivi gornji meni sa vezom do interne stranice.

Kreiram VKontakte grupe
Kvalitetan dizajn VK grupa i javnih stranica, zakačeni meni, padajući meni, interni grafički meni, katalozi, interna navigacija - cijene I portfolio.

Korak 1
Napravite novi dokument u Photoshopu veličine približno 900x700 piksela i popunite ga bijelom bojom. Sada trebamo izrezati dva prozora u sloju kroz koje će biti vidljiv sam grafički dizajn. Prvo odaberite pravougaonik dimenzija 200x500 piksela (avatar) i pritisnite Del. Zatim odaberite pravougaonik dimenzija 510x352 (poravnajte ga sa donjom linijom avatara i napravite razmak između oblika 50 piksela) i također pritisnite Del.
Nakon sljedećeg ažuriranja dizajna od strane VKontaktea (31. oktobra 2016.), dimenzije banera su postale 510x307 (ne 510x352).

Korak 2
Sada, ispod bijelog sloja, postavljamo jednu sliku, koja će činiti osnovu dizajna.

Korak 3
Nakon toga dopunjavamo sliku raznim elementima - logotipom, tekstualnim natpisima i dugmetom koje vas poziva da kliknete na meni. Zatim na računar spremamo dve odvojene slike - jedna je avatar (desno), druga je meni sa dugmetom za klik (levo).

Korak 4
Takođe kreiramo grafički meni u Photoshopu koji se sastoji od nekoliko stavki. Širina ovog menija treba da bude 600 piksela, visina je opciona, u zavisnosti od broja stavki. Za pomoć koristite lekciju „“.

Korak 5
Naš meni smo izrezali na nekoliko horizontalnih traka u skladu sa brojem stavki menija. Sačuvajte kao zasebne datoteke.

Korak 6
Idemo u našu VKontakte grupu, kliknemo „Upravljanje zajednicom“ (klikom na tri tačke ispod autora otvara se padajući meni) i provjerimo jesu li postavke ispravne. Grupa treba da bude otvorena i materijali takođe trebaju biti otvoreni.

Korak 7
Sada postavljamo novi avatar. Pomaknite miša na lokaciju avatara i odaberite "Ažuriraj fotografiju" iz iskačućeg izbornika. Učitajte pravu fotografiju iz koraka 3, rastegnite područje odabira gore-dolje do ivica slike, kliknite na "Sačuvaj", a zatim odaberite područje za okruglu sličicu.

Korak 8
Sada morate kreirati internu stranicu. Kako to učiniti detaljno je opisano u lekciji. Drugi alternativni način kreiranja interne stranice opisan je u lekciji “” u koracima 5 i 6.

Korak 9
Nakon što kreiramo internu stranicu, možemo otići na nju. Da biste to učinili, morate kliknuti na padajući izbornik grupe (po defaultu se ova stavka zove "Najnovije vijesti" - preimenovao sam je u "Izbornik") i tamo kliknite na vezu "Izbornik". Nakon toga idemo na novokreiranu praznu stranicu.

Korak 10
Sada treba da kreiramo grafički meni od pet stavki. Da bismo to uradili, u grupni album učitavamo naših pet slika iz koraka 5. Kliknemo na ikonu kamere i učitamo isečene slike sa računara. Slike će biti pohranjene negdje na VKontakte serverima u odnosu na grupu, tako da nije potrebno kreirati poseban album za izrezane slike. Morate da otpremite slike u Wiki markup modu.

Korak 11
Sada ćemo u modu wiki markup kreirati grafički meni. Veoma je važno kreirati u modu wiki markupa (ikona u gornjem desnom uglu dve trouglaste zagrade), a ne u režimu vizuelnog uređivanja. Više informacija o kreiranju koda u wiki oznakama opisano je u 4. i 5. koraku lekcije „“. Tu je i predložak koda za umetanje. Ako je sve urađeno ispravno, trebali biste dobiti gotov grafički meni, kao na slici ispod.

Korak 12
Sada se vraćamo na glavnu stranicu grupe, uzimamo URL naše interne stranice (trebalo bi biti ovako https://vk.com/page-78320145_49821289) i zalijepiti ga u prozor u kojem se kreiraju vijesti. Prozor sa vezom na ovu internu stranicu automatski bi trebao biti priložen. Nakon toga pomjeramo kursor na natpis “Priloži” i uz post prilažemo fotografiju, odnosno našu sliku lijevo iz koraka 3. Nakon toga brišemo red sa URL-a interne stranice, ostavljajući prazan prostor. Bitan! U ovom koraku trebate označiti kućicu (ako imate takva prava, to se uglavnom odnosi na grupe sa otvorenim zidom) u polju za potvrdu „U ime grupe“. Ako ne označite ovo polje, unos neće biti zakačen. Na kraju kliknite na “Pošalji”.

Korak 13
Pomerite kursor na tri tačke pored naslova posta i izaberite „Prikači“ u padajućem prozoru. U skladu s tim, vijesti su također odvojene, ako je potrebno.

Korak 14
Postoji jedno upozorenje. Ponekad, nakon što otkačite vijest, ona ide daleko niz feed, prema datumu kreiranja, i može biti prilično teško pronaći je ponovo. Stoga je bolje da odmah negdje zapišete URL zakačene vijesti. Da biste to učinili, pomaknite kursor na vrijeme kada je vijest kreirana i kliknite na link.

Korak 15
Sada ažuriramo glavnu stranicu grupe. Naš grafički meni će se nalaziti na vrhu pored avatara. A kada kliknemo na sliku, dolazimo na internu stranicu sa menijem od pet stavki.

Kao što vjerovatno znate, na društvenoj mreži Vk postoji jako, jako puno zajednica. Ali nisu svi popularni. Šta je potrebno zajednici, osim jedinstvenog i zanimljivog sadržaja, da bi bila popularna? Naravno, znanje o tome kako lijepo urediti grupu neće biti suvišno. Nije tako teško to učiniti na VKontakteu. Nakon što pročitate naš članak, moći ćete sve učiniti sami.

Upute za stvaranje zajednice

I sami morate shvatiti da sve ovo neće biti moguće učiniti u jednoj fazi. Ali nemojte biti uznemireni, jer je uprava društvene mreže VK posebno dala priliku za stvaranje zajednica za obične korisnike. Čak i za one koji imaju veoma osrednje znanje o računarima.

Kreirajte baner

U ovom slučaju, baner ćemo nazvati avatarom zajednice, kao i grafičkim menijem, koji se savršeno uklapaju. Često je to jedna slika koja je podijeljena u dva bloka. Trebat će vam Photoshop. Ovaj program možete besplatno preuzeti sa interneta. A evo i samih uputa:

1. Otvorite Photoshop i kreirajte novi dokument u ovom programu, čija je veličina 630x725 piksela. Sve napunite bijelim.
2. Izrežite dva prozora u sloju (200x710 i 382x442 px). Kroz ove prozore će biti prikazan grafički dizajn zajednice. Kombiniramo dva prozora duž dna.
3. Na slici ispisujemo tekst i stavke menija koje ste planirali. U principu, ovo je odgovor na pitanje kako dizajnirati meni grupe VKontakte.
4. Pravougaonik koji smo kreirali veličine 200x710 piksela pohranjujemo zasebno. Ovo je avatar vaše grupe ili javnosti.
5. Moramo izrezati lijevu stranu slike (382x442) na nekoliko dijelova. Koliko će ih biti zavisi od broja stavki u meniju vaše zajednice.
6. Otvorite VKontakte u pretraživaču Orbitum ili bilo kojem drugom. Dobijene slike spremamo i postavljamo u album vaše grupe.
7. Idite na karticu "Novosti" - "Uredi" - "Izvorni kod". Zalijepite kod koji vidite u donjem prozoru u "Izvor...". Mijenjamo fotografiju u naziv datoteke, a također označavamo visinu datoteke. Ručno umetnite URL linkova menija.
8. Da bi se vaše slike skladno i ispravno uklopile, naziv zajednice treba da bude u jednom redu, opis u 10 redova, a url sajta takođe u jednom redu.

Wiki oznake za pomoć

Ako vas ozbiljno zanima kako stvoriti VKontakte grupu, svakako biste trebali znati da takva stvar kao što je Wiki markiranje igra vrlo važnu ulogu u ovom pitanju. Šta je ovo uopšte? Ovo je, recimo, alternativa HTML-u. Kao što ste mogli pretpostaviti, ova oznaka se također koristi prilikom uređivanja članaka na Wikipediji. Ali to sada nije o tome. Trebat će nam Wiki markiranje da pravilno dizajniramo zajednicu u VKontakteu:
I prvi i drugi - bez navodnika! Pa, sada definitivno znate sve o tome kako pravilno, kompetentno i lijepo dizajnirati javne stranice i grupe na VKontakteu. Sretno!

Pustili smo nova knjiga„Marketing sadržaja u na društvenim mrežama: Kako ući u glavu svojih pretplatnika i natjerati ih da se zaljube u vaš brend.”

Pretplatite se

VK grupa je vaše lice, pa je za postavljanje VKontakte grupe potrebno posebnu pažnju. Naravno, možete naručiti dizajn VKontakte grupe od stručnjaka. U ovom slučaju, trošak će ovisiti o količini posla i specifičnostima. U prosjeku, složeni dizajn grupe, uključujući izgled menija i druge usluge, košta od 1000 rubalja i više. Ako ste zainteresirani da sami postavite VKontakte grupu, onda je ovaj članak za vas. Prije svega, naznačimo da je ovo apsolutno realno.

Veličine elemenata

Ispod je podsjetnik s dimenzijama dizajna VK grupe, odnosno njenih glavnih elemenata.

Pogledajmo svaki element posebno:

Pravljenje šešira

Dizajn VK grupe je nezamisliv bez zaglavlja. Odgovor na pitanje kako kreirati grupu u kontaktu mora početi od zaglavlja. Najčešće se u zaglavlju postavljaju najave, navigacijski meni i najzanimljiviji postovi. Najracionalnije je napraviti šešir u obliku poklopca. Dizajniranje grupe u VK pomoću novog dizajna omogućava vam dodavanje velikih i atraktivnih naslovnica. Da biste to učinili, kliknite na "Preuzmi" pored "Community Cover", kao što je prikazano na slici:

Evo nekoliko opcija za ono što se može staviti u zaglavlje:

Avatar

Pitate se kako lijepo dizajnirati VKontakte grupu? Onda nemojte zanemariti mukotrpan rad na svom avataru. Ovo je efikasan marketinški alat koji, ako se pravilno koristi, može postići željeni rezultat.

Dobra sličica avatara ispunjava sljedeće kriterije:

1. Tekst na njemu je velik i potpuno vidljiv, lako se čita.
2. Slika i tekst su jasni, ne pokušavajte da ugurate previše u svoj avatar.
3. Bolje je koristiti originalnu sliku koju ste napravili, a ne preuzetu.
4. Koristite svijetle boje kako biste se izdvojili od ostalih slika i vješto koristite kontrast.
5. Avatari napravljeni u stilu minimalizma izgledaju impresivno: minimum teksta i nepotrebnih detalja, maksimum ljepote i jednostavnosti.
6. Upotrijebite svoju maštu da privučete i zainteresirate korisnika - crni kvadrat, ikona zapaljene poruke itd.

Evo nekoliko opcija za postavljanje informacija u minijaturi: najave, pogodnosti, kontakti, niske cijene, promocije, konkursi koji su u toku i tako dalje.

Zahtjevi za avatar:

1. Kvaliteta. Da biste to učinili, koristite slike 2-3 puta veće od potrebne veličine.
2. Single style. Svi elementi moraju biti kombinovani u boji i ukupnom stilu.
3. Raznolikost. Bolje je da su sličica i sam avatar različite slike.

Na samom avataru možete postaviti domenu zvanične web stranice kompanije, naziv brenda, logo, kontakte, radno vrijeme, informacije o tekućim natjecanjima i promocijama, najpopularnije proizvode, informacije o postojećim mobilna aplikacija, vaše glavne prednosti, najave događaja i tako dalje.

Widgeti

Ovo je obavezan dio kreiranja grupe u VK. Koristeći ih, korisniku je zgodno izvršiti radnje koje su vam korisne: 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 sjajnih primjera:

Kao što se može vidjeti iz primjera, kompanije kreiraju jedinstvene šablone dizajna za VK grupu, odnosno slike za njene postove, a zatim ih jednostavno dopunjuju/mijenjaju. Izrada takvog šablona je prilično jednostavna, evo nekoliko tehnika:

Za stvaranje kvalitetnih i atraktivnih slika koje će vam pomoći da napravite prelep dizajn Kkontakte grupama se preporučuje da koriste Photoshop. Ako posjedujete ovaj program, koristite jedan od pojednostavljenih analoga programa: Fotor.com ili Canva.com.

Uređivanje članaka

Kako registrovati VK grupu? U njemu možete uređivati ​​članke pomoću uređivača, možete ga pronaći preko ove ikone:

O tome kako raditi s urednikom članaka u VK-u pisali smo u drugom članku.

Wiki markup

Kako pravilno kreirati grupu na VK koristeći wiki oznake? Ovo je najteži i ujedno najzanimljiviji dio. Wiki markup je specijalizirani jezik za rad s tekstom na web stranicama, koji olakšava pristup funkcionalnosti HTML jezika. Prilikom kreiranja 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.

Pogledajmo kako napraviti wiki stranicu: otvorite pretraživač i zalijepite u adresnu traku: http://vk.com/pages?oid=-111 &p=Created_page, gdje je “111” ID grupe, a “Created_page ” je naslov članka s riječima ispisanim podvlakama. Često ćemo se prebacivati ​​na način rada koda, pa pogledajmo na brzinu kako to učiniti:

Tekst je formatiran u uređivaču koji je jednostavan i jasan, sličan Wordu. Ali nema mogućnost promjene fontova, već 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; zgodnije je to učiniti u modu koda, koji ć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 zatim dijeli na dijelove pomoću “Sečenja”, zatim se gotove slike ubacuju u wiki post i povezuju se na njih.

Važno je da razvijeni meni zakačite u zaglavlje stranice: prvo kreiramo meni u wiki oznakama, a zatim sač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 na „Pošalji“.

Ostaje samo zakačiti objavu.

Umjesto zaključka

Nekoliko savjeta o tome kako stvoriti VKontakte grupu:

1. Kada razvijate dizajn (nije važno koristite li staru verziju ili razmišljate o tome kako dizajnirati VKontakte grupu u novom dizajnu), uvijek razmislite o tome kako će izgledati u mobilnoj verziji, da li je sve jasno i zgodno.
2. Nemojte se bojati eksperimentirati i razvijati rješenja koja vaši konkurenti ne koriste. Ovo je samo plus.
3. Apsolutno ujednačen i simetričan jelovnik ponekad izgleda dosadno, tako da se nemojte vezati za idealne oblike.

Nadamo se da će ovaj materijal o tome kako stvoriti grupu na VKontakteu biti koristan. Hvala pretplatnicima!