Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Recenzii
  • Cum să faci un grup frumos în contact. Cum să faci un design frumos pentru o comunitate VKontakte

Cum să faci un grup frumos în contact. Cum să faci un design frumos pentru o comunitate VKontakte

Vrei să știi cum să proiectezi un grup în VKontakte în 2018?Și nu doar să aranjezi, ci să o faci singur corect și frumos! Dacă răspunsul tău este „Da”, atunci acest articol este special pentru tine!

Rețeaua socială VKontakte este una dintre cele mai populare. În consecință, aici puteți găsi mai multă comunicare, oameni cu gânduri similare și doar prieteni, precum și să vă promovați serviciile și produsele. Datorită comunităților create, puteți găsi rapid totul despre evenimentul de interes, produs, serviciu etc.

Pe pagina de control, faceți clic pe „Încărcați” și selectați o imagine. Arata cam asa: numele grupului, apoi miniatura avatarului, statusul.

Din păcate, mobilul nu acceptă încă această caracteristică. Dar, din moment ce această inovație a avut loc nu cu mult timp în urmă, va fi la fel de relevantă pentru promovare ca toți ceilalți.

Pentru un acces mai ușor la materialele propuse, puteți crea un meniu. Și vă vom spune despre cum să o faceți singur data viitoare.

Postare fixă

Secretele designului grupului VK

Ca bonus, împărtășim secretele proiectării unui grup VK și experiența noastră personală, care vă va permite să finalizați designul imediat la un nivel avansat pe cont propriu. De exemplu, puteți configura un bloc atât de frumos din diverse aplicații, care va crește angajamentul de mai multe ori!

Aplicații gratuite. Accesați Community Management și accesați Aplicații pentru a vă edita setările.

Aici puteți adăuga o aplicație din care să alegeți, care va fi un mare plus la funcționalitatea grupului. De exemplu, ca și în grupul nostru, care creează conținut util gratuit, există un buton „Sprijiniți comunitatea”, făcând clic pe care puteți dona orice sumă în beneficiul comunității de la 100 de ruble. Poate fi și un magazin de mărfuri, un chestionar, teste, chat online, abonament la un buletin informativ etc.

Alte widget-uri și aplicații utile:

  • chestionare;
  • teste;
  • înregistrarea pentru servicii;
  • trimiterea de mesaje;
  • depozit de mărfuri;
  • etc.

Discuții. Faceți mai multe subiecte deodată dedicate principalelor probleme care vor fi de interes pentru clienți sau abonați. Dacă aceasta este o comunitate comercială, atunci acestea sunt recenzii, întrebări frecvente, informații despre plată, garanții și livrare. Dacă comunitatea este informațională, atunci principalele fire de discuție ar trebui să fie dedicate subiectelor pe care le atinge grupul.

Concluzie

Dacă vrei să ai succes, atunci asigură-te că îți faci timp pentru a-l proiecta corect și 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 este mai mare conversia la un abonament și apoi la o achiziție.

Elementele grafice din designul comunității Vkontakte captează atenția vizitatorului, îl țin și, de asemenea, măresc recunoașterea grupului sau a publicului printre mii de comunități similare. În plus, meniul grafic facilitează navigarea prin secțiunile grupului, ajutând membrii și alți utilizatori ai rețelei de socializare să navigheze în structura unei comunități mari.

O căutare în VK sau vizualizarea unui portofoliu de designeri va arăta multe exemple de succes ale designului grupurilor Vkontakte, pe care vă puteți baza atunci când alegeți un meniu de acoperire pentru comunitatea dvs.

Următoarele dimensiuni sunt utilizate pentru proiectarea grupului Vkontakte:

  • Coperta paginii este afișată în partea de sus, pentru toată lățimea publicului, dimensiune 1590 x 400 pixeli;
  • Avatar mare - banner vertical 200x500 px (raport aspect 2: 5), afișat în dreapta sus;
  • Un avatar mic, o poză rotundă, este afișat în fiecare mesaj al grupului, dimensiunea 200x200 pixeli.
  • Imagine de meniu pentru grupul Vkontakte, lățime 510 pixeli, înălțime - 307 (astfel încât marginea de jos a meniului să se potrivească frumos cu partea de jos a avatarului mare din dreapta).

