Cum să proiectați frumos un grup VKontakte: instrucțiuni pas cu pas. Designul unui grup VKontakte: un ghid complet de proiectare Nou design al grupurilor în VK

În acest articol, vom analiza pas cu pas cum să creăm, să configurați și să proiectăm corect comunitatea VKontakte.

Crearea comunității

Puteți crea o comunitate VKontakte accesând fila „grupuri”, „management”, „creați comunitate”.

Tipul comunității și subiectul

În primul rând, va trebui să decideți tipul de comunitate, în funcție de obiectivele dvs. și să alegeți subiectul comunității.

Înregistrarea grupului

După ce ai ales tipul de comunitate, poți trece la cel mai important lucru, acesta este designul. Proiectarea comunității tale este un fel de carte de vizită companie, în funcție de cât de înaltă este designul, potențialii dvs. abonați vor trage concluzii despre munca dvs.
Puteți descărca coperta accesând „Setări”, apoi făcând clic pe „Descărcare”.

Pe copertă puteți plasa:

  • Nume
  • siglă
  • motto
  • informații de contact
  • promoții sau apel la acțiune
    Punct important:
    Coperta este primul lucru pe care îl va vedea un client când merge la grupul dvs., așa că coperta ar trebui să fie strălucitoare și să atragă atenția.

Acoperire în comunitatea MTS

Coperta în comunitatea Tinkoff Bank

Coperta în comunitatea HeadShot
Dimensiunile imaginilor pentru proiectarea comunității VKontakte.
Dimensiune copertă pentru grupul VKontakte 1590x400px
Dimensiunea miniaturii avatarului este un cerc cu un diametru de 200 px

De asemenea, VKontakte a introdus recent coperți dinamice pentru comunități.
Coperțile dinamice au o funcționalitate foarte bogată, cu care poți afișa ultimul abonat, cel mai bun comentator de pe copertă, poți seta fundalul să se schimbe la cererea ta, poți adăuga un widget meteo, ora și multe altele.

Descrierea comunității

În descriere, principalul lucru este să descrii cât mai pe scurt posibil principalele avantaje ale companiei.
Punct important: nu este nevoie să descrii tot ceea ce compania ta a făcut, face sau va face. Nimeni nu va citi o descriere lungă. Aveți la dispoziție câteva secunde pentru a atrage atenția înainte ca clientul să înceapă să se uite la postările de pe peretele comunității. Prin urmare, descrierea ar trebui să conțină doar puncte cheie, reflectând esența comunității/companiei.

Truc: Pentru a face o descriere a comunității mai detaliată (cu fotografii, link-uri și aspect frumos), trebuie să adăugați o postare wiki la postarea fixată, care va conține o imagine strălucitoare și un îndemn la acțiune.

Exemple de postări pe wiki:


Avatar de grup

Un avatar comunitar este un detaliu important în construcția generală a unui design de înaltă calitate; în acest articol am evidențiat câteva puncte foarte importante care trebuie luate în considerare la crearea unui avatar comunitar.
Ținând cont de faptul că acum folosesc în principal coperți comunitare, avatarul însuși din grup este afișat ca o miniatură. Prin urmare, aici vom vorbi despre cât de important este proiectarea miniaturii avatarului. După cum am menționat mai sus, dimensiunea miniatură a avatarului este un cerc cu un diametru de 200 px.

    1. Text
      Dacă plasați text pe o miniatură a avatarului, este important ca acesta să fie mare și să nu se extindă dincolo de avatar.
    2. Înţelegere
      Este necesar să plasați o imagine pe avatar care să clarifice ceea ce este reprezentat.
    3. Minimalism
      Pentru a face ca avatarul tău să pară relevant, îl poți face într-un stil minimalist: mai puține cuvinte și elemente inutile care nu au practic niciun sens semantic. Miniatura avatarului trebuie să fie cât mai simplă și cât mai ușor de citit.
    4. Atrage atentia
      Pentru ca miniatura avatarului să atragă atenția. Trebuie să-l proiectați astfel încât să nu fie prea alb și plictisitor, altfel se va pierde pe fundalul avatarurilor mai colorate ale concurenților.

Ce ar trebui să pun pe miniatura avatarului meu?

Să luăm în considerare opțiunile de utilizare a unei miniaturi de avatar pentru a atrage abonați în comunitate.


Setări comunității

Accesând fila „gestionarea comunității”, puteți găsi o adresă scurtă a paginii și puteți furniza informații suplimentare.

