Kako aktivirati grupni meni. Kako stvoriti dinamički meni na VKontakteu s navigacijskim efektom

    Zdravo, dragi moji!

    Danas ću vam detaljno reći, kako napraviti meni za VKontakte grupu. Po mom iskustvu meni u grupi u kontaktu povećava broj poziva i zahtjeva za 20%. Važno je zauzeti odgovoran pristup kreiranju grupnog menija. Stoga sam za vas pripremio PSD šablon menija da vam olakšam rad.

    Dozvolite mi da počnem s činjenicom da danas postoje dvije opcije menija:

    Opcija 1: meni zatvorene grupe

    Zatvoren meni, otvara se kada kliknete na link. U primjeru ispod, meni se otvara kada kliknete na vezu “OTVORI GRUPE!”.

    Opcija 2: Otvori grupni meni (zakačena objava)

    Otvoreni meni je u suštini zakačena objava sa aktivnom vezom.

    Druga opcija menija pojavila se relativno nedavno, kada je postalo moguće zakačiti postove sa zida na zaglavlje grupe ili javne stranice. Sada je najefikasniji.

    Obje opcije koriste wiki oznake. Wiki markup omogućava vam da jednostavno i brzo dizajnirate izgled grupe, kreirate grafičke tabele i spojlere, formatirate tekst i radite sa slikama, linkovima i sidrima. Neću se detaljnije zadržavati na oznakama, jer... VKontakte ima ugrađeni vizualni uređivač koji automatski prevodi vaš sadržaj u wiki oznake. Ovdje ću dati samo osnovne kodove bez kojih je nemoguće kreirati meni.

    Kako napraviti otvoreni meni na VKontakteu

    Proces kreiranja menija ćemo analizirati na primjeru opcije 2, tj. otvorite meni.

    Da bih vam olakšao navigaciju, pripremio sam za vas PSD šablon menija: [Pažnja. Dizajn VKontaktea se promijenio. Novi izgled i druge relevantne informacije u]

    Predložak menija grupe PSD

    Za kreiranje eksternog menija potrebne su vam 2 slike: avatar (desno) i centralna (akciona slika).

    Dimenzije avatara: 200 x 332 px

    Dimenzije centralne slike: 395 x 282 px

    Korak 1.

    Koristeći gore preuzet PSD predložak grupnog menija, napravite dvije slike potrebnih veličina.

    Korak 2.

    U svojoj grupi idite na “Upravljanje zajednicom” (desno ispod avatara). Pronađite stavku "Materijali" (na kartici "Informacije") i postavite ih na "Ograničeno".

    Korak 3.

    Sada se vratite na glavnu stranicu svoje grupe i kliknite na “Uredi” u bloku “Materijali” koji se pojavi (već sam ga preimenovao u Grupni meni).

    Kada uređujete stranicu, postavite naslov, možete kreirati odjeljke ili bilo koje druge informacije koristeći traku s alatima. Kliknite na "Sačuvaj stranicu" i "Povratak na stranicu"

    Korak 4.

    U mom primjeru https://vk.com/page-42211349_47355854,

    Prvi brojevi 42211349 su id vaše grupe

    Druge cifre 47355854 su id stranice

    Trik: dodatne stranice možete kreirati ručno. Da biste to učinili, slijedite link poput:
    https://vk.com/pages?oid=-hhhhhhhh&p=pagename
    gdje,
    xxxxxxxxxx je vaš ID grupe
    pagename – naziv vaše stranice

    Korak 5.

    I objavite post.

    Korak 6.

    Sada prenesite avatar grupe (slika desno). Duplicirana slika avatara će se pojaviti na zidu - izbrišite je.

    Korak 7

    Sada pažnja. Kliknite na VRIJEME OBJAVE OBJAVE (donji lijevi kut posta).

    I kliknite na “Pin”. Zatvorite ovaj prozor i osvježite stranicu grupe (F5).

    Korak 8

    Zapisujemo status grupe (koristite samo 1 red) da poravnate slike ako slika na vašem avataru ne počinje od samog vrha (u mom šablonu avatara, opcija 2). I evo šta smo dobili:

    REZULTAT.

    Jelovnik je spreman! Sada, kada kliknete na centralnu sliku, otvara vam se meni:

    Ovdje ga možete uređivati, postavljati fotografije, video zapise, kreirati nove sekcije i postavljati linkove.

    Takođe možete kreirati grafički meni (podmeni) unutar glavnog menija. Njegova širina ne smije prelaziti 600 px. Visina je neograničena. Što vam omogućava da kreirate odlične VKontakte odredišne ​​stranice.

    Ali o tome ću detaljnije govoriti u sljedećim člancima. Pretplatite se na ažuriranja bloga da budete u toku sa novim funkcijama. Lajkujte i podijelite članak sa svojim prijateljima.

    Objavite svoja pitanja ili mišljenja u komentarima ispod.