Dacă o imagine de copertă este încărcată în setările comunității, atunci avatarul mare din dreapta nu este afișat.

Cum să faci singur o pălărie pentru un grup Vkontakte

Pentru ca antetul comunității să arate frumos, toate componentele sale grafice trebuie să fie proiectate în același stil (un set de culori, logo-uri, fonturi) sau să facă parte dintr-o singură imagine. Când proiectați singur un grup Vkontakte, primul pas este să pregătiți o imagine de fundal. Aceasta poate fi o imagine tematică de la bănci de fotografii gratuite (de exemplu, pixabay.com).

Deschideți imaginea într-un editor grafic. Decupați sau scalați la dimensiune: 1590 px lungime, 400 px înălțime.

În continuare, puteți aplica inscripțiile necesare (nume grup, slogan, apel pentru a vă alătura comunității). Acum trebuie să încărcați coperta în comunitate, pentru aceasta accesați elementul de meniu „Community Management”:

Faceți clic pe legenda „Descărcare” din câmpul „Copertă comunitară”.

În fereastra următoare, selectați fișierul de copertă pregătit anterior pe computer și faceți clic pe „Salvați și continuați”.

Acum grupul tău va avea o nouă copertă. Rețineți că, în acest caz, imaginea verticală a avatarului mare din dreapta nu va mai fi afișată.

  • Poza sau fotografia ar trebui să fie relevante pentru subiectul comunității.
  • Utilizați imagini de înaltă calitate.
  • Nu încălcați drepturile de autor ale altor persoane pentru imagini (în prezent, stocurile gratuite oferă un număr mare de fotografii și ilustrații).
  • Nu supraîncărcați capacul cu detalii.
  • Dacă puneți fotografia unei persoane în antet, atunci este mai bine să nu se uite la vizitator, ci la cel mai important element din pagină (meniu, adresa site-ului, mesaj despre acțiune, apel).
  • Utilizați fonturi de calitate și asigurați-vă că literele sunt lizibile la orice scară.

Dimensiunea antetului în publicul Vkontakte în noul design

După ce a avut loc reproiectarea acestei rețele sociale, a apărut un nou element de design - o copertă. Aceasta este o imagine mare peisaj de 1590 x 400 pixeli. Antetul grupului Vkontakte este o imagine statică. Suficient de mare pentru a plasa pe ea o fotografie sau o poză luminoasă, memorabilă și numele publicului, sloganul companiei, numele site-ului, programul de lucru și alte inscripții.

Cum să faci un meniu pentru un grup VK într-un design nou

Procesul de proiectare pentru meniul grupului Vkontakte constă din următoarele etape:

  • Pregătiți o listă de link-uri de meniu (acestea pot fi pagini, secțiuni ale comunității sau site-uri externe).
  • Pregătirea imaginii de fundal.
  • Desen pe imaginea de fundal a inscripțiilor și a „butoanelor” din meniu.
  • Tăierea imaginii în părți.
  • Inclusiv o pagină wiki.
  • Încărcarea unui meniu grafic și formatarea acestuia cu marcaj wiki.

Imaginea de fundal trebuie să aibă o lățime de 510 pixeli, iar înălțimea depinde de numărul și plasarea elementelor de meniu. Pentru a lucra cu imagini, aveți nevoie de un editor de grafică raster, exemple sunt prezentate mai jos folosind Paint.Net gratuit și ușor.

Ar trebui să planificați imediat plasarea elementelor de meniu, astfel încât imaginea să poată fi tăiată în fragmente de aceeași dimensiune. Acest lucru este important pentru ca meniul să se scaleze corect pe ecranul smartphone-urilor sau tabletelor.

Meniul vertical al comunității VK cu articole într-o coloană