Apoi, în fila „linkuri”, furnizați linkuri către pagina dvs. de pe alte rețele sociale și un link către site-ul dvs. web.

În fila „secțiuni”, activați-le pe cele necesare. Este mai convenabil să înființați un perete limitat de comunitate, pentru a nu-l mai trage în viitor din postările de către roboții de spam.

Includeți produse dacă comunitatea dvs. este pentru vânzarea de produse sau servicii.

De asemenea, puteți adăuga aplicații în comunitate și le puteți personaliza pentru scopurile dvs. De exemplu, aplicația Aplicații este cea mai convenabilă pentru lucrul cu clienții potențiali. Aceasta este înregistrarea online și acceptarea comenzilor. Sau, de exemplu, aplicația Maps, cu adresele magazinelor, birourilor, evenimentelor tale. Folosind aplicația Cumpărați bilet, puteți vinde bilete la evenimente direct pe pagina comunității, de exemplu. abonații/clienții vor putea cumpăra un bilet fără a intra pe site-ul dvs.

Meniul Wiki - frumos și informativ

Acesta este un alt mod de a arăta unicitatea comunității tale, de a atrage atenția clienților și, de asemenea, de a structura serviciile, produsele și toate informațiile despre pagină. În plus, folosind meniul wiki, puteți configura link-uri directe pentru a accesa direct site-ul web al companiei.

Exemple de meniu Wiki:



Puteți vedea un ghid detaliat pentru crearea unui meniu wiki aici -

Designul de succes al unui grup VKontakte nu ar trebui să fie doar frumos, ci și funcțional și convenabil. Faceți ca designul să vă rezolve problemele de marketing, astfel încât grupul să atragă un public care plătește și cumpără către marcă și să rămână cu el pentru totdeauna.

5 pași despre cum să creezi un grup pe VKontakte

Acoperi

Acoperirea comunității de astăzi este un instrument important pentru proiectarea unui grup de mărci în Contact și promovarea acestuia. Îl puteți descărca în secțiunea „Gestionarea comunității” accesând fila „Setări”. O imagine orizontală de înaltă calitate în antetul comunității în sine joacă rolul principalului banner promoțional al companiei pe rețeaua de socializare. Stabilește starea de spirit, informează, îmbunătățește imaginea, solicită acțiuni țintite și vinde în același timp.

1. Folosiți ilustrații de înaltă calitate

Coperta comunității VKontakte ar trebui să aibă dimensiunea de 1590x400 pixeli, dar este mai bine să încărcați o fotografie de 2-3 ori mai mare în format .png. În acest fel, puteți evita afișarea de proastă calitate.

2. Adaptați imaginea pentru diferite dispozitive

Vă rugăm să rețineți că această imagine poate apărea diferit în funcție de diferite dispozitive– la telefoanele mobile marginile vor fi tăiate, așa că este mai bine să plasați toate informațiile cele mai importante mai aproape de centru.

3. Pune un slogan și USP

Lăsați clientul să vă vadă filozofia și beneficiile de la primul ecran.

4. Afișați produsul/serviciul, procesul sau rezultatul utilizării acestuia

Astfel, un potențial client va ști imediat în ce vă specializați și va fi implicat în produs.

5. Ajutați clienții să vă contacteze imediat

Scrieți numărul de telefon, e-mailul și alte persoane de contact ale companiei pe banner. Dacă locația geografică este importantă pentru afacerea dvs., de exemplu, ați dori Catering sau horeca va fi de folos si adresa.

6. Anunțați evenimente

Promovați concerte, așteptați o nouă colecție sau lansare de produs sau organizați un festival/conferință/zi a clienților? Spune-le tuturor celor care vin în comunitate despre asta.

7. Prezentați promoții și reduceri

Unde altundeva pe platforma principală poți spune publicului că chiar acum poate plasa o comandă de la tine de 2 ori mai ieftin? Cel mai important, nu uitați să schimbați ilustrația după expirarea ofertei.

8. Oferă-te să întreprinzi o acțiune țintită

Când încărcați coperta comunității, două butoane sunt plasate orizontal în colțul din dreapta jos - Scrieți un mesaj și Alăturați-vă grupului. Îndreptați o săgeată spre ele pentru a atrage și mai mult atenția publicului. Așadar, dacă un produs este afișat pe un banner, vă puteți oferi să-l comandați imediat în mesaje. Și dacă există un rezumat pe el cele mai recente știri– abonați-vă pentru a primi întotdeauna cele mai recente informații.

