Cum să proiectați partea superioară a unui grup pe VKontakte. Facem o grafică frumoasă. Instrucțiuni pentru crearea unei comunități

Câteva sfaturi despre cum să faceți eficient designul grupului VKontakte. Aflați principiile proiectării corecte a elementelor unei comunități comerciale, astfel încât aceasta să devină o sursă stabilă de profit pentru afacerea dvs.

Veți învăța cum să setați corect sarcinile pentru dezvoltarea designului unui grup VKontakte pentru angajații dvs. sau liber profesioniști. Veți putea controla procesul de lucru și evalua rezultatul final nu numai din punct de vedere estetic, ci și ținând cont de capacitatea designului creat de a converti vizitatorii în clienți.

De unde să începi să lucrezi la design?

Începeți să dezvoltați un design de grup VKontakte de la definirea publicului ţintă, identificându-le dorințele și nevoile. Trebuie să aveți idei clare despre cine și cum veți vinde un anumit produs sau serviciu.

Studiază-ți concurenții. Este logic că concurenții au trecut deja de etapa căutării publicului țintă. Trebuie să le analizați site-urile web și grupurile de social media. Acest lucru va ajuta să determinați publicul căruia îi sunt adresate textele de pe site-urile concurenților dvs.

Identificați punctele forte și punctele slabe ale propunerii dvs comparativ cu cele de pe piata. Notează 3-5 avantaje pe care le are afacerea ta. Acestea ar putea fi: transport gratuit, 5 ani garanție, specialiști cu experiență, gamă largă etc.

Fă-ți propunerea comercială, bazat pe cercetarea publicului țintă și a site-urilor concurenților. Acesta este titlul avatarului sau coperta grupului VKontakte. Joacă un rol important în a decide dacă să exploreze în continuare conținutul comunității. Propunerea dvs. ar trebui să definească clar subiectul, să fie simplă și ușor de înțeles pentru orice vizitator. Când o redactați, gândiți-vă la beneficiul clientului, nu la produs.

Oamenii nu vor să cumpere un produs/serviciu - vor o soluție la problemele lor.

Toate acestea sunt etape pregătitoare care trebuie finalizate înainte de a începe lucrul la proiectarea grupului VKontakte. Ei sunt cei care determină conținutul care trebuie plasat pe aspectul de design.

Elemente importante în proiectarea grupurilor VKontakte

Ne-am hotărât asupra conținutului, acum este timpul să aflăm recomandări pentru proiectarea elementelor de grup. Vom analiza doar cele mai necesare: un avatar și o miniatură, o copertă, un banner pentru o postare fixată și un meniu.

Avatar

Plasați-vă oferta de vânzare pe aceasta pentru a-i determina pe vizitatori să întreprindă o acțiune țintită. În plus, avatarul ar trebui să conțină informații de contact unde poți fi contactat, o imagine a unui produs sau o ilustrație tematică pentru servicii.

Folosiți numai imagini de înaltă calitate și uitați de clipart-uri din fotografiile gratuite. Căutarea imaginilor pentru un design eficient al grupului VKontakte ar trebui făcută pe site-urile pinterest.com, freepik.com, flaticon.com sau, în ultimă instanță, google.ru. Dar este mai bine să selectați imagini din stocurile de fotografii plătite. Introduceți interogările de căutare numai în limba engleză. Dacă aveți dificultăți cu limba engleză, atunci nu ezitați să utilizați Google Translator.

Pentru a vă ajuta să luați decizia corectă, noi Oferim 500 de bani pentru designul meniului tuturor celor care urmează linkul specificat. Pentru a primi o reducere, trebuie doar să introduceți codul HWC1817-500-meniul la depunerea unei cereri.

Astăzi revenim din nou la subiectul proiectării grupurilor VKontakte. Am mai învățat deja. Astăzi vom învăța cum să facem grafică meniu cu banner superior fixși un link către o pagină internă cu elemente de meniu extinse. În general, orice informație poate fi pe pagina internă. Este deosebit de convenabil să plasați acolo, de exemplu, cataloage cu o gamă largă de produse. Atât meniurile drop-down, cât și meniurile sticky au avantajele și dezavantajele lor. Principalul dezavantaj al unui meniu derulant este că este în starea închisă implicit. Dar puteți plasa mai multe link-uri pe el deodată.

