Sada grupe i javnost na Vkontakte -u koriste alate za vizualni dizajn. Zahvaljujući ovoj prilici izgled a dizajn benda postaje estetskiji. Ovaj materijal će detaljno opisati kako napraviti jelovnik u grupi Vkontakte.

Zašto vam je potreban grupni meni

Prije svega, meni je koristan element za komercijalne grupe. Uz njegovu pomoć korisnici neće imati problema s navigacijom. Sve potrebne informacije bit će smještene u ovaj blok. V socijalna mreža Vkontakte, održavanje grupa uređeno je na takav način da se sav prethodno objavljeni materijal nalazi u sažetku sadržaja. Jedini sposobnost sortiranja je kreiranje tema u odjeljku "Rasprave". Ali to također nije zgodno jer tema nije ograničena na jedan post u kojem se prikupljaju svi podaci, a da biste pronašli potreban post, morate dugo listati stranice.

Mnogo je prikladnije izgraditi jasnu strukturu gdje se sve nalazi korisne informacije i podijeljen na zasebni tematski blokovi... Ovaj snimak ekrana prikazuje dobar primjer grafičkog interaktivnog menija, gdje su svi korisni postovi smješteni u poseban blok. Zgodan je i ne zahtijeva od korisnika dodatne radnje na stranici.

Sumirajući, možemo zaključiti da je meni neophodan za zajednicu u razvoju. Pogodno je pomoć pri navigaciji, koji omogućava korisnicima da pronađu potrebne informacije bez listanja po traci i brzo dobiju pristup željenom odjeljku grupe. Poželjno je koristiti meni na koji se može kliknuti za grupe koje prodaju robu i usluge.

Zatvoren i otvoren meni

Uključeno ovaj trenutak, Vkontakte meni može se podijeliti na nekoliko vrsta i tipova, a zatim ćemo razmotriti svaki od njih detaljnije.

Vrste:

• tekst (struktura su tekstualne veze);
• grafički (koristi se multimedija, aktivna dugmad itd.).

Pregledi:

Kreirajte tekstualni meni

Ova vrsta menija ne zahtijeva znanje i dodatne alate. Do tekstualni meni u grupi u VK je prilično jednostavno, za to ćemo koristiti funkcionalnost društvene mreže. Ne koristi dugmad, stilove itd. Tekstualni meni je lista koja se sastoji od sidrenih veza.

Korak po korak upute:

Postupak stvaranja tekstualnog menija ne zahtijeva posebna znanja i vještine. Stoga je ova opcija najprikladnija za neiskusne korisnike. Prije postavljanja odjeljka na početnu stranicu, obavezno testirajte ga i optimizirajte tako da navigacija radi glatko.

Grafički meni

Prijeđimo na jedan od složenijih načina stvaranja. Da bismo to učinili, moramo koristiti dodatne alate - grafički uređivač Photoshop. Zatim ćemo dati Detaljan opis korak-po-korak proces stvaranja grafičkog menija pomoću dodatnog softvera.

Korak po korak upute:

• prvo morate pokrenuti grafički uređivač Photoshop;
• zatim kliknite "Datoteka" i " Stvoriti". Navedite sljedeće parametre: "Širina" (Težina) 610 piksela, "Visina" (Visina) 450 piksela i "Rezolucija" (Rezolucija) 100 piksela po inču;
  
• nakon toga će se pojaviti novi dokument gde želite da prevučete pozadinsku sliku;
  
• tada morate rastegnuti sliku tako da pokrije bijelo područje;
• dalje u panelu “ Slojevi"Desnom tipkom miša kliknite sliku i odaberite" SpajanjeVidljivo»(Kombiniraj vidljivo);
• Pravougaonik»I kreirajte dugmad pomeranjem kursora preko slike i iscrtavanjem granica oblika;
• na vrhu radnog prostora možete odabrati ispunu za dugme, parametar "Popuni";
• nakon toga ponovo idite na traku s alatima i odaberite " Text»;
• zatim kliknite na dugme za dodavanje polja za unos teksta i unesite naziv za dugme. Po vašem nahođenju, možete odabrati font, njegovu veličinu i boju kako bi odjeljak izgledao elegantnije;
  