Încărcați un avatar și selectați o miniatură

Unele mărci încă nu adoptă coperta, preferând aspectul vechi al primului ecran al grupului, folosind o combinație între un avatar și o postare fixată ca așa-numitul „header”. În acest caz, o imagine este o continuare a celeilalte. Arată cel mai impresionant când fotografia se termină la același nivel cu avatarul.

Când utilizați dimensiunea maximă a avatarului de 200x500 pixeli, dimensiunea imaginii din postarea fixată trebuie să fie de 510x308 pixeli. O tehnică excelentă de angajare este atașarea unui videoclip încărcat printr-un player de rețea socială, care continuă stilistic avatarul.

Dacă utilizați o copertă ca antet, avatarul va fi întotdeauna afișat ca o miniatură.

Reguli pentru proiectarea unei miniaturi pentru avatarul comunității VK

O miniatură este o imagine mică rotundă care este decupată dintr-un avatar mare și este afișată în căutarea de grupuri, în lista de comunități pentru fiecare utilizator și în stânga sub copertă, dacă există. Iată câteva sfaturi de design.

1. Miniatura ar trebui să fie înțeleasă de public

Nu ar trebui să postezi o bucată de ilustrație ciudată. Vizualizați ceva pe care publicul țintă îl va asocia ulterior cu marca, de exemplu, un logo, o pictogramă de produs/serviciu sau poate caracterul principal de marketing al mărcii.

2. Folosiți numai fotografii de înaltă calitate

Este mai bine să încărcați sursa de 2-3 ori mai mare decât dimensiunea necesară, astfel încât să puteți uita de teribilele „pătrate” de pixeli care nu vă arată în cea mai bună lumină.

3. Creați-vă propriile ilustrații

Imaginile standard de stoc vor arăta ieftine și neprofesionale și vor deveni sinonime cu neîncrederea utilizatorilor în marcă. Realizați modele unice în același concept și culori ca restul designului.

4. Imaginile care contrastează cu fundalul paginii sunt ceea ce ai nevoie

Când proiectați miniaturi VK atât de atrăgător, „piesa rotundă” va ieși în evidență în flux printre alte grupuri și nu se va îmbina cu fundalul paginii.

5. Plasați contacte sau USP ale companiei

În funcție de scopul stabilit pentru miniatură, plasați pe ea un număr de telefon de contact sau adresa site-ului web, informații despre livrarea gratuită, o indicație a celei mai preț scăzutîntr-un segment sau cotă.

6. Faceți textul mare și lizibil

Este mai bine să nu folosiți fonturi serif sau italic - sunt prea zgomotoase atunci când sunt vizualizate pe ecranele PC, dispozitive mobile și smartphone-uri, împrăștiind vederea. Asigurați-vă că textul nu se extinde dincolo de granițele miniaturii decupate. Acest lucru vă va permite să transmiteți mesajul utilizatorului corect și eficient.

7. Folosiți forme personalizate

De exemplu, în șablonul rotund dorit, introduceți un poligon sau altă formă geometrică pe un fundal alb. Creați un efect de notificare necitit sau o pictogramă grafică „online”.

Elaborați un meniu

Meniul este un element important al designului unui grup în Contact, ceea ce facilitează navigarea în grup pentru utilizatori - va fi mai convenabil pentru oameni să găsească informațiile de care au nevoie. Fiecare element și pagină este creată într-un limbaj de programare special - marcaj Wiki. Folosind-o, puteți face clic pe imagini și puteți crea pagini convenabile în cadrul rețelei de socializare ca și cum ar fi o pagină de site.

Puteți utiliza atât meniuri deschise, cât și meniuri închise. În primul caz, utilizatorul vede imediat secțiunile care sunt incluse în el, în al doilea, acestea sunt precedate de o imagine de previzualizare cu inscripția „Meniu”. Meniul poate deveni și vizual o continuare a avatarului, dacă îl utilizați versiune veche design comunitar.

Dezvoltați o vitrină de produse

Când plasați produse în vitrina comunității dvs., rețineți că utilizatorii văd întotdeauna primele 3 articole. Așezați în ele pe cele mai populare și mai ordonate, încărcând o imagine de prezentare în același stil. Publicați aici pictograme uniforme sau fotografii ale produselor în sine.Serviciile pot fi plasate în produse. În proiectare, arătați procesul de furnizare a serviciului sau rezultatul acestuia. Dimensiunea unei astfel de imagini va fi pătrată – 400x400 pixeli.