Deschideți imaginea în editor. Utilizați instrumentul „Text” al editorului pentru a scrie elementele de meniu pe fundal. Pentru a face vizibile etichetele de meniu, acestea pot fi evidențiate în mai multe moduri:

  • Contur cu un cadru;
  • Schimbați culoarea de fundal sub litere;
  • Adăugați umbră literelor.

Mai jos în captură de ecran, fiecare element este evidențiat într-unul dintre moduri.

Următorul pas este tăierea imaginii în bucăți:


Procesul de tăiere a unei imagini poate fi efectuat și folosind un instrument online convenabil www.imgonline.com.ua/cut-photo-into-pieces.php.

Apoi, în meniul „Gestionarea comunității”, accesați elementul „Secțiuni” iar în elementul „Materiale” selectați „Restricționat” (aceasta înseamnă că numai administratorul grupului poate crea și edita pagini).

Faceți clic pe salvare și accesați grupul principal. Lângă secțiunea cu informații despre grup a apărut articolul „Știri proaspete”.

Accesați această secțiune și faceți clic pe Editați. Schimbați titlul în „Meniu” și apoi faceți clic pe pictograma camerei pentru a adăuga o imagine.

Faceți clic pe imaginea adăugată și în fereastra de proprietăți specificați linkul către secțiunea necesară.

Vkontakte reduce automat imaginile la 400 de pixeli și inserează etichete inutile. Pentru a remedia acest lucru, trebuie să accesați modul de editare a marcajului.

Fiecare etichetă de imagine începe cu „[[” și se termină cu „]], constă din trei părți separate prin „ | ”: ID-ul imaginii, proprietăți și link. Este necesar să corectați dimensiunea imaginilor și să introduceți eticheta „nopadding” în proprietățile lor. Proprietățile imaginilor sunt listate cu „;”.

După salvarea modificărilor, crearea meniului este completă.

Meniu cu aranjare orizontală sau pe mai multe linii de articole

În acest caz, pregătirea imaginilor se realizează în același mod, dar cu tăierea sursei și pe verticală. Feliile tăiate sunt încărcate prin interfața de editare a paginii. Poziția relativă a fragmentelor dreptunghiulare este stabilită folosind marcarea tabelului wiki în VK. Fiecare etichetă de imagine legată descrisă în secțiunea anterioară este plasată în interiorul unei celule de tabel.

Reguli de proiectare a mesei:

  • Începutul este indicat de simbolul „(|”, sfârșitul tabelului - „|)”.
  • Proprietăți suplimentare sunt specificate după „| ~”
  • Noua linie începe cu „| -”.
  • Fiecare celulă este separată prin „|”.

Pentru a exclude spațiile suplimentare, trebuie să specificați parametrii tabelului „fixed nopadding noborder”. Marcajul pentru un meniu grafic cu 2 coloane și 2 rânduri arată astfel:

Și meniul în sine în grup:

Mărimea avatarului grupului în noul design pentru designul publicului VK

Comunitățile Vkontakte folosesc două avatare:

  • Banner dreptunghiular mare 200 x 500 puncte, afișat în dreapta sus, dacă coperta nu este încărcată.
  • Miniatură 200x200 pixeli, afișată în postări și discuții ca un cerc.

Subiectul acestui articol este noul design al VKontakte. Schimbat din nou, acum puteți seta capacul orizontal în grup. Să-ți faci comunitatea VK cu o astfel de pălărie este mult mai interesant. Sincer, nu sunt necesare cunoștințe de Photoshop aici. Și poți face o imagine frumoasă fără abilități speciale chiar și în PowerPoint, Fotor, Canva, Editor Pixlr.

Mergând la grup, veți observa că în acele grupuri au devenit vizibile butoanele „Înregistrare fixată”, „Informații” și „Meniu Apăsați”. Și înainte de a fi ascunși. Desigur, tot designul grupurilor a mers imediat.

Se încarcă o nouă copertă

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