• to središnji tekst sa slike odaberite sloj s tekstom i željenom slikom, držeći pritisnutu tipku "Ctrl" i naizmjenično pritisnite tipke za poravnavanje na gornja ploča alati;
• nakon toga moramo izrezati rezultirajuću sliku;
• na alatnoj traci odaberite " Cropping"(Obrezivanje) i" rezanje ";
• odaberite svako dugme i otvorite "Datoteka", "Izvoz", "Sačuvaj za web". Postavite format sačuvane datoteke na "PNG24";
  

Ovo završava posao u grafičkom uređivaču. Vraćamo se na uređivač teksta društvene mreže, gdje smo postavili tekstualni meni, u prethodnom odjeljku.

Upute za rad s grafičkim izbornikom Vkontakte:

Kreirani meni je zakačen kao običan unos. Klikom na dugme Pin.

Osnove Wiki označavanja

Zatim ćemo pogledati osnove korištenja Wiki oznaka pri dizajniranju menija za grupu na društvenoj mreži. Vkontakte wiki označavanje je jezik koji se koristi za oblikovanje teksta na web stranicama i olakšava pristup funkcijama HTML jezik... Zatim ćemo razmotriti osnovne naredbe koje su dostupne za upotrebu na društvenoj mreži.

Ukrašavanje menija multimedijom

Tekstualna naredba za multimedijske datoteke izgleda ovako: "[]. Pogledajmo pobliže: "mediaXXXX_YYYY" (sama datoteka), "options" ( postavite parametre), "Veza" (je skočni naslov koji će se prikazati kada zadržite pokazivač iznad objekta).

Opcije za multimediju prikazano na snimku ekrana:

Opcije za video izgleda ovako:

Naslovi (H1, H2, H3)

Da biste dodali naslov, potrebno je staviti sljedeće znakove "==" na početak i kraj teksta. Za primjer pogledajte snimak ekrana:

Dekorisanje teksta

Za dizajn teksta, Vkontakte nudi sljedeće parametre: podebljani font, kurziv, poravnavanje desno i lijevo, poravnavanje po sredini, označena lista, naslovi, nadnapisni i podnapisi, podcrtani i precrtani. Detaljnije postavke prikazane su na snimku ekrana.

Citati

Da biste privukli pažnju publike, možete koristiti navodnike, oznaka za ovaj parametar izgleda ovako: "".

Primjer upotrebe u uređivač teksta U kontaktu sa:

Liste

Korisnici mogu koristiti označene i numerirane liste. Numerisana lista označena je znakom "#", označenim sa "*".

Primjer numerisani lista:

Primjer označeno lista:

Kako uvući

Ovdje je sve vrlo jednostavno, prije željene riječi morate dodati znak ":". Što je više znakova postavljeno, to će više biti uvlačenja.

Interne veze

Interne veze predstavljaju prijelaze na druge elemente društvene mreže: korisnički profil, zajednicu trećih strana, chat, fotografiju, video, članak itd. Dodavanje interne veze vrši se pomoću oznake "[]. Pogledajmo pobliže: "veza" je veza, "tekst" je prikazani tekst.

Primjer:

Kako kreirati tabelu

Pomoću wiki označavanja korisnici mogu stvarati objekat tabele, za to se koriste sljedeće naredbe:

Dodajte spojler

Ovaj element može sakriti informacije koje će se otkriti klikom na odgovarajuće dugme. posebno dugme... Ova opcija za objavljivanje informacija savršena je za odjeljak grupe "Pravila", "Često postavljana pitanja" itd.

Za izradu objekta koristi se sljedeća konstrukcija:

((Sakrij | Tekst naslova))

Kako ukloniti meni

Uklanjanje je kako slijedi:

Brisanje putem formatiranja stranice:

Kako bi ukupni izgled zajednice bio estetskiji i ugodniji za rad, najbolje rešenjeće kreirati grupni meni. Tako možete staviti sve važne elemente na jednu urednu listu, postaviti vlastitu ikonu ili sliku za svaku vezu, obavijestiti posjetitelje o svim promjenama brzo i brzo. Izbornik može sadržavati sljedeće elemente: razne veze do vanjskih web mjesta, opise za diskusije, albume, muziku i druge odjeljke na web lokaciji Vkontakte, slike i samo strukturu vaše grupe. Prateći donje upute, pokušajte stvoriti vlastiti izbornik za zajednicu Vkontakte.