Post design

1. Folosiți pe deplin dimensiunile imaginilor disponibile

Lățimea maximă a unei imagini dintr-un flux este de 510 pixeli. Imaginile pătrate de 510x510 pixeli și imaginile dreptunghiulare de 510x300 pixeli arată cel mai impresionant.

2. Dezvoltați un stil de postare personalizat

Pentru ca postările tale să pară individuale, creează un stil, font și o schemă de culori unificate.

3. Așezați text scurt pe imagine

De exemplu, puteți împărți o imagine în 2 părți - text și grafic, sau puteți scrie text în timp ce întunecați fundalul. Pentru a face textul vizibil fără un fundal întunecat, scrieți-l pe un fundal (un bloc grafic contrastant de o culoare uniformă) sau adăugați o umbră inscripției. Fotografiile cu ramă arată bine.

4. Faceți mai multe șabloane în scopuri diferite

De exemplu, pentru citate utilizați un șablon pentru prezentarea informațiilor vizuale, pentru anunțarea materialelor de pe site - altul, iar pentru competiții un al treilea.

Utilizați aceste tehnici absolute și compania dvs. va fi prezentată pe VKontakte în cel mai bun mod posibil și va fi convenabil pentru clienți să interacționeze cu ea. Dar nu uitați că totul are nevoie de moderație! Priviți și mai multe idei noi pentru a crea o comunitate VK pe pagina de servicii a agenției Tesla Target.

Dimensiunile elementelor principale pentru decorare

Platforma VKontakte pentru afaceri se dezvoltă și lansează în mod constant completări pentru grupuri. Dacă anterior a durat câteva minute pentru a crea un grup - veniți cu un nume, introduceți o descriere, puneți un link către site și încărcați câteva imagini, acum totul este mult mai complicat. Designul întregii comunități în ansamblu trebuie să fie proiectat cu atenție pentru ca aceasta să-și îndeplinească scopul principal. În special, pentru afaceri sunt vânzări, pentru publicul tematic este interesul agenților de publicitate.

  • Numele comunitatii— orice text în orice limbă, nu mai mult de 48 de caractere, puteți folosi emoji;
  • Descrierea Grupului— nu mai mult de 4000 de caractere (la clasarea unui grup în motoarele de căutare, se ia în considerare ca );
  • avatar— dimensiunea minimă este de 200x200 pixeli, maximul nu depășește 7000 pixeli pe fiecare parte. Puteți utiliza imagini JPG, GIF sau PNG;
  • acoperi— dimensiunea minimă este de 200 pixeli în înălțime și 795 în lățime. Dimensiunea recomandată a imaginii este de 400x1590 pixeli. Formate - JPG, GIF sau PNG;
  • acoperire live a comunității(pentru mobil) - videoclipuri sau imagini cu o rezoluție de 1080x1920. Durată nu mai mult de 30 de secunde, dimensiunea fișierului de până la 30 MB.
  • meniu de grup;
  • butonul de acțiune;
  • Informații de contact;
  • mesaj fixat - orice postare cu un videoclip, fotografie, sondaj, GIF etc.;
  • alte secțiuni și elemente după dorință;
  • aplicații și widget-uri.

Descrierea comunității

Descrierea este textul pe care utilizatorii îl văd imediat când vizitează grupul. Scopul său este să intereseze. Este necesar să descrieți în mod competent și interesant ce este grupul. În designul textului, aveți nevoie Atentie speciala acordați atenție faptelor despre grup, cum este util pentru o persoană. Pentru a îmbunătăți efectul, este mai bine să separați informațiile folosind emoji.

Cum să adăugați sau să schimbați o descriere

În meniul lateral al grupului, accesați secțiunea „Management”.

Completați secțiunea „Descrierea comunității”. Dacă trebuie să editați descrierea mai târziu, urmați același algoritm.

Avatar

Avatar- poza, poza grupului. Acesta este primul lucru care vă atrage atenția. Ava este văzută de oameni în partea din stânga sus a postării în feed și când vizitează pagina comunității. Este mai bine să faceți avatarul în așa fel încât chiar și într-o formă redusă să fie distins și recunoscut. De exemplu, precum colonelul Sanders.