Svojim rukama kreiram meni na VKontakteu

Pozdrav dragi čitaoci, kao što sam obećao, nastavljam da učim osnove kreiranja menija za VKontakte zajednice. I danas sam odlučio napraviti prekrasan meni na svojoj javnoj stranici VKontakte. Također možete pročitati u jednom od mojih prethodnih članaka - gdje možete naučiti wiki oznake i neke osnove kreiranja stranica u zajednicama VKontakte, bez kojih je malo vjerovatno da će biti moguće učiniti VKontakte grupu ili javnu stranicu privlačnom posjetiteljima .

Napravio sam ovaj jednostavan grafički meni u jednoj od mojih VKontakte grupa. A sada ću početi kreirati meni za svoju javnu stranicu!

Gdje započeti kreiranje menija u javnosti VKontakte? Ovo je možda najvažnije pitanje koje većina vlasnika javnih stranica VKontakte postavlja kada se pitaju - kako možete napraviti jelovnik? Odgovor, kao što je često jednostavan, je da VKontakte omogućava kreiranje wiki stranica u javnosti koristeći wiki oznake (pisao sam o vodiču za wiki markup u prethodnom članku). Prvo, da bih napravio javni meni VKontakte, napraviću novu stranicu u svojoj javnoj koristeći wiki oznake.

Http://vk.com/pages?oid=-XXX&p=Page_Name

Gdje je XXX ID moje javnosti, koji se može pronaći klikom na broj sa brojem postova u Vkontakte javnosti.
Nakon što kliknem na broj zapisa, vidim sljedeću vezu u liniji pretraživača:

Http://vk.com/wall-46864771?own=1

Gdje su brojevi 46864771 ID moje VKontakte javnosti, tako da napravim link za kreiranje stranice menija:

Http://vk.com/pages?oid=-46864771&p=Menu

Pokrećem ovu liniju u svom pretraživaču. A sada, preda mnom je nova stranica mog javnog VKontaktea, koju ću koristiti za kreiranje menija za javnost.
Zatim kliknem -> popuni sadržajem i počinjem da kreiram svoj javni meni VKontakte. Također, ne zaboravljam napraviti jedan važan korak, ograničiti pristup svim javnim pretplatnicima da uređuju ovu stranicu (za svaki slučaj). U donjem desnom uglu kliknem -> pristupna stranica, označim potrebne okvire i spremim.
Sada mi ostaje najteži dio, kreiranje menija za javnu stranicu VKontakte - zapravo, koristeći poznavanje Photoshopa i wiki oznake za kreiranje menija za svoju javnu stranicu. A kada završim sa uređivanjem stranice menija, mogu je sačuvati i kliknuti -> Vrati se na stranicu u gornjem desnom uglu uređivača. U liniji preglednika će se pojaviti veza, što je potrebno za umetanje menija u zaglavlje javne stranice VKontakte.