Kako stvoriti jednostavan meni u grupi Vkontakte

Ako želite da svaki red izbornika vodi do jedne ili druge teme rasprave, prije svega morate stvoriti upravo te rasprave i dati im nazive. Ostavljanje njih zatvorenih ili otvorenih za komentare vrlo je privatna stvar, jer ova opcija ne utječe na prikaz stranice u izborniku.

Pokušajte napraviti jednostavan meni koji će predstavljati strukturu vaše grupe i sadržavati sve najvažnije odjeljke.

• Imajte na umu da će se meniji pojaviti malo drugačije u grupi i u zajednici. Stoga, ako želite prenijeti grupu u zajednicu, kliknite ikonu s tri točke pored naziva grupe i odaberite redak "Pretvori u stranicu". Imajte na umu da nećete moći ponovo pretvoriti zajednicu u grupu.

• Sada idite na vezu "Upravljanje zajednicom" u istom izborniku.
  Vidjet ćete blok sa svim postavkama vaše grupe, ovdje možete promijeniti naziv, kontakt informacije, privatnost, upravljanje članovima. Idite na kategoriju "Odjeljci".

• U retku "Materijali" postavite vrijednost na "Onemogućeno" ili "Ograničeno" tako da članovi grupe ne mogu nenamjerno naštetiti vašim datotekama koje su potrebne za dizajn. Ne zaboravite sačuvati svoj odabir.

• Idite u grupu i idite na prozor "Svježe vijesti" iz kojeg ćete stvoriti izbornik.

• Pritisnite „Uredi“.

• Prije svega, morate promijeniti naslov „Svježe vijesti“ u „Izbornik“ ili bilo koji drugi naziv koji učesnicima jasno stavlja do znanja da ovdje mogu brzo slijediti potrebne veze.
  Prebacite način uređivanja posta na „uredi Wiki oznaku“ pomoću male strelice u desnom kutu.

Sada kreirajte strukturu:

• Važno je da u grupi imate rasprave, materijale ili albume čiji ćete naziv koristiti u meniju.
• Napišite sve naslove glavnih odjeljaka u redak, zatvarajući ih dvaput u uglastim zagradama.
• Da bi tekst izgledao kao popis, stavite zvjezdice ispred odlomaka.

Na ovom snimku zaslona možemo pretpostaviti da grupa ima materijal pod nazivom “Odjeljak 1”, raspravu “Odjeljak 2” i album “Odjeljak 3”. Kliknite na “Preview” ili “Save Changes”.

• Vaš odjeljak će se promijeniti u “Izbornik”, a bit će i aktivnih veza do glavnih kategorija grupe, uredno raspoređenih na popisu.

Kako umetnuti veze u izbornik grupe Vkontakte

Da biste ubrzali pristup vašoj službenoj web stranici ili odjeljcima izravno u grupi, bolje je umetnuti aktivne veze.

• Vratite se na uređivanje odjeljka menija. Kopirajte željenu vezu i samo je zalijepite u prozor u načinu označavanja Wiki. Nakon spremanja postat će aktivan.

• Ovako izgledaju sve veze koje možete umetnuti u grupni meni.

Kako stvoriti VKontakte meni sa slikama

Ako želite da se izbornik sastoji od prekrasnih ikona koje vode do određenog odjeljka, jednostavno slijedite donje upute.

• Za početak, stvorite poseban album koji će sadržavati samo tehničke slike za dizajn benda.

• Otpremite slike u jpeg formatu ne više od 500 piksela po 500.

• Kopirajte URL postavljene slike.

• Sada kopirajte vezu na raspravu, sadržaj ili drugu vanjsku web lokaciju.

• [[Veza do slike u vašem albumu | veličina u pikselima; nopadding | Link do diskusije ili web stranice]]

Primjer je prikazan na snimci zaslona.
Kliknite na "Sačuvaj stranicu".