Acum există multe servicii și aplicații online care vă pot crea un avatar frumos pentru grup.

  • AvaMaster - încărcați o fotografie (sau logo-ul companiei), selectați dintre opțiunile prezentate.
  • Vk Profi - vă permite să creați toate elementele grafice de bază pentru proiectarea comunităților și a paginilor publice.

Cum să setați sau să schimbați un avatar

Pentru a adăuga sau înlocui o fotografie de grup, trebuie să accesați pagina comunității, să indicați avatarul curent și să selectați „Actualizați fotografia” în meniul care apare.

Se va deschide o fereastră în care trebuie să faceți clic pe „Selectați fișierul” și să încărcați imaginea dorită de pe computer.

Coperta pentru grupul VKontakte

Acoperi un element relativ nou în proiectarea comunităților. Vă permite să înlocuiți avatarurile obișnuite și vă oferă posibilitatea de a fi creativ cu designul. Grupul devine mai luminos și mai atractiv.

Pentru a adăuga o copertă, accesați gestionarea comunității și faceți clic pe „Adăugați” lângă articolul corespunzător și încărcați o imagine.

Ar putea arăta astfel, de exemplu:

Încercați să plasați cele mai importante informații în centru, astfel încât atunci când vizualizați grupul de pe diferite dispozitive, informațiile de pe copertă să nu fie tăiate. De asemenea, puteți adăuga mesaje text suplimentare: „Alăturați-vă grupului” sau „Vizitați site-ul”.

Copertă live comunitară

De asemenea, puteți realiza o copertă care va fi vizibilă numai pentru vizitatorii grupului de pe dispozitive mobile și utilizatorii de aplicații mobile. Această copertă se numește „Copertă de comunitate live” sau dinamică.

Pentru a face o copertă live, în aceeași secțiune în care am configurat coperta obișnuită, derulați puțin în jos și adăugați imagini sau videoclipuri verticale.

O astfel de copertă vă va permite să lucrați mai eficient cu un public care preferă să urmărească rețelele sociale de pe smartphone-uri.

Postare fixă

Secretele creării de comunități de vânzare în VK

Ca bonus, împărtășim secretele proiectării unui grup VK și experiența noastră, care vă va permite să realizați designul la un nivel avansat. De exemplu, puteți configura un bloc frumos de diverse aplicații care vor crește implicarea.

Aplicații gratuite. Accesați gestionarea comunității și accesați „Aplicații” pentru a edita setările.

Aici puteți alege să adăugați o aplicație care va completa funcționalitatea grupului. De exemplu, ca și în grupul nostru, există un buton „Sprijiniți comunitatea”, făcând clic pe care puteți dona în beneficiul comunității orice sumă de la 100 de ruble. Ar putea fi, de asemenea, un magazin de produse, un chestionar, teste, chat online, un abonament la newsletter etc.

Alte widget-uri și aplicații utile:

  • chestionare;
  • teste;
  • înregistrarea pentru servicii;
  • trimiterea de mesaje;
  • magazin de mărfuri;
  • și așa mai departe.

. În setările grupului, configurați un buton de acțiune, acest lucru va ajuta la motivarea utilizatorilor să întreprindă acțiunea dorită. Folosind acest buton, puteți direcționa vizitatorii către site, către aplicație și către un apel rapid la telefon sau prin VK. Îl poți configura în prima fereastră, după ce mergi la managementul comunității.

Elemente suplimentare de design care poate fi folosit:

Concluzie

Dacă doriți să promovați cu succes un grup pe VK, asigurați-vă că alocați timp corectării și design frumos. Cu cât abordați mai amănunțit această problemă și vă gândiți la toate scenariile de comportament al utilizatorilor după ce accesați pagina de grup, cu atât va fi mai mare conversia la abonament și, ulterior, la achiziție.

Subiectul acestui articol este noul design al VKontakte. Schimbat din nou, acum puteți seta o acoperire orizontală într-un grup. Proiectarea comunității tale VK cu un astfel de antet este mult mai interesantă. Sincer, nu sunt necesare cunoștințe Photoshop aici. Și puteți face o imagine frumoasă chiar și în PowerPoint, Fotor, Canva, Editor Pixlr fără abilități speciale.

Mergând la grup, veți observa că în acele grupuri au devenit vizibile butoanele „Intrare fixată”, „Informații” și „Meniu clic”. Și înainte de a fi ascunși. Desigur, toate înscrierile grupurilor au început imediat.

Se încarcă o nouă copertă

Acum să ne dăm seama cum să activăm capacitatea de a instala un antet orizontal. Să facem clic pe butonul „Gestionează”.