Meniu fixat arata mai impresionant datorita impresiei generale, dar poate avea un singur link, care duce fie catre pagina interna VKontakte, fie catre un site extern (iar linkul catre site-ul extern nu va veni din poza, ci din linkul text). sub imagine). De asemenea, unul dintre dezavantajele evidente este că pe dispozitivele mobile meniul grafic este prezentat ca o intrare obișnuită în feed, stând deasupra, și nu ca fixat lângă avatar. În general, atunci când alegeți un design ar trebui să țineți cont de aceste nuanțe. Deci, haideți să vedem cum să creați un meniu superior lipicios cu un link către o pagină internă.

Eu creez grupuri VKontakte
Design de înaltă calitate a grupurilor VK și a paginilor publice, meniu fixat, meniu derulant, meniu grafic intern, cataloage, navigare internă - preturiȘi portofoliu.

Pasul 1
Creați un document nou în Photoshop cu dimensiunea de aproximativ 900x700 pixeli și umpleți-l cu alb. Acum trebuie să tăiem două ferestre în strat, prin care designul grafic propriu-zis va fi vizibil. Mai întâi, selectați un dreptunghi care măsoară 200x500 pixeli (avatar) și apăsați Del. Apoi selectați un dreptunghi care măsoară 510x352 (aliniați-l la linia de jos a avatarului și faceți distanța dintre forme la 50 de pixeli) și apăsați, de asemenea, Del.
După următoarea actualizare a designului de către VKontakte (31 octombrie 2016), dimensiunile bannerului au devenit 510x307 (nu 510x352).

Pasul 2
Acum, sub stratul alb, plasăm o singură imagine, care va sta la baza designului.

Pasul 3
După aceea, completăm imaginea cu diverse elemente - un logo, inscripții text și un buton care vă invită să faceți clic pe meniu. Apoi salvăm două imagini separate pe computer - una este un avatar (în dreapta), a doua este un meniu cu un buton de clic (în stânga).

Pasul 4
De asemenea, creăm un meniu grafic în Photoshop format din mai multe elemente. Lățimea acestui meniu ar trebui să fie de 600 pixeli, înălțimea este opțională, în funcție de numărul de articole. Pentru a ajuta, folosiți lecția „“.

Pasul 5
Ne tăiem meniul în mai multe benzi orizontale, în funcție de numărul de elemente din meniu. Salvați ca fișiere separate.

Pasul 6
Mergem la grupul nostru VKontakte, facem clic pe „Gestionarea comunității” (făcând clic pe cele trei puncte de sub autor se deschide un meniu derulant) și verificăm dacă setările sunt corecte. Grupul trebuie să fie deschis, iar materialele să fie, de asemenea, deschise.

Pasul 7
Acum încărcăm un nou avatar. Mutați mouse-ul în locația avatarului și selectați „Actualizați fotografia” din meniul pop-up. Încărcați fotografia potrivită de la Pasul 3, întindeți zona de selecție în sus și în jos până la marginile imaginii, faceți clic pe „Salvați” și apoi selectați zona pentru miniatura rotundă.

Pasul 8
Acum trebuie să creați o pagină internă. Cum se face acest lucru este descris în detaliu în lecție. O altă modalitate alternativă de a crea o pagină internă este descrisă în lecția „” din pașii 5 și 6.

Pasul 9
Odată ce am creat pagina internă, putem merge la ea. Pentru a face acest lucru, trebuie să faceți clic pe meniul derulant al grupului (în mod implicit, acest element se numește „Ultimele știri” - l-am redenumit în „Meniu”) și acolo faceți clic pe linkul „Meniu”. După aceasta, vom merge la pagina goală nou creată.