• Sada će se uredna veza pojaviti na vašem izborniku. Vrijednost piksela možete postaviti kako vam odgovara.
  Da biste dodali više slika, samo unesite nove veze u novu liniju.

Brojni zahtjevi mojih upornih čitatelja i jednostavno znatiželjnih korisnika imali su svoj učinak. Konačno sam stvorio lekciju u kojoj ćemo naučiti napraviti dinamičan Vkontakte meni s efektom pritisnutih tipki! Po analogiji sa običnim internetskim stranicama, kada je posjećena veza označena na poseban način (pritisnuto dugme, podcrtavanje itd.) - stvorit ćemo istu strukturu Vkontakte koristeći kreirane stranice i grafički dizajn. Za početak ćemo napraviti grafičke predloške u Photoshopu - stvorit ćemo zaglavlje izbornika i tipke dva tipa. Zatim ćemo stvoriti nekoliko stranica Vkontakte, prema stavkama našeg menija. I na kraju, napravimo lukav trik koji će, ustvari, stvoriti iluziju klika na vezu. Lekcija je prilično složena i pogodna za one koji se osjećaju sigurni u funkcionalnost Vkontaktea. Sve ću manipulacije izvesti na primjeru svoju grupu Vkontakte gdje se ovaj efekat ostvaruje uživo. Pa krenimo!

Korak 1. Kreirajte zaglavlje menija u Photoshopu
Napravite dokument širine 600 piksela u Photoshopu. Visina može biti različita, prema vašem nahođenju. U zaglavlje možete postaviti bilo koju vrstu fotografije, kolaž, informativni baner i druge grafičke slike. U ovom slučaju, ja sam koristio ovo reklamni baner veličina 600x172 piksela.

Korak 2. Kreirajte navigacijsku traku u Photoshopu
Sada moramo stvoriti navigacijsku traku. U ovom primjeru sam koristio samo tekst kao dugmad. No, prema vlastitom nahođenju, možete stvoriti dugmad u boji i na njih napisati tekst. To radimo - u Photoshopu stvorite pravokutnik 600x56 piksela i u ovaj slučaj napunite je belom bojom. Zatim stavke menija zapisujemo u redak - negdje redoslijedom 5-6 stavki, ne više. Velika količina bodovi će izgledati stisnuti.

Korak 3. Kreirajte navigacijsku traku u pritisnutom stanju u Photoshopu
Sada moramo stvoriti aktivne veze, kao da su na njih kliknuli. Koristio sam redovno podcrtavanje, ali možete koristiti drugu boju teksta ili boju pozadine za označavanje posjećene veze.

Korak 4. Izrežite gotove slike
U ovoj fazi moramo izrezati slike iz 2. i 3. koraka. Trebali bismo imati dva seta od pet dugmadi - jedan bez podcrtavanja, drugi s podcrtavanjem. Dugmad svake pojedinačne stavke (sa i bez podvlačenja) trebaju biti iste veličine... Na donjoj slici prikazan je sav naš grafički dizajn - deset tastera i jedno zaglavlje menija.

Korak 5. Kreirajte stranicu menija Vkontakte
Sada idite na VKontakte. Naš zadatak je stvoriti zasebnu stranicu pod nazivom "Izbornik". Da bismo to učinili, upotrijebit ćemo sljedeći kod
http://vk.com/pages?oid=-XXX&p=Page_name
gdje ćemo umjesto XXX zamijeniti id naše grupe, a umjesto teksta "Naziv stranice" napisat ćemo Meni. Sada moramo saznati ID grupe. Kako uraditi? Odlazimo na glavnu stranicu grupe i gledamo naše postove na zidu - odmah ispod bloka "Dodaj post" bit će napisano "Svi postovi" - kliknite na ovu vezu.

Korak 6. Odredite ID grupe i uredite kôd
Idite na stranicu i pogledajte url ove vrste https://vk.com/wall-78320145?own=1, gdje su brojevi 78320145 u ovom primjeru ID grupe. Zamjenjujemo naše podatke izvornim kodom i dobivamo zapis ove vrste:
http://vk.com/pages?oid=-78320145&p=Menu(sa vašim brojevima!). Zalijepimo ovu liniju u adresnu traku preglednika i pritisnemo Enter. Ovako smo stvarali nova stranica Vkontakte i u početku izgleda ovako.