Apoi faceți clic pe ultimul și descărcați noua coperta a grupului VKontakte. Aici puteți înțelege că fișierul descărcat poate fi de orice dimensiune! Dar nu mai puțin de dimensiunea 1590x400 px. Creăm un prototip de copertă în orice editor. Apoi, putem selecta și salva zona care îndeplinește cerințele VK. Iată un sfat despre unde să găsești o imagine de copertă și cu ce editor să folosești

Ce este interesant despre noul design VKontakte?

Principalul lucru: există mai mult spațiu pentru informații. Acum aici puteți scrie numele grupului, scopul creării acestuia, un apel la acțiune și așa mai departe. Un astfel de design va fi logic complet și mai funcțional. Dar puteți lăsa vechiul design, este o chestiune de gustul fiecăruia.

Când proiectați o copertă orizontală, veți observa că acum meniul intern iese cumva din contextul general. Cred că ar fi mai bine să fixați imaginea pentru a merge la meniu. Și folosiți-l pentru a găzdui pagini wiki în grup.

În același timp, aș dori ca dezvoltatorii să adauge o altă opțiune pentru a configura o tranziție frumoasă la paginile Wiki.

Aș dori să remarc faptul că, din 2016, dezvoltatorii rețelei sociale VKontakte au încercat în mod activ să creeze această rețea pentru a promova afacerile. Fă-l mai convenabil pentru afaceri sau așa ceva. Din punctul meu de vedere, acest lucru este foarte bun și este la mare căutare în rândul multor antreprenori de pe internet.

Dar cel mai important, în opinia mea, trebuie să ia în considerare cu atenție sistemul „Interdicții”, astfel încât antreprenorii să poată lucra în liniște fără a interfera cu acei utilizatori care au venit să se distreze pe rețeaua de socializare.

Cum să faci o acoperire de grup VKontakte online

Folosiți-vă creativitatea și alegeți ceea ce preferați: o copertă orizontală sau designul deja familiar VKontakte. Crearea online și instalarea unei noi coperți sunt prezentate clar pas cu pas în videoclipul de mai jos articol.

P.S. Sper că aceste informații vă sunt utile.

P.S.S. Folosește-ți creativitatea și noroc în toate eforturile tale!

Acest articol va fi un manual detaliat și vă voi spune cum să faceți un meniu pentru un grup VKontakte. Un meniu de grup VK frumos conceput contribuie la o creștere reală a vizitatorilor și la creșterea vânzărilor pe site.

Bună ziua dragii mei cititori. Să vă spun astăzi cum să faci un meniu frumos pentru un grup VKontakteși complet gratuit. Apropo, după ce ați învățat să creați astfel de subiecte, puteți câștiga puțini bani din asta -))). Deja nici un site comercial nu funcționează fără a-și crea propria comunitate în în rețelele socialeîn special VK, care este garantat pentru a ajuta la atragerea de noi clienți, precum și la promovarea afacerii dvs.

Dar dacă comunitatea ta nu este atractivă și ca toți ceilalți, cine va dori să rămână acolo? cred ca nimeni!!! Așa că haideți să ne decoram grupurile cu un design de înaltă calitate și să învățăm cum să o facem foarte repede. Înainte de a începe să creați grafică și viitorul nostru meniu, trebuie să instalați programul Photoshop pe computer pentru a tăia în continuare imagini. Mulți se vor întreba de ce trebuie să tăiați imagini. Ideea aici este că pentru fiecare link de meniu va trebui să creăm o bandă separată din bannerul general.

Astăzi există mai multe tipuri de meniuri create:

  • Deschide cu elemente active;
  • Închis ca un post fixat;
  • Cu imagini individuale sau o imagine comună adiacentă a bannerului și a meniului.

Esența creării ambelor opțiuni este aceeași. Singura diferență principală este elemente suplimentareși tipurile de înregistrare, iar acest lucru va fi discutat mai detaliat în acest articol.

Pentru a lucra cu meniul ne va ajuta markup wiki, care este încorporat astăzi în editorul de text VKontakte. Diferă de cea obișnuită prin faptul că va folosi comenzi standard pentru a afișa o anumită imagine și pentru a insera link-uri către elementele necesare. Markupul wiki în sine vă permite să introduceți cod pentru a afișa imagini, videoclipuri și alte elemente.

Meniu închis grup VK