Apoi facem clic pe ultimul și încărcăm noua copertă a grupului VKontakte. Aici puteți înțelege că fișierul descărcat poate fi de orice dimensiune! Dar nu mai puțin de 1590 × 400 px. Creăm un prototip de copertă în orice editor. Apoi, putem selecta și salva zona care îndeplinește cerințele VK. Iată un indiciu unde puteți găsi o imagine de copertă, pentru ce editor să folosiți

De ce este interesant 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 îndemn la acțiune și așa mai departe. Acest design va fi logic complet și mai funcțional. Dar puteți lăsa vechiul design, aceasta este o chestiune de gust pentru toată lumea.

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

În același timp, aș dori ca dezvoltatorii să mai adauge o oportunitate de a crea o tranziție frumoasă la pagina 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 prietenos 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 din Internet.

Dar cel mai important lucru, după părerea mea, este că trebuie să se gândească cu atenție la sistemul „Bans” pentru ca antreprenorii să poată lucra cu calm, fără a interfera cu acei utilizatori care au venit să se distreze pe rețeaua de socializare.

Cum să faci o copertă pentru un grup Vkontakte online

Porniți-vă creativitatea și alegeți ceea ce vă place coperta orizontală sau designul deja familiar Vkontakte. Crearea online și instalarea unei noi coperți vizual, pas cu pas, este prezentată în videoclipul de mai jos articol.

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

P.S.S. Includeți-vă creativitatea și noroc în toate eforturile voastre!

Ne-am dat seama cum să desenăm un meniu frumos pentru grupul tău. Și astăzi vom învăța cum să plasăm un meniu direct pe o pagină în VKontakte și să creăm pagini interne pentru acesta. Deci să mergem!

Pasul 1. Încărcați elementele de meniu pe site-ul web vk.com

Intrăm în grup și creăm un album în el, în care vom încărca elementele de meniu obținute la finalizarea sarcinii din lecția anterioară. Pentru a face acest lucru, faceți clic pe Albumeîn blocul de fotografii de pe pagina principală și în fereastra care se deschide, selectează Creați album... Să-i spunem Album pentru administrator.

Notă: dacă nu aveți un bloc de fotografii pe pagina principală, atunci mergeți la articol Management comunitar(am făcut asta deja în prima și a doua lecție) și acolo vizavi de punct Fotografii alege Deschis sau Limitat(Vă vom spune mai multe despre albume și despre ce sunt acestea într-una din lecțiile următoare).

Vi se va prezenta un album gol pe care tocmai l-ați creat. Click pe Adăugați fotografii în albumși încărcați părțile din meniu pe care le-ați desenat.

Rămâne să colectăm meniul de grup din aceste părți.

Pasul 2. Asamblarea meniului din elemente

Accesați pagina de editare a meniului (cum se face). Verificăm dacă modul de editare este activat Modul de marcare Wiki... Acum aveți aici (dacă ați finalizat temele celei de-a doua lecție) elementele meniului dvs., cuprinse între paranteze drepte. Nu le atingem încă, dar scrieți mai jos:

număr_unic este numărul fotografiei care i se atribuie atunci când este încărcată pe site-ul web vk.com. Pentru a o vizualiza, deschideți fotografia încărcată făcând clic pe ea și priviți bara de adrese a browserului dvs.:

388px este lățimea meniului dvs

Fara limita- înseamnă că nu se adaugă nicio contur negru la elementele din meniu

Fără căptușeală- înseamnă că nu va exista distanță între poze (de ce avem nevoie pentru ca meniul să fie solid).

Este necesar un spațiu în urmă, altfel nimic nu va funcționa.

Ar trebui să aveți atâtea linii câte elemente există în meniul dvs. (și, în consecință, câte imagini ați desenat):

Aveți grijă să nu amestecați ordinea imaginilor.

Mergem la pagina principală a grupului, o actualizăm (apăsăm butonul Reîmprospătaîn browser sau doar F5). Admir rezultatul!

Pasul 3. Atașați paginile interioare la meniu