Korak 7. Kreirajte Vkontakte na ostalim stranicama za navigaciju
Slično, stvaramo još četiri navigacijske stranice: cijene, način naručivanja, projektni zadatak i pitanja. Odnosno, još četiri puta kopiramo odgovarajući kôd u adresnu traku preglednika (s vašim ID brojevima u primjeru ispod mojih brojeva):

http://vk.com/pages?oid=-78320145&p=Cijene

http://vk.com/pages?oid=-78320145&p=How_order

http://vk.com/pages?oid=-78320145&p= Opis poslova

http://vk.com/pages?oid=-78320145&p=Questions
Imajte na umu da je u naslovu stranice od dvije riječi (Kako naručiti) razmak između riječi zamijenjen donjom crtom How_order. Sada imamo pet spremnih stranica za svaku stavku menija. Nismo kreirali stranicu Portfolio jer se nalazi na stranici Izbornik

Korak 8. Postavite fotografije na prvu stranicu menija
Na stvorenom, još prazna stranica(pogledajte korak 6) Kliknite izbornik na vezu Uredi ili na vezu Popuni sadržajem. Nakon toga vidimo panel za uređivanje. Ovdje moramo kliknuti na ikonu kamere s funkcijom Upload photo. Bitan! Provjerite imate li način označavanja wikija. Prebacivanje načina rada kontrolira se ikonom na desnoj ivici stranice.

Korak 9. Rezultat nakon postavljanja slika
Učitavamo naše slike, koje smo stvorili u 1. i 2. koraku. Nakon učitavanja, vidimo kôd kao na donjoj slici, a sam meni izgleda ovako. Nakon svake promjene koda, ne zaboravite kliknuti na dugme Sačuvaj stranicu, a zatim kliknite na pregled za pregled rezultata.

Korak 10. Uređivanje koda slike
Sada je naš zadatak zamijeniti sva svojstva noborder svojstvom nopadding. I zapišite prave dimenzije prve slike, jer je Vkontakt smanjio sliku na 400 piksela prilikom učitavanja. Nakon svih promjena trebali bismo dobiti takav kod i takav izbornik.

Korak 11. Postavljanje veza za slike
Sada moramo dodati veze za svaku sliku. Veza se mora umetnuti nakon dodavanja | umesto razmaka ispred zagrada. Za prvu sliku (zaglavlje menija iz koraka 1) možete dati vezu do glavne stranice grupe ili možete koristiti svojstvo nolink (stavite poslije; nakon dodavanja bez razmaka). Za drugu sliku umetnite adresu stranice formata page-78320145_49821289... Odnosno, puni url slike https://vk.com/page-78320145_49821289, možete izostaviti prvi dio s domenom. No, za veze do vanjskih web lokacija, url veze moraju biti navedene u cijelosti.

Korak 12. Kopirajte kôd na ostatak navigacijskih stranica
To je dovoljno jednostavan korak, kopiramo posljednji kôd iz prethodnog koraka i zalijepimo ga na ostale kreirane stranice - cijene, način naručivanja, projektni zadatak i pitanja. Nalazimo se na stranici, kliknite Uređivanje ili Napuni sadržaj (u načinu smo označavanja wiki-a), zalijepite kôd i kliknite Spremi. A onda i dalje sljedeća stranica... Odnosno, sada imamo pet stranica, na svakoj od kojih meni izgleda potpuno isto. No, s druge strane, već se možete kretati kroz izbornik - kada kliknete na vezu, na primjer Cijene, prelazimo na stranicu Cijene itd.

Korak 13. Stvaranje efekta pritisnutog dugmeta
Sada moramo promijeniti jednu sliku na svakoj od pet stranica (dugme ćemo zamijeniti bez podcrtavanja dugmetom s podcrtavanjem). Na primjer, na prvoj stranici izbornika učitavamo novu sliku, a zatim zamjenjujemo adresu stare slike u kodu novom (podvučeno crvenom bojom). Zatim idemo na stranicu Cijene, učitavamo sliku s podcrtanim cijenama i mijenjamo je u kodu na adresu nove slike. Zatim idemo na stranice Kako naručiti, Opis poslova i pitanja i radimo istu operaciju na isti način.

