Kako napraviti prekrasan meni za VKontakte grupu. Kako kreirati meni za VKontakte grupu: korak po korak uputstva i preporuke Kako lepo dizajnirati meni grupe VKontakte

), napravite meni.

Sad ću ti pokazati kako napraviti meni u grupi VKontakte i pravilno ga dizajnirati.

Pravljenje prelepe grafike

U novom dizajnu web stranice VKontakte promijenjene su dimenzije za grafiku. Ispod ćete pronaći trenutne vrijednosti.

Avatar za grupu - 200x300 px
Baner u opisu - 510x271 px

Pripremite slike u željenim veličinama. Uzet ću gotove slike da vam pokažem primjer.

Dakle, napravimo prekrasan dizajn tako što ćemo ukupnu sliku podijeliti na dva dijela. Kao rezultat toga, dobit ćemo jedan dizajn.

Prvo, otpremite svoj avatar. Idite u grupu i kliknite "Da otpremite fotografiju".

Vidjet ćete obrazac u kojem trebate odabrati datoteku na tvrdom disku vašeg računara. Učini to. Kao rezultat, dobili smo sljedeće.

Sada dodajmo drugi dio slike. Da biste to učinili, morate postaviti sliku na zid, a zatim je snimiti s njom, popraviti je u gornjem dijelu.

Idemo do zida. Ovdje u bloku "Dodaj bilješku", dodirnite ikonu Fotografija.

Otpremite drugu pripremljenu sliku. Obavezno odaberite objavu kao zajednica. Zatim kliknite na "Pošalji".

Sada ulaz mora biti osiguran (vidi). Vraćamo se na novi unos i širimo meni u gornjem desnom uglu. Ovdje kliknemo na “Pin”.

Sada osvježite stranicu i pogledajte rezultat.

Jedini nedostatak je što su slike na različitim nivoima. Ali to je zbog činjenice da nisu tačna veličina. Avatar bi trebao biti veći okomito. Tada će biti na istom nivou.

Kako kreirati meni u grupi VKontakte

Vratimo se na naš primjer i zamislimo da trebamo napraviti dugme "Više detalja". Ona je već na slici. Kako možemo napraviti dugme tako da kada se klikne, osoba će biti odvedena na našu glavnu stranicu? Sada ću ti pokazati.

Da bismo aktivirali dugmad menija, moramo ih iseći kao zasebne slike. Za ovo nam je potreban Photoshop.

Otvorite našu sliku u uređivaču i aktivirajte alat za rezanje.

Odrežite donji dio dugmetom. Držite lijevu tipku miša i nacrtajte vodoravnu liniju, presijecajući sliku na dva dijela.

Sada pritisnite Alt+Ctrl+Shift+S da sačuvate gotove slike.

Https://vk.com/pages?oid=-120208137&p=menu

Gledajte, nakon simbola "odi=-", potrebno je da unesete id svoje grupe (vidi). I na samom kraju linka napišite naziv vaše stranice menija. U primjeru ćemo ostaviti “Menu” kakav jeste.

Ovdje kliknemo na ikonu kamere i učitamo pripremljene slike.

Sada pređimo na kreiranje menija za grupu na VK. Trebalo bi izgledati nešto slično.

Zatim idemo na odjeljak "Uređivanje". Ovdje, za svaku sliku, moramo ukloniti padding tako da se spoje u jednu sliku. Da biste to učinili, dodajte sljedeću vrijednost u kod: “nopadding;” . I dodajte link na željenu stranicu ili web stranicu, unoseći vrijednost “https://site.ru/page.html” (navedite svoje adrese!). U našem primjeru, dugme „Više detalja“ bi trebalo da vodi na veb lokaciju. Ovo bi trebalo da se desi.

[] []

Sačuvajte stranicu. Ne zaboravite da kopirate njenu adresu adresna traka. Trebalo bi izgledati ovako:

https://vk.com/page-120208137_52523487

Vraćamo se na zid grupe i stvaramo novi ulaz. U njega ubacujemo link do stranice i prilažemo originalnu sliku. Objavljujemo i zakačimo.