Pasul 10
Acum trebuie să creăm un meniu grafic de cinci elemente. Pentru a face acest lucru, încărcăm cele cinci imagini din Pasul 5 în albumul de grup Facem clic pe pictograma camerei și încărcăm imaginile tăiate de pe computer. Imaginile vor fi stocate undeva pe serverele VKontakte și legate la grup, deci nu este necesar să creați un album separat pentru imaginile decupate. Trebuie să încărcați imagini în modul de marcare Wiki.

Pasul 11
Acum, în modul de marcare wiki, vom crea un meniu grafic. Este foarte important să creați în modul de marcare wiki (pictograma din colțul din dreapta sus al două paranteze triunghiulare), și nu în modul de editare vizuală. Mai multe informații despre crearea codului în markup wiki sunt descrise în Pasul 4 și Pasul 5 din lecția „“. Există, de asemenea, un șablon de cod pentru inserare. Dacă totul este făcut corect, ar trebui să obțineți un meniu grafic gata făcut, ca în figura de mai jos.

Pasul 12
Acum revenim la pagina principală a grupului, luăm adresa URL a paginii noastre interne (ar trebui să fie așa https://vk.com/page-78320145_49821289) și o lipim în fereastra în care sunt create știrile. Ar trebui atașată automat o fereastră cu un link către această pagină foarte internă. După aceea, mutăm cursorul la inscripția „Atașați” și atașăm o fotografie postării, și anume poza noastră din stânga de la Pasul 3. După aceea, ștergem linia din URL-ul paginii interne, lăsând spațiu gol. Important! La acest pas, trebuie să bifați caseta (dacă aveți astfel de drepturi, acest lucru se aplică în principal grupurilor cu un perete deschis) din caseta de selectare „În numele grupului”. Dacă nu bifați această casetă, intrarea nu va fi fixată. În cele din urmă, faceți clic pe „Trimite”.

Pasul 13
Mutați cursorul la cele trei puncte de lângă titlul postării și selectați „Pin” în fereastra drop-down. În consecință, știrea este și detașată, dacă este cazul.

Pasul 14
Există o avertizare. Uneori, după ce anulați fixarea unei știri, aceasta merge mult în flux, în funcție de data creării, și poate fi destul de dificil să o găsiți din nou. Prin urmare, este mai bine să notați imediat adresa URL a știrilor fixate undeva. Pentru a face acest lucru, mutați cursorul la momentul în care a fost creată știrea și faceți clic pe link.

Pasul 15
Acum actualizăm pagina principală a grupului. Meniul nostru grafic va fi situat în partea de sus, lângă avatar. Și când facem clic pe poză, suntem duși la o pagină internă cu un meniu de cinci articole.

Recent am devenit nedumerit de designul grupului meu VKontakte. Am văzut o mulțime de grupuri frumos concepute și am vrut să fac ceva similar. După câteva ore de studiu de markup Wiki, în sfârșit am făcut un banner frumos pentru mine și meniul grafic derulant, care duce direct la paginile site-ului meu. Pe scurt, cum se face. Mai întâi, două imagini sunt create simultan în Photoshop, apoi una dintre ele este tăiată în mai multe părți. Apoi, pe paginile de editare ale VKontakte, este inserat un cod special cu link-uri externe. Ei bine, acum hai să vorbim despre totul în ordine.

Eu creez grupuri VKontakte
Design de înaltă calitate a grupurilor VK și a paginilor publice, meniu fixat, meniu derulant, meniu grafic intern, cataloage, navigare internă - preturiȘi portofoliu.

Atenţie!
Datorită următoarei actualizări VKontakte din 31 octombrie 2016, această opțiune pentru proiectarea grupului a devenit irelevantă. Un meniu oarecum similar poate fi implementat în fila Ultimele știri din blocul de sub linia de stare. Dar acesta va fi un meniu separat și nu o singură compoziție cu un avatar.

Pasul 1.
Creați un document nou în Photoshop cu dimensiunea de aproximativ 850x700 pixeli și umpleți-l cu alb. În acest exemplu, am suprapus imediat interfața VKontakte deasupra pentru claritate. Acum trebuie să tăiem două ferestre în strat, prin care designul grafic propriu-zis va fi vizibil. Mai întâi, selectați un dreptunghi care măsoară 200x500 pixeli și apăsați Del. Apoi selectați un dreptunghi care măsoară 510x309 și apăsați, de asemenea, Del.

Aliniați dreptunghiurile la marginea de jos, distanța dintre forme este de 50 de pixeli. Acest design este conceput pentru o linie de nume de grup, o linie de stare și trei linii de descriere și informații tehnice. Dacă aveți un număr diferit de linii, atunci reglați înălțimea imaginii din stânga în funcție de locație.

Pasul 2.
Acum sub acest strat plasăm tot designul nostru grafic. În acest caz, am pus o poză cu fundalul principal, apoi am scris text și apoi în dreptunghiul din stânga.

Pasul 3.
Acum salvăm imediat dreptunghiul drept (avatar) ca imagine separată care măsoară 200x500 pixeli. Aceasta este o imagine gata făcută pentru proiectarea grupului. Este încărcat în blocul din colțul din dreapta sus al grupului, unde scrie „Actualizează fotografia”. Și imaginea din stânga trebuie tăiată în mai multe imagini în funcție de numărul de elemente din meniu. În acest caz, acestea sunt 5 imagini cu o lățime de 510 pixeli.

Pasul 4.
La acest pas trebuie să încărcăm fotografiile noastre tăiate VKontakte. Pentru a face acest lucru, imediat sub descrierea grupului, selectați blocul „Ultime știri”, cred că așa se numește în original. L-am redenumit „Meniu”. Faceți clic pe „Editați”. Important! În primul rând, trebuie să aveți un grup deschis, nu o pagină. Pentru că pur și simplu nu există un astfel de articol pe pagină. Și în al doilea rând, în meniul Community Management > Informații > Materiale, ar trebui selectat elementul „Deschidere”.

Pasul 5.
Deci, în fila „Editare”, facem clic pe pictograma camerei și încărcăm cele cinci imagini din meniul tăiat. VKontakte le va încărca în felul său, reducând dimensiunea la 400 de pixeli în lățime și atribuind eticheta noborder imaginii. În pasul următor trebuie să corectăm ușor codul.

Pasul 6.
Și anume, setăm dimensiunile originale ale imaginii și schimbăm eticheta noborder cu eticheta nopadding. De asemenea, trebuie să menționăm adresa URL a linkurilor din fiecare element de meniu. În acest caz, primul link duce la pagina internă VKontakte, iar celelalte patru link-uri duc direct la paginile site-ului meu.

Mai jos este codul de lucru original pentru meniul meu. Îl poți folosi ca bază. În el puteți schimba imaginile cu propriile dvs., puteți înlocui dimensiunile și puteți adăuga link-uri. Și asigurați-vă că nu există spații între parantezele pătrate din cod și, de asemenea, nicio întrerupere de linie, altfel imaginea grafică va avea spații între imagini.

[][][]

Pasul 7
Repet încă o dată, pentru a deschide acest meniu trebuie să faceți clic pe inscripția „Meniu”. Și așa este întotdeauna pliat. Citiți comentariile la postare, sunt multe întrebări adresate acolo. Ei bine, alătură-te grupului meu VKontakte.

Vrei să știi cum să creezi un grup pe VKontakte în 2018?Și nu doar proiectați-l, ci faceți-l singur corect și frumos! Dacă răspunsul tău este „Da”, atunci acest articol este special pentru tine!

Rețeaua de socializare „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 un eveniment, produs, serviciu etc. de interes.

Pe pagina de gestionare, faceți clic pe „Încărcați” și selectați o imagine. Arata astfel: numele grupului, apoi miniatura avatarului, starea.

Din păcate, mobilul nu acceptă încă această funcție. 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 orice altceva.

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

Postare fixă

Secretele creării unui grup 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. De exemplu, puteți configura un bloc atât de frumos de aplicații diverse, care crește angajamentul de mai multe ori!

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 fi o completare excelentă la funcționalitatea grupului. De exemplu, în grupul nostru, care creează conținut util gratuit, 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.

Discuții. Faceți mai multe subiecte deodată pe principalele 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 abordează grupul.

Concluzie

Dacă vrei să aibă 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 va fi mai mare conversia la abonament și, ulterior, la achiziție.

), faceți un meniu.