Finale.
Kao rezultat toga, dobili smo navigacijski učinak kada kliknete na vezu izbornika i ona postane aktivna. No, budući da je grafički dizajn na svim stranicama gotovo isti, s izuzetkom aktivne veze, stvara se iluzija navigacije, iako se zapravo vrši prijelaz na drugu stranicu.

Ovako osmišljen meni nije prilagođen mobilnim uređajima... Kada se veličina ekrana smanji, slike počinju kliziti jedna ispod druge. Da biste to učinili adaptivni dizajn, za tvrde stihove morate koristiti tablice. Ali to je druga priča i naprednija tehnika. U međuvremenu, pogledajte različite opcije za grafičko oblikovanje menija.

I tako, dobio sam ovaj šešir (naslovnica)

Sada učitajte rezultirajuću sliku kao omot za grupu.
Ovo se radi ovako:

Idemo u kancelariju

Naslovnica zajednice → Preuzmi. I odaberite našu sliku.

Kako napraviti meni u VK grupi

Izbornik u VK -u radi se pomoću wiki označavanja (ovo je poseban programski jezik kreiran za VKontakte).

Za izbornik morate stvoriti wiki stranicu. Ovo se radi ovako:

Kopirajte i zalijepite ovaj kôd u adresnu traku (s vašim podacima)

Http://vk.com/pages?oid=-123456789 & p = MENI

Gdje je 123456789 serijski broj (ID) vaše grupe.

Možete ga dobiti u adresnoj traci.

i MENU je naslov stranice.

Kao rezultat toga, imat ćete novu stranicu poput ove.

Nova wiki stranica pod nazivom MENU

Kliknite "Ispuni sadržajem". I dolazimo do uređivača stranica.

Uređivač stranica ima dva načina rada:
- Vizuelni način rada
- Način označavanja Wiki

Ako su zagrade trokuta okružene plavim kvadratom, tada je omogućen način označavanja wikija.

Ako su zagrade plave bez ivica, onda ste u vizuelnom uređivaču.

Potreban nam je uređivač wiki označavanja. Ovde ćemo napisati kod za meni u VK.

Ali prije nego što napišete bilo koji kôd, pogledajte traku za adresu.
Kopirajte sve znakove do upitnika (?) - ovo je adresa vašeg menija.
Zapisati!

Meni za VK grupu

To morate učiniti od početka (u grafičkom uređivaču).

Veličina menija je sljedeća:
- maksimalna širina 600 px (ovo je najprikladniji način)
- visina.

Napravio sam ovakav meni:

Sada sam u Photoshopu (s alatom za rezanje) izrezao jelovnik na jednake dijelove.

Odabirem sve dijelove i spremam ih u Png-24 formatu.

Kao rezultat toga, dobio sam 12 dijelova.

Wiki označavanje nije namijenjeno ispravnom prikazivanju u mobilnim aplikacijama. Stoga uvijek izrežite meni na jednake dijelove ili napravite meni u jednoj koloni. Tada će vaš meni izgledati isto na računaru i u aplikacijama.

Sada svi rezultirajući komadi moraju biti učitani u album grupe.

Za ovo stvaram zaseban album pod nazivom “Tehnički”. Tamo prenosim i avatar i sliku kape.

Vraćamo se na kreiranu stranicu MENU. Ako ste zaboravili, nalazi se na ovoj adresi http://vk.com/pages?oid=-123456789&p=MENU
Ne zaboravite zamijeniti 123456789 sa svojim grupnim brojem.

Da biste se vratili u način uređivanja - morate kliknuti ikonu olovke u gornjem kutu.

Kliknite za uređivanje

Sada moramo iz našeg rezanja izgraditi tablicu u kojoj će slike biti dugmad za povezivanje, a ona mjesta na kojima nema gumba neće se moći kliknuti.

Tabela u VK počinje ovako: (|
i završava ovako: |)

Izbornik uvijek napravite tablicom tako da gumbi ne skaču dok gledate grupu kroz aplikaciju