Možda se sjećate da sam napravio prekrasan šešir na svojoj stranici VKontakte, koji je do danas izgledao ovako:
U vezi sa kreiranjem menija u javnosti VKontatka, centralna slika sa mojom slikom u zaglavlju moje javnosti pretrpela je manje promene i sada izgleda ovako:
Nakon što kliknete na njega, dešava se čudo! Otvara se nova, još uvijek prazna stranica moje javne stranice - Meni. Na ovoj stranici uskoro će se roditi još jedno remek-djelo - meni mog javnog Vkontaktea, o kojem ću vjerovatno napisati još jedan članak - Kako napraviti jelovnik u javnom Vkontakteu.
- pročitajte u mom članku, ali sada ću vam reći kako sam sliku prikazanu iznad učinio klikabilnom! Sve je jednostavno kao i uvek, za ovo je dovoljno ubaciti u post koji ću zakačiti kao centralnu sliku u zaglavlju mog bloga, prvo što treba da uradite je da ubacite sam link mog Menija:

Http://vk.com/page-46864771_44676832

Nakon toga, sam tekst veze se može ukloniti i može se umetnuti slika središnjeg dijela javnog zaglavlja VKontakte, veza će ostati tamo, a cijela slika će postati gumb za ovu vezu. Sada ostaje samo da radite na stranici menija kako biste kreirali javni meni VKontakte i sve će biti spremno!

Kako dovršiti kreiranje javnog menija VKontakte možete vidjeti u sljedećem članku -

Možete vidjeti koji javni meni VKontakte sam dobio posjetom

Prodaja dizajna menija VKontakte počinje pravim izborom. Imate li online prodavnicu, građevinsku kompaniju, bavite li se coachingom ili ste umjetnica ljepote? 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 zgodnu navigaciju kroz grupne sekcije ili do vanjskih resursa: diskusije, foto albumi, katalog proizvoda, osoba, video, web stranica kompanije ili stranice 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 je zgodna opcija menija 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 vrsta navigacijskog menija u kojem se prelazi 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 najvažnije informacije o vašoj grupi su na jednoj stranici, aktivni gumbi za naručivanje (vode na PM administratora ili grupne poruke) i proizvod katalog. 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, potrebno je da otvorite vezu wiki menija u novoj kartici pretraživača, kopirate je, vratite se u svoju grupu i zalijepite 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 u grafičkim uređivačima kao što su Adobe Photoshop (psd format), Adobe Illustrator (ai ili eps format) ili CorelDRAW (cdr format). Svaki od ovih programa će odlično obaviti ovaj zadatak. Kreirajte novi dokument širine 607 px (preporučujemo kreiranje dokumenta širine 608 px) i podesite 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 mogućnosti uređivača, raditi na povezivanju veza sa svakim fragmentom dizajna i ispravno postaviti veličine menija. Za neiskusnu osobu ovaj posao može potrajati i do nekoliko dana, kada dizajner može nacrtati grafički meni i sastaviti ga u grupu za par 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”. Kroz ovaj odjeljak se kreira 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 najlakši način je da onemogućite odjeljak "Materijali" - meni u grupi više neće biti vidljiv i uvijek ga možete vratiti ako želite. 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 dizajna 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.

Da bi vaša grupa bila popularna među korisnicima, potrebno je redovno dodavati nove publikacije, postavljati fotografije, video zapise itd. A kako bi se ljudi lakše kretali odlaskom na stranicu grupe, bolje je napraviti meni koji će ukazivati ​​na glavne točke.

Na primjer, imate vlastitu kompaniju koja nudi određeni proizvod ili uslugu. Postoji i web stranica na internetu. Tada će grupa VKontakte za ovu kompaniju pomoći privlačenju novih kupaca i povećanju prodaje. Meni može da sadrži sledeće stavke: Prozori, Vrata, Kapije, Sigurnosni sistemi, Dodatni materijali, Promocije i popusti. Izrađujemo veze na način da klikom na jednu od stavki osoba prelazi na odgovarajući odjeljak na web stranici.

Meni se može kreirati bez povezivanja na stranice trećih strana na Internetu. Na primjer, vaša grupa je posvećena muzici. U odlomcima možete navesti žanrove: klasika, rok, rep, iz indijskih filmova, za novorođenčad, iz crtanih filmova. Kada osoba klikne na jednu od stavki, trebao bi se otvoriti album sa odgovarajućim pjesmama. U ovom slučaju, stavka je veza do određenog albuma u grupi.