Ovo je meni sa kojim smo na kraju dobili.

Cilj kreatora grupe na društvenim mrežama. mreže kako bi privukli više posjetitelja. Važno je da se gost želi pridružiti, potpisati, pročitati informacije, ostaviti komentar ili naručiti proizvod. Potreba za konačnim rezultatom razlikuje se od smjera aktivnosti.

Prve sekunde boravka formiraju dalje radnje gost. Zbog toga interfejs igra veliku ulogu.

Faktori koji ostavljaju gosta:

avatar;
opis;
Ime;
lijep i praktičan meni;
šarenilo;
sadržaj.

Lako je kreirati praktičan jelovnik koji motivira više od same akcije. Ali prvo morate shvatiti šta bi to trebalo biti.

Kakav treba da bude jelovnik?

Koristeći dobro osmišljen meni, posjetitelj se može lako kretati kroz njega i brzo dobiti odgovore na svoja pitanja. Navigacija vam takođe omogućava da stvorite pravi utisak o projektu.

Tri glavna cilja grupa:

prodaja;
povećanje prometa;
povećanje broja aktivnih posetilaca.

Za prodaju, grupna navigacija zamjenjuje prikaz u trgovini.

Najvažnija dugmad bi trebala biti ovdje:

katalog;
Cijena;
dostava;
promotivne ponude;
recenzije.

Da biste povećali promet, naglasak je na sadržaju i ukusu stranice ili bloga.

Približan skup dugmadi:

video: meni za javnost

Rad sa Photoshopom

Prije nego što počnete, morate vizualizirati dizajn ili cjelokupni izgled, kao i njegove komponente. Nije potrebno posebno znanje, samo slijedite korake u uputama.

Algoritam akcija:

Ovo se radi pomoću alata Rectangular Marquee:

Rad sa grafikom:

Trebalo bi izgledati otprilike ovako:

Sačuvajte pravougaonik koji se nalazi na desnoj strani kao zasebnu sliku, postavljajući veličinu na 200x500 piksela. Ovo je gotov avatar, učitan putem dugmeta „Pošalji fotografiju“ u VK grupi.

Drugu sliku još treba podijeliti brojem bodova. Ovo se radi kako bi se svakom dugmetu dodelila veza.

Prvo morate napraviti oznake:

Napravite fragmente:

Čuvanje slika:

Tehnički dio

Gotove slike se moraju prenijeti u grupu. Slijedeći dolje navedene korake, ovaj zadatak se može lako završiti.

Bitan! Otpremanje menija se razlikuje od običnog otpremanja fotografija ili slika.

Sve po redu:

Sada je najvažnije zašto je sve ovo urađeno. Dodajte funkcionalnost menija. Posebnoj slici mora biti dodijeljena vlastita veza.

pronađite traženi unos;
kliknite levim tasterom miša na njega;
kopirajte URL u adresnoj traci.

idite na izvor na koji trebate prenijeti posjetitelja;
kopirajte traženu adresu.

Sačuvajte promene pomoću odgovarajućeg dugmeta na dnu prozora.

Pažnja! Promjene se možda neće odmah odraziti. Preporučljivo je da se odjavite na svoj glavni profil, a zatim se ponovo prijavite u grupu.

Kako kreirati meni u wiki oznaci grupe VKontakte

Wiki markup je poseban jezik koji se koristi za dizajn web stranica u grupama društvenih mreža.

Ovaj alat vam omogućava da kreirate:

efekti;
neobični jelovnici;
znakovi;
navigacijski elementi;
formatirati tekst.

Jednom riječju, ova oznaka vam omogućava da kreirate mini web stranicu VKontakte. Ovo je vrlo zgodno, posebno za prodaju i regrutaciju pretplatnika.

Ovaj dizajn intuitivno tjera posjetitelja da ostane i klikne na dugme. Odnosno, odlaže i stimuliše akciju - a to je upravo ono što je potrebno.

Vizuelno, takav sistem je vrlo sličan HTML izgledu. Ali to ne zahtijeva dugu obuku i poseban način razmišljanja.