Acum îți voi arăta cum să faci un meniu într-un grup VKontakte și să-l proiectezi corect.

Realizarea unei grafice frumoase

În noul design al site-ului web VKontakte, dimensiunile pentru grafică au fost modificate. Mai jos veți găsi valorile curente.

• Avatar pentru grup - 200x300 px
• Banner în descriere - 510x271 px

Pregătiți imagini la dimensiunile necesare. Voi face poze gata făcute pentru a vă arăta un exemplu.

Deci, să facem un design frumos împărțind imaginea de ansamblu în două părți. Ca rezultat, vom obține un singur design.

Mai întâi, încărcați-vă avatarul. Accesați grupul și faceți clic „Pentru a încărca o fotografie”.

Veți vedea un formular în care trebuie să selectați un fișier de pe hard diskul computerului. Fă-o. Drept urmare, am obținut următoarele.

Acum să adăugăm a doua parte a imaginii. Pentru a face acest lucru, trebuie să postați o imagine pe perete, apoi să o înregistrați cu ea, să o fixați în zona superioară.

Să mergem la perete. Aici pe bloc "Adaugă o notiță", atinge pictograma Fotografie.

Încărcați a doua imagine pregătită. Asigurați-vă că selectați pentru a posta ca comunitate. Și apoi faceți clic pe „Trimite”.