Postoji mnogo primjera za kreiranje navigacije u grupi. Pa, idemo sada na praksu.

Kreiranje menija

Potrebna podešavanja u grupi

Prije nego počnete kreirati sam meni, morate provjeriti neka podešavanja u grupi. Morate biti kreator grupe, inače jednostavno možda nećete imati dovoljno prava za kreiranje navigacije.

Na vašoj VKontakte stranici, u lijevoj koloni, kliknite na "Grupe" i odaberite svoju grupu sa liste. Zatim, ispod svog avatara, kliknite na tri okomite tačke i sa liste izaberite „Upravljanje zajednicom“.

Sada, u meniju s desne strane, idite na karticu “Odjeljci” i u poljima “Diskusije” i “Materijali” odaberite “Otvoreno” ili “Ograničeno”. Kliknite na "Sačuvaj".

Priprema slika za menije i avatare u Photoshopu

Nakon što ste provjerili i promijenili postavke u grupi, možete početi kreirati slike za avatar i meni. Ovdje može postojati nekoliko opcija:

Meni može biti nastavak slike koja se pojavljuje na avataru;

Može se napraviti na zasebnoj slici ili na običnoj pozadini, na primjer, logotip kompanije;

Prvu opciju ćemo detaljno razmotriti. Naš avatar i navigacija će se sastojati od jedne slike, koju treba pravilno izrezati na dijelove.

Otvorite Photoshop i kreirajte novi fajl u njemu – Ctrl+N. Postavite širinu na 760 i visinu na 500 piksela.

Sada, koristeći Slice Tool, trebate izrezati list na nekoliko područja. Odaberite područje s desne strane pomoću alata i dvaput kliknite na njega da biste otvorili prozor s izbornikom. Postavite širinu na 200 i visinu na 500. Ovo će biti avatar naše grupe.

Koristeći isti alat, odaberite drugu oblast lijevo od prethodne. Za njega je širina 50, visina 500. Ovo je udaljenost između budućih tačaka i avatara, ovaj dio slike nam neće trebati.

Odaberite područje u gornjem lijevom kutu. Za njega je širina 510, visina 182. Ovo područje naše slike odgovara u grupi području u kojem je napisano ime grupe, status i prikazani su neki tabovi. Odnosno, ni nama ne treba.

Kao rezultat, trebali biste dobiti sljedeće - slika je podijeljena na 4 područja. Područje sa desne strane je avatar grupe, dolje lijevo će biti stavke menija i još 2 područja koja vam neće biti potrebna.

Da bude potpuno jasno. Izrezali smo prazan list. Zatim joj dodajte odabranu sliku. Nakon što ga sačuvamo, imat ćemo onoliko malih slika oblika koji su nam potrebni koliko smo izrezali. Dalje na stranici u grupi umetnut ćemo određene dijelove slike na prava mjesta.

Zatim otvorite sliku u Photoshopu koju ste odabrali za svoj avatar i meni. Koristeći alat Move Tool, prevucite sliku na prethodno isečeni list. Možete premjestiti sliku tako da željeno područje bude vidljivo.

Na primjer, moja veličina slike je veća od one koju smo odabrali za bijeli list. Pa sam ga pomerio tako da su palme bile malo vidljive i da gore nije bilo toliko neba.

Nakon dodavanja slike, ponovo uzmite Slice Tool i izrežite područje dolje lijevo koje smo ostavili za točke na željeni broj komada. Onoliko poena koliko želite da napravite, biće toliko delova.

Sada uzimamo alatku za tekst i upisujemo stavke menija u svaki dio.

To je to. Desno je naš avatar, dolje lijevo su navigacijske tačke. Druga dva dijela slike neće biti potrebna.

U ovoj fazi možete dodati logo kompanije na područje sa desne strane (avatar) ili lijepo napisati njegovo ime.

Sačuvajte snimljenu sliku: Datoteka – Sačuvaj za Web i uređaje ili koristite prečicu na tastaturi Alt+Shift+Ctrl+S.