Când am creat un meniu pentru un grup în modul de editare a materialelor în a doua lecție, am scris articolele acestuia între paranteze drepte. Acum le vedeți deasupra meniului frumos conceput ca link-uri: în exemplul nostru, acestea sunt link-uri Cum să comand, Cum să plătească etc.

Prin apăsarea butonului Umpleți cu conținut, ajungem la pagina deja familiară pentru editarea materialelor.

Verificăm imediat ce fel de acces avem la pagină (reamintim că accesul la vizualizarea paginii trebuie setat - Toți utilizatoriiși acces pentru editare - Doar editori și administratori), și completați-l cu informații.

Când completați o pagină cu informații, puteți utiliza bara de formatare a textului pentru a evidenția accente pentru a face textul aldin, cursiv, adăugarea de aliniere sau o listă:

Formatarea textului folosind acest panou nu este mai dificilă decât lucrul în Word: pur și simplu selectați textul cu mouse-ul și faceți clic pe butonul de care aveți nevoie.

Deoarece sunteți în modul de marcare wiki, anumite caractere vor fi atașate textului dvs. atunci când aplicați comenzi de formatare. De exemplu, când selectați comanda cursiv, cuvântul pe care doriți să îl scrieți în cursiv va fi înconjurat de ghilimele. Aceste caractere sunt elementele limbajului de marcare wiki. Pentru a vedea cum va arăta textul pe pagină, faceți clic pe butonul previzualizare:

Și iată ce se întâmplă:

Notă: vă recomandăm să învățați cum să editați textul în modul wiki-markup, deoarece oferă un rezultat previzibil, spre deosebire de modul de editare vizuală, care este instabil în toate browserele. Uneori, chiar și trecerea la modul de editare vizuală o dată va rupe designul paginii.

Cu ajutorul cunoștințelor acumulate, punem accente pe pagina noastră și facem clic Salvează pagina... Iată ce avem (nu uitați, acesta este doar un exemplu):

Repetăm ​​acest pas pentru fiecare dintre paginile noastre (avem asta Cum să comand, Cum să plătească, Cum să alegi mărimea potrivităși Cât durează livrarea) cu excepția paginii

Designul grafic al unui grup în contact constă în mai multe imagini de diferite dimensiuni. Fiecare dintre ele își îndeplinește rolul, prin urmare, este produs conform unei sarcini tehnice separate.
  • Avatar. Până de curând, capacul superior a jucat un rol major în comunitate. Dar adepții stilului vechi îl pot folosi în continuare în bază. Avatarul ar trebui să conțină informații de bază despre companie: sigla, numele companiei, informații de contact și câteva cuvinte despre direcția de activitate. Una dintre cele mai importante părți ale unui avatar este miniatura vizibilă în motorul de căutare de contacte și în fluxul de știri. Avatarul are o lățime de 200 de pixeli.
  • Acoperi. În noul design, coperta a devenit elementul principal al designului grafic al comunității. Când intri într-un grup, primul lucru la care o persoană acordă atenție este coperta, așa că ar trebui să reflecte cât mai mult activitățile tale. De asemenea, acolo trebuie plasate informațiile de contact și sigla companiei. Mărimea recomandată a capacului este specificată în setările grupului la încărcare.
  • Banner de tranziție de meniu.În mod tradițional, pe imaginea de tranziție este plasat un buton de meniu în stilul comunității. În plus, vă recomandăm să plasați acolo o ofertă potențial interesantă pentru clienți.
  • Imagine cu elemente de meniu. Un element de navigare care permite utilizatorilor să navigheze prin conținutul grupului în secvență. În meniu, puteți plasa toate informațiile de care au nevoie participanții: livrare, plată, contacte, despre companie, catalog și multe altele. Când creați o imagine, este mai bine să o alegeți astfel încât să puteți adăuga cu ușurință butoane noi în meniu sau să vă gândiți la elementele din meniu în avans, evitând alte modificări.
  • Imagini de navigare pentru paginile interne. Aceste elemente sunt folosite pentru a naviga convenabil utilizatorul prin secțiunile comunității și pentru a face paginile interne să arate plăcut.

Top articole similare