Acum intrarea trebuie să fie asigurată (vezi). Revenim la noua intrare și extindem meniul din colțul din dreapta sus. Aici facem clic pe „Pin”.

Acum reîmprospătați pagina și vedeți rezultatul.

Singurul negativ este că pozele sunt la diferite niveluri. Dar acest lucru se datorează faptului că nu au dimensiunea potrivită. Avatarul ar trebui să fie mai mare pe verticală. Atunci vor fi la același nivel.

Cum se creează un meniu într-un grup VKontakte

Să revenim la exemplul nostru și să ne imaginăm că trebuie să facem un buton „Mai multe detalii”. Ea este deja în poză. Cum îl putem face un buton, astfel încât, atunci când faceți clic, o persoană să fie dusă la site-ul nostru principal? Îți voi arăta acum.

Pentru a face butoane de meniu active, trebuie să le decupăm ca imagini separate. Pentru asta avem nevoie de Photoshop.

Deschideți imaginea noastră în editor și activați instrumentul „Tăiere”.

Tăiați partea de jos cu butonul. Țineți apăsat butonul stâng al mouse-ului și trageți o linie orizontală, tăind imaginea în două părți.

Acum apăsați Alt+Ctrl+Shift+S pentru a salva imaginile terminate.

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

Uite, după simbolurile "odi=- ", trebuie să inserezi id-ul grupului tău (vezi). Și la sfârșitul linkului, scrieți numele paginii dvs. de meniu. În exemplu, vom lăsa „Meniu” așa cum este.

Aici facem clic pe pictograma camerei și încărcăm imaginile pregătite.

Acum să trecem la crearea unui meniu pentru grupul de pe VK. Ar trebui să arate ceva asemănător.

În continuare trecem la secțiune "Editare". Aici, pentru fiecare imagine, trebuie să scoatem căptușeala, astfel încât acestea să se îmbine într-o singură imagine. Pentru a face acest lucru, adăugați următoarea valoare în cod: „nopadding;” . Și adăugați un link către pagina sau site-ul dorit, introducând valoarea „https://site.ru/page.html” (indicați-vă adresele!). În exemplul nostru, butonul „Mai multe detalii” ar trebui să conducă la site-ul web. Asta ar trebui să se întâmple.

[] []

Salvați pagina. Nu uitați să îi copiați adresa din bara de adrese. Ar trebui să arate așa:

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

Ne întoarcem la peretele grupului și creăm o nouă intrare. În ea inserăm un link către pagină și atașăm imaginea originală. Publicăm și fixăm.

Acesta este meniul cu care am ajuns.