Evo šta sam dobio: folder „meni“ na radnoj površini. Sadrži odabrane slike izrezane na komade potrebne veličine. Najveći je avatar, ima mnogo malih identičnih - stavki menija, i dvije nepotrebne - izbrišite ih iz foldera.

Sada morate prenijeti snimljene slike koje odgovaraju bodovima na vašu stranicu VKontakte. Odaberite “Fotografije” i kreirajte novi album, ja sam ga nazvao “za meni grupe”. Učinite album privatnim tako da ga samo vi možete vidjeti – “Uredi album”. Dodajte slike u album koje odgovaraju vašim stavkama menija.

Zatim se vratite na glavnu stranicu grupe i odaberite avatar - „Pošalji fotografiju“. Ovo je jedna od onih slika koje smo upravo napravili u Photoshopu.

Dakle, u ovoj fazi ste trebali kreirati zatvoreni album na stranici sa slikama stavki navigacije i postaviti avatar za grupu.

Kreiranje menija koristeći wiki oznake

Krenimo sa kreiranjem samog menija. Idite u grupu i idite na karticu "Najnovije vijesti". Zatim kliknite na dugme “Uredi”.

Možete preimenovati ime same kartice. Napisaću samo "MENU". Sada ovdje trebate dodati slike koje odgovaraju točkama. Da biste to učinili, kliknite na ikonu kamere.

Kliknite na jednu od slika koje ste upravo dodali na svoj profil.

Nakon toga će se pojaviti na stranici za uređivanje.

Stoga dodajte sve ostale slike da biste dobili željenu sliku menija.

Kada su sve stavke dodane, kliknite na dvije strelice u gornjem desnom kutu da biste se prebacili na wiki način označavanja.

Ovdje uklonite sve nepotrebne oznake poput

i uklonite razmake između svih redova. Sada pogledajte gornji snimak ekrana - imamo razmake između dodatih slika. Da biste ih uklonili, napišite nopadding ispred veličine slike i stavite “;”.

Nakon veličine slike i vertikalnih vrijednosti štapića, umetnite link do stranice na koju će osoba otići klikom na odgovarajuću stavku menija. Kao što sam već napisao, veza može biti na neku stranicu VKontakte ili na resurs treće strane na Internetu.

Ovako će izgledati kod nakon što dodate “nopadding;” i link.

Rezultat bi trebao biti ovakav: naziv kartice (MENU) je promijenjen, razmaci između redova su uklonjeni, razmaci između slika su uklonjeni (nopadding;), dodane su veze. Kliknite na “Sačuvaj stranicu” i vratite se na glavnu stranicu u grupi.

Ovim je završen proces kreiranja navigacije za VKontakte grupu. Uradio sam to ovako. Slika avatara i meni su jedno. Odlaskom na karticu “MENU” korisnik može odabrati ono što ga zanima i pratiti link koji sam naveo.

Ako ste zabrinuti da meni u grupi možda neće biti vidljiv, priložite fotografiju na kojoj, na primjer, koristite strelice da označite prisustvo kartice. Ako imate pitanja, postavite ih u komentarima.

Zdravo prijatelji!

Da li želite da VKontakte grupu učinite što privlačnijom za svoje pretplatnike? Ne znate odakle početi? Ako već imate visokokvalitetan sadržaj, usredotočite svoju pažnju na dizajn zajednice. Ne govorim o jednostavnom odabiru avatara. Kreiranje menija u grupi VKontakte jedna je od glavnih tačaka koje treba uzeti u obzir pri dizajniranju. To je ta tačka koju ćemo danas razmotriti.

Šta je meni VKontakte i čemu služi?

Meni je lice grupe. Prva stvar s kojom se svaki posjetitelj vaše zajednice susreće je meni. Stoga je vaš zadatak da razmislite o tome što je zgodnije i privlačnije. Prvo, morate odlučiti šta tačno želite da prenesete svojim pretplatnicima. Zavisi od misije same zajednice. Uostalom, postoje potpuno različite svrhe stvaranja grupe: edukativna, zabavna ili cilj prodaje proizvoda/usluge. Odatle odlučite koje su informacije najvažnije vašim budućim pretplatnicima.