Video: meni sa pretragom po kategoriji

Nijanse stvaranja

Zapravo, ono što je gore urađeno (podjela i učitavanje slike) su već elementi za označavanje. Ovo je prednost ovog alata. Automatska transformacija u oznake prilikom jednostavnog učitavanja slika.

Međutim, važno je poznavati pojedinačne oznake kako biste dodali još više funkcionalnosti i ljepote. Na primjer, kada popunimo pojedinačne dijelove slike, između njih se mogu formirati bijele pruge. Možete ih ukloniti jednostavnim dodavanjem oznake noborder.

Volim ovo: []

Glavne oznake su predstavljene u tabeli ispod:

Fotografija: oznake koje se koriste za označavanje

Rad sa slikama

Gdje se opcije zamjenjuju sa:

noborder- uklanjanje okvira oko slike;
nopadding- uklanjanje razmaka između slika;
običan- ubacite link do slike. Dizajniran kao tekst, bez grafike;
nolink- uklanjanje linka na sliku;
kutija- otvaranje slike u prozoru;
NNNxYYYpx ili NNNpx- postavlja veličinu fotografije u pikselima.

Kreiranje tabele

Bez obzira na to kakav meni (tekstualni ili grafički) kreirate, malo je vjerovatno da ćete bez umetanja tabele. U suprotnom, možete jednostavno zalijepiti tekst u polje vijesti i ne formatirati ga, gubite toliko vremena.

Tabela se kreira pomoću posebnog skupa znakova, gdje je svaki od njih odgovoran za određeni dio tablice:

{| simbol početka tabele, bez njega ne može postojati tabela. Uvijek korišteno;
|+ odgovoran je za pozicioniranje naslova tabele u sredini. Stavlja se iza znakova na početku tabele. Koristite po želji;
| označava početak nova linija i ćelije;
| znak koji čini ćeliju transparentnom;
! čini ćeliju tamnijom. Ako ga nema, mora se koristiti prethodni znak;
|} znači kraj tabele. Opcijski znak se, međutim, koristi da spriječi pojavu greške.

Prilikom popunjavanja tabele, sadržaj svake ćelije se mora postaviti iza znaka |, a kada odvajate ćelije, morate duplirati tipove reda ovako: || ili!!.

Karakteristike označavanja

Postoje mnoga nepisana pravila, a to stvara mnogo problema programerima početnicima. Po pravilu, sve se uči kroz praksu. Svako pronalazi svoje rupe, svako se suočava sa svojim poteškoćama.

Kako biste izbjegli osnovne greške, trebali biste se upoznati s glavnim:

morate biti oprezni kada mijenjate veličinu slike - ako je manja od 131 piksela, njen kvalitet će se značajno pogoršati;
Širina slike ne smije prelaziti 610px;
Zabranjeno je postavljanje više od 17 nezatvorenih oznaka na jednu wiki stranicu;
kada se mijenja širina slike, njena visina se mijenja automatski i proporcionalno;
listu unutar tabele treba kreirati pomoću oznake
;
U jednom redu oznake ne smije biti više od 8 elemenata liste.

Da biste kreirali lijepu i funkcionalnu navigaciju, morate znati osnove Photoshopa i wiki markiranja. Međutim, potonji sadrži svoje nijanse, s kojima se, kada se suoči s početnikom, može dugo zaglaviti i zbuniti.

Bitan! Provjerite jesu li sve oznake zatvorene. Neka bude dosljedno.

Glavni pomoćnik u ovom pitanju je pažnja i strogo pridržavanje uputa. Zvanična VK stranica, koja se zove wiki markup, uvijek može pomoći.

Mislim da svi koji aktivno koriste socijalna mreža Na VKontakteu sam već naišao 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 bismo sve detaljnije analizirali i uronili u sve suptilnosti, uzmimo 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, svojim 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 govorimo, na primjer, o ljubiteljima ribolova, onda je bolje 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 ponovo uvodi ograničenje za promjenu 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.