Općenito, pišemo ovako (ali sa vlastitim vrijednostima):

(| noborder; nopadding
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|}

Umjesto photo-176307581_456239020 i slične - zamjenjujemo ih brojevima naših slika.

Možete ih otkriti ovako:

1. Idite na album grupe "Tehnički"
2. Otvaranje prve fotografije dijela menija
3. U adresnu traku kopirajte dio s brojem ove slike (ima mnogo brojeva, prije nego što nam je potreban kaže foto-)

I tako radimo sa svakom slikom našeg menija za grupu VKontakte.

VAŽNO AŽURIRANJE: Ovaj članak je vrlo zastario jer postoji posebna usluga pod nazivom MenuMake koja vam omogućuje automatsko stvaranje menija za grupu. Ručni pristup više nije potreban. Međutim, ovaj članak ostavljam za istoriju.

Grupe u VKontakte -u su mjesto najveće koncentracije njihovih korisnika. To je pjesnik koji mnogi pokušavaju bolje rasporediti kako bi privukli najveći broj njih. O grafički dizajn za kreatora je najbolje da razmišlja prije neposrednog, istovremeno s razvojem budućnosti.

Važno je shvatiti da je dizajn grupe njeno lice, koje Novi korisnik vidi odmah čim uđe na stranicu, tek nakon toga počinje upoznavati sadržaj. Ovaj prijedlog, u stvari, odražava svu njegovu težinu. Osim toga, grafički izbornik je i funkcionalnost grupe, jer vam omogućuje da pronađete informacije koje su vam potrebne u najkraćem mogućem roku.

Razgovarajmo o ideologiji

Prije nego započnete crtanje i izgled, važno je razmisliti o čemu bi vaš izbornik trebao govoriti? Da biste to razumjeli, vrijedi odlučiti i o glavnoj svrsi grupe - zabavi, informirati ili prodati. Izgled i funkcionalnost budućeg menija uvelike ovise o tome.

Meni za privlačenje posetilaca

Ako planirate objavljivati ​​zabavne, informativne, obrazovne sadržaje, trebate stvoriti izbornik koji će prikazivati ​​glavne teme. Na primjer, to mogu biti odjeljci: najnovije publikacije, najpopularnije, o modi, zdravoj hrani, djeci itd. To će poslužiti za povećanje lojalnosti, jer će korisnicima biti prikladno da se kreću kroz mnoštvo sadržaja.

Prodajni meni

Naprotiv, ako je cilj stranice prodati, izbornik bi trebao pomoći korisnicima da se kreću kroz široku lepezu proizvoda. Najbolje je u njega staviti odjeljke koji usmjeravaju posjetitelja do imenika ili njegovog određenog dijela, govore o dostavi, kontaktima, kompaniji, promocijama i uvijek na stranicu sa kontaktima.

Prva faza - radimo u Photoshopu

Počinju stvarati jelovnike za kontakt ne na društvenoj mreži, već uz pomoć grafičkih urednika. Za to je najbolje koristiti Photoshop, unatoč činjenici da je za to dovoljno čak i minimalno znanje. Stoga otvaramo program i stvaramo predložak izbornika. Veličina novog dokumenta izravno ovisi o broju odjeljaka koji su vam potrebni.

Zatim vam je potrebna pozadina. Moglo bi biti Bijela pozadina, u boji ili na određenoj slici. Preuzmite ga s interneta i umetnite u predložak. Zatim na pozadinsku sliku napišite stavke menija koje ste planirali. Ove oznake će se kasnije pretvoriti u veze koje korisnika usmjeravaju na određeni odjeljak.

Ali da bi se ova slika transformirala i lako stavila u veze, mora se izrezati. To se radi u istom Photoshopu pomoću alata za "rezanje".

No, da biste to učinili glatko i lijepo, važno je koristiti pomoćne linije koje se aktiviraju pomoću tipke CTRL + R. Pojavljuju se plave linije koje možete povući i postaviti granice za odjeljak. Zatim kliknite na alat "Rezanje" i u gornjem izborniku odaberite "fragmenti duž vodilica", zbog čega je slika jasno podijeljena na nekoliko zasebnih dijelova izbornika.