În acest caz, vom vedea în stânga avatarului principal al grupului un hyperlink sub forma inscripției „meniu de grup”, când faceți clic pe, se va deschide meniul nostru cu elemente și imagini active.

Meniul va arăta astfel:

Deschideți meniul de grup (material fixat)

Ideea este de a crea elemente de meniu deja deschise care vor fi afișate în descrierea grupului în sine, unde de obicei este afișat pentru toate condițiile. Poza noastră va fi atașată la descriere, pe care o vom pregăti în prealabil și o vom lega de pagina pe care vom avea articole active. Acest meniu a devenit foarte popular recent și este solicitat în rândul clienților. Arata asa:

Cum să faci un meniu frumos pentru un grup VKontakte: instrucțiuni pas cu pas

Deci, în primul rând, va trebui să creăm avatarul principal al grupului, pe care îl vom plasa în dreapta, și stub-ul pentru meniul nostru sub forma unui banner.

  • Pentru un avatar 200x332 pixeli;
  • Pentru bannerul meniului principal, 395x282 pixeli.

După cum probabil ați observat, înălțimea imaginilor este diferită și acest lucru se face astfel încât imaginile să nu se miște în înălțime și să fie la același nivel, deoarece înălțimea numelui și a statutului comunității ocupă aproximativ 50 px și vom trebuie să eliminați această valoare din înălțimea meniului.

Pentru a fi clar, dacă înălțimea avatarului principal al unui grup este 332, atunci scădem 50 din el și obținem înălțimea meniului principal egală cu 282. Dacă dimensiunile nu contează, atunci înălțimea poate fi setată în mod arbitrar. .

Următorul pas după crearea unei comunități va fi configurarea materialelor și aici trebuie să interzicem participanților să creeze pagini și blocuri suplimentare, ci doar să scrie pe perete. Pentru a face acest lucru, va trebui să mergeți la secțiunea de sub avatarul grupului numită „gestionarea comunității”, unde trebuie să facem materialele noastre „restricționate”, așa cum se arată mai jos.

Acum să începem să creăm compoziția generală. Puteți, desigur, să introduceți pur și simplu o imagine în loc de un avatar și în descriere, dar să nu fim amatori și vă vom arăta cum să o faceți profesional, astfel încât să fie o imagine cu drepturi depline, transformându-se una în alta.

Să creăm o pânză nouă în Photoshop cu dimensiuni de 600x350 pixeli, pe care o vom folosi ca șablon prin decuparea unor deschideri în ea pentru imaginile noastre. Pentru a funcționa, trebuie să convertim dimensiunile tuturor elementelor și riglelor în pixeli și acest lucru se face pe următoarea cale: „Edit-installation-main” și aici setăm pixelii.

Următorul pas în creare meniu deschis Este necesar să facem decupaje pentru banner și avatar, pe care apoi le vom primi pentru descărcare. Pentru a face acest lucru, accesați secțiunea din meniul vertical din stânga și selectați tăiere.

Folosind butonul stâng al mouse-ului, ca și cum ați selecta o zonă, trebuie să selectați blocuri de dimensiunile de care avem nevoie și după fiecare selecție, apăsați butonul „Șterge” și selectați 50% gri. Astfel de acțiuni vor duce la ca blocurile să fie de dimensiunea necesară și evidențiate într-o culoare diferită de fundalul principal.

Ar trebui să arate așa:

Acum selectăm radiera și folosim funcția „eraseră magică” pentru a face clic pe fiecare bloc gri și a obține un șablon cu decupaje. Următorul pas este să ne selectăm imaginea principală și să o plasăm sub fundal și să obținem imagini gata făcute pe care să scrieți text cu numele meniului sau alte elemente publicitare.

Grozav. După ce ați plasat o imagine a designului nostru, trebuie doar să selectați „salvare pentru Web” și, ca rezultat, obținem 2 dintre imaginile noastre. Acum ne întoarcem la grupul nostru și putem completa avatarul principal (vertical). Vom folosi bannerul pentru meniu puțin mai târziu când lucrăm cu codul de markup wiki.

Să creăm meniul în sine, cu elemente active care vor redirecționa utilizatorul către secțiunile necesare ale unui site terță parte sau către albume și cataloage din grupul propriu-zis. Vom folosi o nouă imagine pentru varietate -))).

Deci, să revenim la Photoshop și să creăm o pânză nouă cu dimensiuni de 400x300 pixeli. Apoi selectați în secțiunea: file-place și selectați o imagine pentru fundalul meniului.