Na primjer, ako ste fokusirani na zabavu korisnika ili informiranje o nečemu, onda se možda fokusirajte na lakoću pronalaženja informacija koje su im potrebne. Ovo se odnosi na grupe u kojima se sadržaj može podijeliti u zasebne teme, na primjer, zdravlje, moda itd.

Ako je vaša zajednica stvorena u obliku online trgovine, onda bi pristup trebao biti potpuno drugačiji. Pogodnost traženja robe ili usluga naravno treba da bude prisutna, ali i fokusiranje na promocije, nove proizvode, uslove isporuke, kao i vaše kontakte.

Zato budite sigurni da imate na umu temu zajednice kada kreirate svoj meni.

Metode za kreiranje menija za grupe VKontakte

Prvi korak je da odlučite kako kreirati svoj meni: automatski ili ručno. Ako ste odabrali brzu i jednostavnu metodu, ali u isto vrijeme kvalitetnu, predstavljam vam uslugu za kreiranje menija za VK WikiMaker zajednice, brzo i lako ćete to shvatiti, čineći svoju grupu praktičnijom. Ako želite da preuzmete potpunu kontrolu nad kreiranjem menija, evo uputstava korak po korak.

Kako napraviti atraktivan dizajn?

Želim kombinovati kreiranje dva važna grupna elementa u uputstva: meni i avatar. Zato što nije preporučljivo da ih kreirate zasebno, jer korisnik treba da vidi harmoniju između ova dva grafička elementa.

  1. Prvo morate instalirati Photoshop, ako prethodno niste instalirali ovaj program na svom računaru.
  2. Otvorite Photoshop i kreirajte dvije datoteke šablona za avatar i za meni. Postavite potrebne dimenzije. Na primjer, za avatar - 200x500 piksela, a meni - 389x600 piksela. Ispunite ih jednom bojom tako da budu jasno vidljive i sačuvajte dvije kreirane odvojene datoteke.
  3. Učitajte predložak u grupu umjesto avatara, odabirom cijelog područja.
  4. Učitavanje menija je malo komplikovanije. Da biste to učinili, morat ćete omogućiti sadržaj u "Upravljanje zajednicom". Nakon toga, mogućnost dodavanja menija će postati dostupna. Idite na karticu koja se pojavljuje ispod opisa grupe „Najnovije vesti“ i kliknite na dugme na traci sa alatkama u obliku kamere i prenesite datoteku sa svog računara. Desilo se?
  5. Odmah nakon preuzimanja bit će vam dostupan link koji ćete morati malo izmijeniti. Nakon riječi “noborder” unesite znak “;” i riječ "nopadding". Ova funkcija će spriječiti da se vaš meni spusti kada dodajete vijesti zajednici.
  6. Pravimo Prnt Scrn glavne stranice vaše grupe. Za što? Da razumem svoje greške. Činjenica je da je sada ovo nacrt verzija - nije sve glatko i nije tako lijepo. Vaš cilj je da se donje granice menija i avatara savršeno podudaraju. Tada se možda pitate: "Zašto vam ne dam tačne mjere?" Ali činjenica je da svaki admin koristi različitu količinu teksta u opisu grupe, što mijenja visinu menija, a širina menija je stvar ukusa i, kao što znamo, za svakog je drugačija.
  7. Idemo u Photoshop i kreiramo novu datoteku, umetajući tamo snimku ekrana.
  8. Sada, radeći s ovom datotekom, odabiremo područje avatara pomoću "pravokutnog odabira" - možete ga koristiti da odaberete određeno područje što je preciznije moguće. Zatim kliknite desnim tasterom miša i odaberite "izrezati na novi sloj".
  9. Radimo na istoj stvari sa slikom menija, samo kada je biramo potrebno je odrezati ono što je nepotrebno na dnu. Uvjerite se da se dno menija i avatar u potpunosti podudaraju.
  10. Sada, držeći dugme Ctrl, odaberite dva sloja koja smo kreirali. Desnom tipkom miša kliknite na njih i odaberite funkciju "Spoji slojeve". Dva naša šablona, ​​savršeno usklađena jedan s drugim, pojavljuju se ispred nas na jednoj stranici.
  11. Sljedeći korak je postavljanje naslovne fotografije. Pojavljuje se na vrhu naših šablona. Sada, u alatima za slojeve na desnoj strani, kliknite na datoteku naslovnice držeći pritisnutu tipku Alt. Nakon ove procedure, omot će biti vidljiv samo na šablonima i postat će nevidljiv izvan njihovih granica. Ali to vas neće spriječiti da pomjerite poklopac i odaberete željeni vidljivi dio.
  12. Sada je važna tačka kreiranja menija dugmad. Do sada bi već trebali znati tačne nazive budućih dugmadi. Na primjer, “Zdravlje”, “Djeca”, “Naši kontakti”. Da bismo olakšali zadatak, kreiramo prvo dugme, sledeće samo dupliramo i menjamo tekst.
  13. Dodamo logotip avataru ili verbalnu žalbu, ili oboje. Ovo će dodati živost, kao i prepoznatljivost vašoj grupi.
  14. Sačuvajte deljeni fajl kao sliku na svom računaru. Šta je sledeće?
  15. Otvorite datoteku koju smo upravo kreirali u Photoshopu. Zatim kreiramo novu praznu datoteku s točnim dimenzijama našeg avatara, u nju ubacujemo sliku koju smo kreirali s logotipom i gumbima. Odaberemo područje koje nam je potrebno za avatar i savršeno ga prilagodimo odabranim dimenzijama. Onda čuvamo našu kreaciju.
  16. Isto radimo i sa jelovnikom. Ali opet, ovdje postoji dodatak. Prvo morate znati visinu menija, jer se ne poklapa sa nacrtnom verzijom. Koristeći ravnalo, mjerimo visinu na jedan piksel (najbolje je izmjeriti nekoliko puta kako ne bi pogriješili). Kreirajte novi fajl sa starom širinom i novom visinom, prilagodite veličinu slike i kliknite na dugme „Sačuvaj“.
  17. Učitajte novi avatar, odaberite cijelo područje i odaberite sličicu.
  18. Učitajte meni putem dugmeta „Najnovije vesti“. Brišemo prethodni link, postavljamo novu fotografiju i dodajemo “;nopadding”.
  19. Sada ćemo postaviti izgled našeg menija. Koristimo Photoshopov alat "Cutting" ili "Knife". Zove se različito u različitim verzijama Photoshopa. Ispod svakog dugmeta crtamo liniju da kreiramo zasebne pravougaonike preko kojih korisnik može da pređe kursorom kako bi se kretao do određenih veza u budućnosti.
  20. Idemo da uredimo meni kroz „Najnovije vesti“ i redom učitavamo svaki naš isečak menija. Prilikom gledanja pokazaće se praznine između naših slika. Da biste ih se riješili, morate dodati riječ "nopadding" na svaku vezu.
  21. Sada, da bi vaši linkovi bili aktivni i da možete da ubacite informacije koje su vam potrebne, zatim napišite na linkovima slika u meniju za uređivanje - naziv jednog od vaših tastera - na primer, Dostava. Ali ova reč mora biti napisana jasno prema utvrđenim pravilima, trebalo bi da izgleda ovako [[Dostava]]. Zatim spremite stranicu, slijedite ovaj link i popunite je potrebnim sadržajem.
  22. Poslednji korak da bi sve funkcionisalo je da u link dugmeta umetnete kopiju linka do stranice za isporuku, na primer - page-123456_456789, odnosno informacije između reči “vk.com/” do “?”. To je to, sada dizajnirajte svako dugme na isti način i vaš meni će uspešno privući vašu ciljnu publiku.

Pretplatite se na ažuriranja bloga i dijelite informacije sa prijateljima. Stvorite više ljepote u svom životu!