U sklopu ove majstorske klase, ja, as polazna tačka Uzet ću igru Mad Max prema istoimenom filmu, koji je izašao prije samo nekoliko sedmica, i stvoriti zajednicu za igrače sa raznim materijalima o ovoj igrici. Glavni cilj je odvući promet 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 koristiti u budućem radu 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 tematika ne odgovara formatu zajednice (oni su o različite stvari i nisu međusobno povezani ni na koji način), 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 nam je potreban šablon za kreiranje grupnog avatara i menija, kao i malo mašte i osnovno poznavanje Photoshopa (tzv. 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 ekrana 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 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. Veoma 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 “Menu”.

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 sitne 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 označavanja (ispod dugmeta za zatvaranje u gornjem desnom uglu stranice nalazi se okvir sa<>unutra). Kada je aktiviran željeni režim, 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 opisali sve ključne tačke iu njihovom katalogu možete lako pronaći potreban element i smisliti kako ga dodati na svoju wiki stranicu.

Prodaja dizajna menija VKontakte počinje pravim izborom. Imate li online prodavnicu? građevinsko preduzeće, Da li ste trener ili kozmetičarka? Svaki posao je jedinstven i zahtijeva poseban pristup dizajnu wiki menija. Iz našeg članka ćete saznati koje vrste menija postoje za grupu VKontakte, koje su njihove karakteristike i razlike, kao i koji meni odabrati za svoje poslovanje.

Ovo je najčešća i najjeftinija vrsta menija. Omogućava vam da kreirate praktičnu navigaciju kroz grupne sekcije ili vanjske resurse: diskusije, foto albume, katalog proizvoda, osobu, video, web stranicu kompanije ili stranice u na društvenim mrežama. Dizajn menija za navigaciju obično nije duži od 1000px i staje na jedan ekran monitora.

Vrste navigacionog menija:

Ovaj meni ima jednostavnu funkcionalnost i instaliran je na samo jednoj wiki stranici. Tasteri menija vode direktno do željenog odeljka grupe ili eksternih sajtova, bez otvaranja dodatnih navigacionih stranica. Ovo zgodna opcija meni ako nemate veliki broj usluga/proizvoda i niste pozicionirani kao velika kompanija.

Jelovnik na jednoj stranici pogodan je za male online trgovine, fotografe, trenere i umjetnike ljepote.

Višestrani meni

Ovo je tip navigacionog menija u kojem se prelaz između sekcija grupe vrši prema strukturi. Kao primjer: dugme „proizvodi“ vodi do nove wiki stranice, koja prikazuje listu sekcija „dečija odeća“, „za žene“, „za muškarce“ itd. Svaka wiki stranica može imati svoj jedinstveni dizajn, aktivna dugmad ili duplirati dizajn stranice glavnog menija.

Višestrani meni - glavna wiki stranica

Višestrani meni bit će zgodan za online trgovine kada trebate pomoći kupcima da brzo i jednostavno pronađu željeni odjeljak u grupi.

Višestrani meni - dodatna wiki stranica

Wiki odredišna stranica na VKontakteu

Wiki landing ili kako ga još nazivaju VKontakte landing je najpopularniji tip menija. Ljubav prema ovom dizajnu menija među našim klijentima ne iznenađuje - to je prekrasan, strukturiran dizajn, sve najviše važna informacija o vašoj grupi je na jednoj stranici, aktivni gumbi za naručivanje (vode na PM administratora ili grupne poruke) i katalog proizvoda. Koje god sekcije želite da kreirate u svom wiki landingu, to je moguće.

Opis firme i njenih delatnosti
Kategorije usluga ili robe
Povratne informacije kupaca kroz grafički dizajn
Video i promotivni video zapisi
Prednosti rada sa vama
Promocije i posebne ponude
Opis usluga ili robe
Popularni članci u grupi
Kontakti da vas kontaktiraju
Aktivna kartica sa adresom firme
Odgovori na često postavljana pitanja

Wiki landing je najbolji izbor za velike kompanije koje pružaju usluge, online prodavnice sa uskim fokusom i trenere

Odgovaramo na često postavljana pitanja o wiki meniju:

Glavni faktor pri odabiru dizajna za VKontakte grupu je tema vašeg poslovanja i budžet za razvoj dizajna. Ako imate mladu kompaniju ili ste tek odlučili da napravite grupu i želite da testirate popularnost svojih usluga na Internetu, trebalo bi da date prednost navigacionom meniju. Za one koji žele stvoriti lijep grafički dizajn za grupu i primiti više aplikacija, preporučujemo odabir odredišne stranice VKontakte.

Kada je dizajner grupe već nacrtao meni grupe i instalirao ga na wiki stranicu, možete ga lako povezati sa bilo kojom objavom ili banerom u zakačenoj objavi. Da biste to učinili, morate otvoriti vezu wiki menija u novoj kartici pretraživača, kopirati je, vratiti se u svoju grupu i zalijepiti kopirani link u novi post. Kada se učita pregled linka, njegov tekst se mora ukloniti iz objave. Možete napisati bilo koju informaciju u ovoj publikaciji, poziv na akciju i kontakte, zatim priložiti sliku (fotografiju) i kliknuti na dugme “Objavi”. Sada kliknite na “Pin” i baner sa aktivnom vezom do grupnog menija uvijek će biti vidljiv.

Kako napraviti meni u grupi VKontakte?

Da biste to učinili, trebat će vam vještine za rad grafički uređivači, kao što je Adobe Photoshop (psd format), Adobe Illustrator (ai ili eps format) ili CorelDRAW (cdr format). Svaki od ovih programa će odlično obaviti ovaj zadatak. Stvoriti novi dokument sa dimenzijama 607 px (preporučamo kreiranje dokumenta 608 px) širine i podesiti potrebnu dužinu menija (visinu dokumenta). Sada možete početi dizajnirati. Na internetu ćete pronaći mnogo videozapisa o tome kako sami kreirati meni VKontakte, ali ako želite napraviti lijep, profesionalan dizajn, bolje je kontaktirati iskusnog dizajnera.

Izgled grafičkog menija takođe ima svoje suptilnosti. Na primjer: Morat ćete razumjeti VKontakte wiki izgled, naučiti kako se prebacivati između funkcija uređivača, raditi na povezivanju veza sa svakim fragmentom dizajna i ispravno postaviti veličine menija. Za neiskusnu osobu ovo djelo može potrajati i do nekoliko dana, kada dizajner može nacrtati grafički meni i rasporediti ga u grupu za nekoliko sati.

Koja je razlika između menija za javnost i VKontakte grupe?

Nema razlika u grafičkom dizajnu menija za javnost, grupu ili događaj. Jedina razlika je u instaliranju menija na wiki stranici. U događajima i javnosti ne postoji funkcija uključivanja “Materijala”. Gotovo je ovaj odeljak kreira se veza do wiki stranice na kojoj će biti instaliran grupni meni. Međutim, postoji izlaz iz ove situacije objavljivanjem wiki koda, koji će otvoriti pristup kreiranju wiki stranice.

Za iskusnog dizajnera stvaranje menija VKontakte nije problem!

Jeste li umorni od menija u grupi VKontakte ili ga želite sakriti? To se može učiniti na nekoliko načina: onemogućite “Materijale” u postavkama grupe, izbrišite zakačeni post sa vezom do menija ili obrišite kod menija na wiki stranici. Najbrži i lakši način je da onemogućite odjeljak “Materijali” - meni u grupi više neće biti vidljiv i, ako želite, uvijek ga možete vratiti. Sama wiki stranica VKontaktea ne može se izbrisati.

Primjeri lijepog dizajna menija

Samo dizajner može stvoriti prekrasan dizajn za meni grupe VKontakte, i to nije iznenađujuće. Za razvoj lijepog dizajna potrebne su vam vještine grafičkih urednika i dobar ukus, a to dolazi s iskustvom. Koristeći naše primjere, možete uporediti kako izgleda navigacijski meni i wiki slijetanje u grupama VKontakte, kao i dobiti ideje za dizajn.

Naručite dizajn grupe VKontakte - dizajner Irina Filipenko

Naručite dizajn menija za VK grupu

U oblasti dizajniranja VKontakte grupa radimo od 2012. godine i za to vrijeme smo završili više od 200 dizajnerskih projekata. Najpopularnija usluga među našim klijentima je grupni dizajn po principu ključ u ruke sa wiki landingom. Ovu skupu uslugu u našem studiju pružamo bez velikih maraka, jer sarađujete direktno sa dizajnerom i ne naplaćujemo nikakva dodatna plaćanja - za uređivanje, utrošeno vrijeme ili kupovinu grafike. Da li ste zainteresovani za našu ponudu? Kontaktirajte nas putem odjeljka na ovoj stranici.

Komentari su zatvoreni.

Konverter valuta

Pretvarač kriptovaluta

U ovom članku ću vam reći kako lijepo dizajnirati grupu u kontaktu. Slažete se, što je grupa ljepša, to je ugodnije pretplatiti se na nju. Istovremeno, grupa će imati zgodan meni na koji samo želite da odete i pogledate njegov sadržaj.

Manje priče, krenimo stvarati meni za grupu na VKontakteu.
Prvo morate kreirati samu grupu, kao što sam napisao u prethodnom članku.

I tako, sve počinje u Photoshopu, kreiramo sliku menija koji želite. U osnovi, ovo je neka vrsta pozadine s nazivima naslova. Upravo me jedan poznanik zamolio da napravim prelijepu grupu za njegovu kompaniju aero-stomadent, koja se bavi industrijskom ventilacijom, pa ću to uraditi.

Pronašao sam divnu pozadinu prirode Aljaske i u stvari, uradiću sve na njoj.

Sam meni pišemo u pozadini. Na primjer, pišem o tome šta kompanija radi. Ovo će biti dugmad za koja ću kasnije napraviti više stranica. Svaka riječ će u budućnosti biti dugme menija.

Na desnoj strani, ovaj dio učinite avatarom grupe u budućnosti.

Sada je način rada slika do malih slika. Odaberite funkciju "Rezanje" u meniju, zatim kliknite desnim tasterom miša na platno i isecite tako da svaka reč bude odvojena.

Preporučljivo je da ga sečete otprilike ovako.

Nakon rezanja, spremamo datoteku, ne samo, već kroz “Sačuvaj za Web i uređaje...” (ili Alt+Shift+Ctrl+S), kreirat će folder sa svim već izrezanim datotekama.

Sada još ne idemo u grupu, još treba da napravimo wiki oznaku. Ili drugim riječima, kreirajte stranicu.

Kako napraviti Wiki stranicu na VKontakteu?

Otvorite novu karticu pretraživača i tamo zalijepite sljedeći link: http://vk.com/pages?oid=-XXX&p=Naziv stranice na kojoj je XXX ID vaše grupe. Na primjer, meni se to dogodilo.
http://vk.com/pages?oid=-91934542&p=menu

Zatim kliknite Ispunite sadržajem. Ovdje vidimo vrlo jednostavan uređivač, odaberite funkciju kamere da dodate sve naše fotografije u meni. Trebalo bi ispasti nešto slično mom.

Ali postoje razmaci između slika, da uklonimo razmake - ulazimo u režim wiki markupa (ovo je navodnik u gornjem desnom uglu<>) unesite sljedeću oznaku "option;nopadding;" prije veličine fotografija. Na primjer []

I sve se poklopilo.

I tako, sve što sada ostaje je da ubacite linkove u svako dugme. Opet, sve je urađeno u wiki oznakama. Unosimo prethodno pripremljene veze do članaka koje smatrate potrebnima.

Klikni na sacuvaj, vidi sta se desilo, sve mi se poklopilo ako kliknes ide na linkove "https://vk.com/page-91934542_49969122"

Zatim idem u grupu i prije toga napravim sliku koja će biti prikazana ljudima u grupi.

I samo objavljujem. Zalijepim link do menija i dodam fotografiju koju sam upravo snimio.