Amplasăm butoanele viitorului nostru meniu pe imagine și tăiem imaginea așa cum am făcut mai sus selectând blocurile necesare. După care selectăm și „salvare pentru web” și obținem un folder cu tăieturile noastre. În cazul meu, am 4 poze într-un folder separat.

Acum trebuie să încărcăm imaginile descărcate din Photoshop într-un album separat și să le ascundem de privirile indiscrete. După încărcare, fiecare imagine va primi noul nume și un ID unic.

Vă rugăm să rețineți că trebuie să aveți:

  • Materialele sunt deschise în modul „restricționat”;
  • Discuții incluse;
  • Dosarul cu fotografii este deschis tuturor.

Acum nu mai rămâne decât să ne configurați pagina unde va fi afișat meniul. Pentru a face acest lucru, accesați pagina principală a comunității și selectați materiale proaspete și editați și apelați „MENIUL NOSTRU”.

Apoi, trebuie să inserăm imaginile pe care le-am primit la tăierea în Photoshop. Unii oameni folosesc coduri de markup, dar pentru a nu te gândi prea mult la asta, îți sugerez să selectezi pur și simplu inserarea unei imagini făcând clic pe pictograma camerei și să încarci unul după altul.

Lucrând într-un editor de text, dacă după încărcarea imaginilor, facem clic pe pictograma sub formă de paranteze din colțul din dreapta sus, ar trebui să vedem acest cod:

Sfat: Un punct important după încărcarea imaginilor este eliminarea căptușelii. Acest lucru poate fi rezolvat inserând „nopadding” înainte de dimensiunile imaginii.

Pentru clarificare, este scris mai jos ce vine de unde, dar avand in vedere ca totul va fi introdus automat si nu este nevoie sa fim destepti, si deschis ca unii scriu fiecare poza si iau id-ul, apoi pur si simplu descarcam si salvam.

[]
unde xxxxx este id-ul imaginii tale
aaaa - lățimea în pixeli (maximum 388)

Ar trebui să arate așa:

Acum pozele noastre sunt colectate într-un banner separat. Și pentru a adăuga un link la fiecare articol, pur și simplu faceți clic pe imaginea cu marcajul dezactivat și în secțiunea de linkuri lipiți adresa URL copiată.

Și acum ajungem la cel mai important și final punct în crearea meniului nostru VKontakte. Acum trebuie să salvăm pagina noastră cu imagini și să îi copiem adresa. In cazul meu arata asa:

https://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

Amintiți-vă, la începutul articolului am făcut un meniu stub, care va fi o continuare a avatarului nostru principal și am făcut un șablon pentru acesta. Este exact ceea ce avem nevoie acum.

Accesați pagina principală și faceți următoarele:

Pasul 1.

Lipiți adresa paginii în câmpul de text la intrare nouă pe perete, după care este transformat într-o legătură.

Pasul 2.

Atașăm o imagine cu substituentul meniului la postare și facem clic pe trimite.

Pasul 3.

Acum, după publicarea postării, faceți clic pe ora de creare din partea stângă jos a postării și selectați „PIN”.

Grozav!!! Să terminăm aici. Acum știi cum să creezi meniuri interesante și poți câștiga bani buni din ele. Vă sfătuiesc să faceți totul în următoarea ordine:

  • Venim cu o structură și comandăm designul imaginilor de meniu;
  • Redimensionăm și tăiem toate imaginile;
  • Inserați imagini în albume;
  • Edităm toate tăieturile în editor și le publicăm pe paginile principale ale grupului.

Ca rezultat al muncii noastre, vom obține acest meniu.

Dar meniul în sine, când se face clic, va apărea cu link-uri active. Merită să vă jucați cu dimensiunile și să le ajustați pentru a se potrivi cu ecranul dvs., dar nu uitați de afișarea pe dispozitivele mobile.


IMPORTANT: După schimbarea designului VK în 2016, s-au făcut noi modificări la crearea imaginilor și cerințele pentru imagini despre care.

Descărcați șablonul de meniu de grup VK + toate sursele de lecție

Sper că materialul a fost util și că acum înțelegeți cu ușurință cum să faceți un meniu frumos pentru un grup VKontakte. Abonați-vă la actualizările blogului și ne vedem în curând în postări noi. Dacă aveți întrebări, scrieți-le în comentarii și cu siguranță vă voi ajuta.

Atasez un videoclip pentru a intari ceea ce ai citit -))).