Meniul
AcasăCuvânt

Șablon PSD pentru postarea grupului VKontakte. Cum să vă asigurați că calitatea imaginilor nu se deteriorează? GIF și avatar într-o singură imagine

Vrei să știi cum să creezi un grup pe VKontakte în 2018?Și nu doar proiectați-l, ci faceți-o 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. care vă interesează.

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 îl 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 mai mult acces usor Puteți crea un meniu pentru materialele oferite. Ș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 creării unui grup VK și ale noastre experienta personala, care vă va permite să finalizați imediat designul la un nivel avansat. De exemplu, puteți configura așa ceva frumos bloc din aplicatii diverse, ceea ce crește implicarea 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 deveni mare plus la funcționalitatea grupului. De exemplu, ca în grupul nostru, care creează gratuit continut util, 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ă reușești, atunci asigură-te că îți iei timp să o faci corect ș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.

Cu cât grupul tău este mai bine conceput, cu atât poate atrage mai multă atenție. Dacă despre care vorbim despre lucrul cu comunitatea comercială, atunci designul ar trebui să fie elaborat cu atenție. Faptul este că designul frumos al grupului VKontakte crește încrederea în comunitate din partea abonaților și, de asemenea, crește rata de conversie a noilor membri care se alătură. În articol puteți afla despre ce este vorba. Membrii noi echivalează cu noi comenzi și vânzări. Mai mulți oameni înseamnă mai mulți bani.

Un exemplu al modului în care schimbarea designului unui grup a făcut posibilă creșterea numărului de abonați este o pagină publică dedicată alimentației sănătoase - vk.com/goodiet. Aici sunt publicate diverse rețete pentru persoanele care fac sport și își urmăresc dieta.

Pe acest moment comunitatea are peste 360.000 de abonați. În fazele inițiale ale dezvoltării sale, administrația grupului nu a acordat prea multă atenție designului site-ului său.

Comunitatea s-a dezvoltat prin publicarea de fotografii suculente și articole corecte, precum și prin publicitate în alte pagini publice. Iată un exemplu de conținut delicios conceput din grupul lor.

vk.com/goodiet – Acestea sunt cotlet de pui delicioase făcute din varză. Alimentație sănătoasă pentru sport.

Costul mediu pe abonat a fost probabil de 3-4 ruble. După ce au ajuns la primii 50.000 de participanți, administratorii au decis să-și schimbe designul și au comandat o copertă și un avatar de la designeri.

Datorită acestui fapt, procentul de conversie către abonați a crescut, iar prețul per participant a scăzut, de asemenea, la 1,5 ruble.

Înregistrarea grupului

Înainte de a începe să vă proiectați comunitatea, trebuie să știți ce este inclus în designul grupului.

Acoperi

Unul dintre principalele elemente de design. Coperta creează prima impresie a trupei. Prin urmare, este important să acordați o mare atenție creării sale.

Design avatar la crearea unui grup

Al doilea cel mai important element de design. În noul design al copertei, avatarul este aproape invizibil. Dar acest lucru nu înseamnă că nu ar trebui să vă obosiți să o creați.

Când faceți clic pe ava, se deschide într-o fereastră nouă la dimensiune completă.

Dacă utilizați stilul clasic de design fără copertă, atunci avatarul este afișat astfel:

Design meniu

Foarte unealtă folositoare pentru a naviga prin public. Foarte des folosit în grupuri comerciale sau comunități care trebuie să separe conținutul în categorii. De exemplu, meniul este foarte util pentru publicul de carte.

Carduri de produse

Folosit în paginile publice de vânzare de bunuri sau servicii.

Astăzi, 90% din grupuri folosesc nou format design cu capac. Dacă preferați și acest stil, acordați o mare atenție creării unei coperți frumoase.

Cum se schimbă designul unui grup VK?

În primul rând, decideți ce elemente veți schimba.

Dacă doriți să instalați coperta noua, apoi accesați meniul de gestionare a comunității.

În fereastra „Informații de bază”, faceți clic pe butonul „Descărcare” de lângă secțiunea „Acoperire comunitară”.

După ce capacul este instalat, să trecem la adăugarea unui nou avatar. Pentru a face acest lucru, treceți mouse-ul peste zona avatarului și faceți clic pe butonul de descărcare.

Selectați fotografia dorită de pe computerul dvs.

Pentru a seta o imagine pentru un card de produs, mai întâi trebuie să le activați în setările comunității.

Pentru a face acest lucru, accesați secțiunea de gestionare și deschideți meniul „Partiții”.

În meniul care se deschide, activați secțiunea de produse.

Setați imaginea.

Dimensiuni optime

Coperta – 1590x400 pixeli.

Avatar – 200x200 pixeli.

Banner de meniu – 510x510 pixeli.

Imaginea pentru cardul produsului este de 834 x 834 pixeli.

Șabloane de copertă și avatar gata făcute pentru proiectarea grupurilor VKontakte

Dacă nu doriți să pierdeți timp creând un design și bani pentru un designer, atunci puteți descărca șabloane pentru noul design al grupurilor VKontakte în format psd.

Să ne uităm la cele mai populare 5 site-uri unde puteți găsi șabloane:

  1. PSD gratuit. Public VK, autorul căruia postează șabloane de design de grup pentru descărcare gratuită. Aici puteți descărca sursele PSD pentru majoritatea subiecte populareși schimbă-le în funcție de stilul tău.

  1. Tu -PS.ru. Site-ul unde sunt postate șabloane gratuite coperți, avatare și meniuri pentru VKontakte. De asemenea, aici puteți găsi lecții detaliate despre lucrul cu surse în Photoshop.

  1. Erohovec.ru. Alegere mareșabloane pentru noul design VKontakte pentru cele mai populare subiecte.

  1. Toate -Pentru -Vkontakte. Site-ul oferă selecție uriașă imagini pentru meniuri, avatare și bannere.

  1. Gratuitșabloane psd. O altă pagină publică pe VKontakte, unde in mod regulat Sunt publicate șabloane pentru coperți, bannere, avatare și postări.

Editarea șabloanelor

După ce șabloanele de design au fost descărcate, trebuie să înțelegeți cum să le editați. Pentru asta avem nevoie program Photoshop, pentru că ea este cea care lucrează cu formatul psd.

Lansați Photoshop, deschideți meniul „Fișier” și selectați „Deschidere”.

Deschideți sursa dorită de pe computer.

Deoarece folosim un șablon, tot ce trebuie să schimbăm sunt elementele de text.

Pentru a face acest lucru, selectați instrumentul cu pictograma „T” și faceți clic pe oricare dintre elementele textului.

Introduceți textul dvs.

Un exemplu de creare a unui banner.

După ce ați finalizat complet editarea, salvați rezultatul în format png sau jpg.

Pentru a face acest lucru, deschideți meniul „Fișier” și faceți clic pe „Salvare ca...”.

În fereastra care se deschide, schimbați tipul fișierului din psd în cel de care aveți nevoie.

Probleme posibile

Este posibil să aveți dificultăți în timp ce creați designul, așa că trebuie să luați în considerare posibile probleme atunci când lucrați cu design de grup.

Calitate slabă a imaginii

O problemă foarte frecventă este atunci când, atunci când creează un avatar sau o copertă, utilizatorii folosesc imagini cu rezoluție scăzută și le întind la dimensiuni optime. Încercați să utilizați fotografii cu o rezoluție de 1280 x 720 pixeli sau mai mare ca fotografie de fundal principală.

Lipsa de idei

Dacă nu știți exact cum să proiectați cel mai bine o comunitate, atunci uitați-vă la câteva exemple de concurenți. Încercați să vă inspirați și să găsiți ceva interesant solutii de proiectare. Principalul lucru este să nu copiați toate elementele lor, deoarece orice design ar trebui să fie unic.

Concluzie

Drept urmare, este de remarcat faptul că designul grupului VK este partea cea mai importantă la promovare. Un design frumos poate crește conversiile de intrare și, de asemenea, crește încrederea abonaților.

Pentru a crea o copertă, un avatar sau un meniu de înaltă calitate, nu este necesar să solicitați ajutor de la designer profesionist, puteți folosi oricând șabloane gratuite.

Promovarea propriului proiect (site-ul web) în rețea socială este acum o ocupație populară și adesea profitabilă. O rețea de socializare este acel loc foarte „pește” în care fluxul de vizitatori va curge constant ca un râu. Astfel, puteți crește recunoașterea propriului proiect complet gratuit. Cea mai promițătoare metodă de promovare pe rețelele sociale, în opinia mea, este adăugarea grupurilor VKontakte cu promovarea lor ulterioară.

De ce trebuie să conectați meniul?

Chiar și în etapa creării unui grup VKontakte, trebuie să luați în considerare în prealabil cum va arăta „ținuta” sa și ce anume va fi postat în el. La urma urmei, scopul principal este de a aduna un anumit public în grupul tău...

După cum probabil ați ghicit, meniul VKontakte este un fel de „ispitire” pentru grup, așa că ar trebui să fie colorat și cât mai interesant posibil. În viitor, grafica de succes poate juca în mâinile tale, multiplicându-ți popularitatea și succesul de multe ori. Cine știe, poate peste un an îți vei aminti cu tandrețe cum tocmai ți-ai început călătoria cu decorarea. Crezi că e greu? Deloc, lasă deoparte doar câteva ore pentru a crea un meniu unic!

Pentru a proiecta meniul unui grup deja creat, veți avea nevoie de programul neprețuit Photoshop și... Acest editor creează poze unice. Luați o imagine potrivită cu o lățime de aproximativ 380-385 pixeli (înălțimea este numărul de elemente din meniul grafic al grupului dvs.). Apoi, trebuie să deschideți imaginea prin Photoshop și să utilizați instrumentul pentru a aplica elementele de meniu planificate imaginii. Puțină imaginație atunci când alegeți un font, dimensiunea culorii acestuia nu va strica, dar fără a merge la extreme... Depinde de dvs. să decideți dacă decupați sau nu imaginea dacă există spațiu gol în partea de jos. Dacă imaginea este semnificativă, atunci nu trebuie să o scurtați.

Următorul pas este să împărțiți întreaga imagine în mai multe mici. Cu alte cuvinte, trebuie să împărțiți imaginea în presupuse elemente de meniu, în care fiecare dintre ele, când se face clic pe el însuși, va redirecționa membrul grupului către o altă pagină etc. Este posibil să divizați o imagine pentru un meniu viitor folosind funcția „Tăiere” neschimbată din editor Imagini Photoshop. Bineînțeles, puteți folosi șabloane gata făcute, din fericire, acum nu este nimic dificil să descărcați pe cel care vă place și să îl aplicați.

După „împărțirea” tuturor imaginilor, ar trebui să aveți mai multe imagini care trebuie încărcate în albumul unui grup pre-creat. Nu uitați să restricționați accesul la album pentru ca meniul să nu se rupă accidental. Se poate întâmpla orice... În sfârșit, accesați pagina de editare a meniului (pe aceeași pagină!) și urmați imediat această recomandare.

Deci, mergeți la grup și vizavi de inscripția „Ultime știri”, faceți clic pe meniul „Editați”. În fereastra care apare, va trebui să introduceți codul de markup wiki. Pentru un meniu grafic, acest cod ar fi după cum urmează:

[], Unde

nopadding – inserat astfel încât meniul nostru să nu conțină spații;

Când o astfel de linie este inserată în fereastra de editare a marcajului wiki, primul element din meniul nostru grafic va apărea imediat, dar va fi doar primul! Pentru procedura completa Pentru a adăuga toate elementele de meniu grafic ale grupului nostru VKontakte, va trebui să introduceți codul de mai sus de câte ori numărul de imagini pe care l-am pregătit inițial. În consecință, de fiecare dată, legătura către fotografie (imaginea noastră) va fi diferită și calea va diferi și de cea anterioară.

După finalizarea întregului proces de inserare și editare a codurilor de markup wiki corespunzătoare, confirmăm modificările noastre cu butonul „Salvați” și, desigur, vedem capodopera nou creată - meniul grafic Grupuri VKontakte.

Exemple de design ale grupurilor populare VKontakte

Exemple de modul de proiectare a grupurilor VKontakte pot fi date ore întregi. De exemplu, pentru iubitorii de animale arată astfel:

și pentru fanii populare jocuri online CS va fi asa:

De asemenea, populare sunt grupurile de tot felul de glume amuzante sau benzi desenate amuzante ucigașe. Într-un cuvânt, fiecăruia al lui!

Scurte informații despre marcarea wiki

După cum știți deja, marcare wiki VKontakte, despre care am scris puțin mai devreme () este un fel de sistem de editare a paginilor în grupuri și care este susținut de descrieri de știri. Marcarea permite membrilor grupului să creeze colectiv nenumărate pagini cu referințe încrucișate. În grupuri puteți crea mini-enciclopedii și chiar biblioteci întregi, precum și să faceți schimb de diverse link-uri către fotografii și videoclipuri.

Dacă doriți cu adevărat să stăpâniți știința creării de grupuri de contact multifuncționale și colorate, atunci alăturați-vă grupului: http://wiki.vkontakte.ru/, unde sunt cuprinse „tone”. Informatii utile... În plus, va fi un excelent consilier aplicație instalată http://vkontakte.ru/app1755280 , unde sunt prezentate tutoriale video excelente despre marcarea wiki.

Creați meniuri grafice „live” cu design original.

Designul frumos al comunității VKontakte nu este un capriciu, ci un element important care construiește încrederea utilizatorilor în tine și compania ta. Dacă o pagină publică sau un grup nu este proiectat profesional, dvs potențiali clienți Ei pot concluziona destul de logic că sunteți la fel de neglijenți în ceea ce privește munca dvs. Pentru a preveni acest lucru, asigurați-vă că pagina dvs. VKontakte este frumoasă, îngrijită și ușor de utilizat. Cum să o facă? Cititi mai jos.

Dimensiunile actuale ale imaginilor VKontakte

Cu ceva timp în urmă, dezvoltatorii rețelei sociale VKontakte au lansat design nou. Acest lucru a dus la schimbări în dimensiunea și principiile de afișare a imaginii. Nota, care va fi prezentată mai jos, corespunde tuturor inovațiilor și conține dimensiunile care sunt relevante în acest moment.

Acum să intrăm în mai multe detalii despre fiecare punct.

Mărimea avatarului VK

Dimensiunea minimă a avatarului este de 200 x 200 pixeli. Dacă încercați să încărcați o imagine care are mai puțin de 200 de pixeli lățime sau lungime, veți vedea o eroare ca aceasta:


Dimensiunea maximă a avatarului este de 200 pe 500 de pixeli. Dar, în principiu, puteți încărca imagini și dimensiune mai mare– până la 7000 de pixeli pe fiecare parte. Principalul lucru este că raportul de aspect nu depășește 2 până la 5.

Vă voi arăta cu un exemplu.

Am o imagine. Dimensiunea sa: 200 pe 800 pixeli (raport 2 la 8). Nu există erori la încărcare. Cu toate acestea, încă nu pot folosi această imagine, deoarece „Contact” nu îmi permite să o selectez complet.

Acoperi

Dimensiunea copertei pentru versiunea completă a site-ului este de 1590 x 400 pixeli.


Vă rugăm să rețineți: în versiune mobilași aplicații, nu este afișată versiunea completă a copertei, ci doar o parte din ea măsurând 1196 pe 400 pixeli. Vedeți cum este decupat în aplicația mobilă:

Pentru a preveni acest lucru, poziționați elementele principale ale copertei dvs. în 1196 x 400 pixeli.


Imagini atasate

În designul actualizat al Contactului, lățimea fluxului de știri a devenit fixă. Aceasta înseamnă că imaginile atașate postării nu mai sunt întinse, ci rămân așa cum sunt. Prin urmare, dacă doriți ca imaginea dvs. să-și umple întreg spațiul din fluxul de știri, lățimea acesteia trebuie să fie de cel puțin 510 pixeli. Cel mai bine este dacă este un pătrat sau dreptunghi Orientarea peisajului.

Sună puțin confuz :) Așa că vă voi arăta cu un exemplu.

Să presupunem că avem o imagine de formă pătrată cu laturile de 510 pixeli. Dacă îl atașăm postării noastre, va arăta foarte bine în fluxul de știri pe toate dispozitivele:


Și așa arată o imagine orizontală în orientare peisaj (lățime 510 pixeli):


După cum puteți vedea, cu cât imaginea este mai îngustă (în înălțime), cu atât arată mai mică în feedul smartphone-ului. Pentru a vedea asta, uita-te la poza de mai jos:

Este clar că diferența aici nu este deosebit de critică, iar utilizatorii de smartphone-uri se vor uita în continuare la imaginea ta, doar că în al doilea caz vor fi puțin mai confortabili.

Imagini pentru postări cu linkuri


Toate aceste date provin din codul de marcare Open Graph:


Dacă Deschideți graficul nespecificat, titlul este preluat din meta tag-ul de titlu, iar imaginea este din articol. În același timp, îl puteți schimba cu ușurință - sau selectați o altă imagine din articol folosind săgeți speciale:


Sau încărcați-l pe al dvs.:


Dimensiunea minimă a unei imagini pe care o puteți folosi ca anunț pentru articolul dvs. este de 537 pe 240 pixeli. Cu toate acestea, puteți încărca imagini mai mari atâta timp cât proporțiile sunt menținute.


Imagine pentru un articol creat în editor

Dimensiunea imaginii pentru coperta unui articol creat în editor este de 510 x 286 pixeli. Este mai bine dacă este de culoare închisă și mai mult sau mai puțin monocromatic, deoarece numele articolului și comunității se pierde pe un fundal deschis.

Bun exemplu:


Nu este un exemplu foarte bun:


Dimensiunea foto și video pentru povești

Dimensiunea pentru fotografii este de 1080 x 1920 pixeli. Dimensiunea videoclipului este de 720 x 1280 pixeli.

Specificații tehnice pentru înregistrări video:

  • până la 15 secunde;
  • nu mai mult de 5 MB;
  • codec h.264;
  • Sunet AAC.

Poveștile trebuie să folosească fotografii și videoclipuri în format vertical.

Vă rugăm să rețineți: poveștile în numele comunităților pot fi adăugate în prezent numai de comunități mari pentru care dezvoltatorii VKontakte au deschis această funcție. Și asta se face cu ajutorul cerere oficială. Acest lucru nu se poate face de pe un computer.

Dimensiunea coperta albumului foto

Dimensiunea imaginii video

1280 x 720 pixeli.


Pagina Wiki

Lățimea zonei de conținut a unei pagini wiki este de 607 pixeli. Dacă încărcați o imagine mai mare, aceasta se va încărca automat la 400 de pixeli lățime. Exemplu: am o imagine care măsoară 1366 pe 768. Dacă o adaug pe pagina wiki, așa va arăta:


Pentru a schimba dimensiunea unei imagini, trebuie să faceți clic pe ea și să setați valorile dorite:


Voi vorbi în detaliu despre cum să lucrați cu paginile wiki mai jos. Prin urmare, nu ne vom opri aici asupra acestui punct.

Cum să vă asigurați că imaginile VKontakte nu se micșorează? Influența fundalului și a dimensiunii asupra calității imaginii.

Dacă ați încercat vreodată să încărcați imagini VKontakte (nu contează dacă a fost o imagine de avatar sau doar o fotografie din călătoria dvs.), atunci probabil că știți deja că acestea tind să se micșoreze. Acest lucru este vizibil mai ales pe un fundal întunecat (și mai ales roșu) și când imaginea nu este foarte marime mare. Exemplu:


Cum să vă asigurați că calitatea imaginilor nu se deteriorează?

Pentru a preveni micșorarea imaginii (sau mai bine zis, micșorarea, dar într-o măsură mult mai mică), este necesar să o faceți de 2-3 ori mai mare dimensiunea potrivită. De exemplu, dacă trebuie să facem un avatar care măsoară 200 pe 500 de pixeli, facem o fotografie de 400 pe 1000 de pixeli. Dacă trebuie să creați un meniu cu o dimensiune de 510 x 400 pixeli, luați 1020 x 800.

Imaginea pe un fundal albastru închis, pe care am arătat-o ​​chiar mai sus, are o dimensiune de 510 pe 350. Am făcut-o de două ori mai mare (1020 pe 700) și am salvat-o. Iată ce a ieșit din asta:


Cum să o repar? Răspunsul este foarte simplu - trebuie să alegeți un fundal diferit. Ideea este că pe fundal întunecat pixelii sunt vizibili mai bine decât în ​​modul de lumină. Prin urmare, dacă doriți să obțineți calitate perfecta(deși imaginea de mai sus pare deja destul de normală), atunci trebuie să schimbați ușor schema de culori. De exemplu, faceți fundalul alb și textul albastru:


Cum să proiectați un antet de pagină

Pălăria ta pagina publica sau grupuri - acesta este primul lucru pe care îl văd utilizatorii care vin să vă viziteze. În cele mai multe cazuri, în acest loc este plasat un meniu de navigare bazat pe materiale publice, unele postări interesante sau anunţuri importante. Să ne uităm la exemple de cum diverse companii folosește acest spațiu.

Acoperi

Nu cu mult timp în urmă, VKontakte a introdus o actualizare - acum puteți încărca mari și frumoase coperți(1590 x 400 pixeli). Pentru a face acest lucru, accesați setări și faceți clic pe butonul „Descărcare”.


Pe copertă poți plasa orice vrei: de la numele și motto-ul companiei tale, până la tot felul de promoții, oferte și chiar concursuri.

Recomand să acordați o atenție deosebită posibilităților acoperire dinamică. Citiți articolul nostru despre cum funcționează, în ce scopuri poate fi folosit și cu ce servicii poate fi instalat.

Exemple de coperți dinamice:

Coperta + descrierea comunității + linkul site-ului

Unele companii nu fixează nicio postare în antet, astfel încât utilizatorii să aibă posibilitatea de a citi informații de bază despre pagină și de a merge imediat la site.

Descriere cu hashtag-uri

Unele companii adaugă descriere standard hashtag-urile paginii care o caracterizează. Acest lucru se face astfel încât pagina să aibă o relevanță mai clară și, din această cauză, este mai mare în căutarea interogărilor relevante. Sincer, nu știu dacă această metodă funcționează sau nu. Nu am văzut niciun caz pe acest subiect, așa că, dacă știe cineva, v-aș fi recunoscător dacă ați putea distribui linkul.

Postare fixată care spune despre ce este vorba în pagină

Dacă vrei să povestești mai detaliat despre pagina ta (cu fotografii, link-uri și aspect frumos), atunci poți atașa la antet o postare wiki sau un articol realizat în editor, cu o imagine strălucitoare pe anunț care să încurajeze utilizatorii să dai clic pe el. Un exemplu de astfel de postare:

Și iată ce vede utilizatorul după ce face clic pe link:


Meniul de grup este deschis

Eu numesc un meniu deschis un meniu care arată imediat din ce articole constă. Adică, imaginea anunțului post wiki își dublează complet conținutul. Astfel, utilizatorii văd imediat ce îi așteaptă înăuntru. Vă voi arăta cu un exemplu.

Iată cum arată o postare fixată în antetul paginii Flatro:


Meniul de grup este închis

Meniu închis- aceasta este aceeași postare pe wiki ca și în paragraful anterior, doar pe anunt apare o poza fara elemente de meniu. De obicei ei scriu pe el: „Meniu”, „Meniu de navigare” sau „Navigarea prin materiale publice”.

Și asta este ceea ce vedem când facem clic pe el:

Apropo, merită remarcat faptul că acestea sunt departe de singurele opțiuni. Practic, poți scrie ce vrei pe această imagine. Principalul lucru este că utilizatorul dorește să facă clic pe el și înțelege ce îl așteaptă după aceea. Exemplu:

Meniu îmbinat pentru un grup

Un meniu îmbinat este atunci când imaginea din anunțul meniului tău formează o singură imagine cu avatarul. Mai jos vă voi spune în detaliu cum să faceți un astfel de meniu, dar deocamdată uitați-vă doar cât de frumos arată.

GIF și avatar într-o singură imagine

Dar această opțiune de design pentru pălărie m-a încântat cu adevărat. GIF-ul redat automat se îmbină cu avatarul într-o singură compoziție și atrage atenția utilizatorilor, chiar dacă nu există deloc informații despre el.

Apropo, am găsit acest exemplu în grupul marketerului SMM Serghei Shmakov. Așadar, îi exprim recunoștința pentru descoperire :)

Meniu ascuns

Meniul ascuns este disponibil numai pentru grupuri (paginile nu au această funcționalitate). Pentru a-l vedea, trebuie să faceți clic pe linkul corespunzător. Avantajul acestei metode de proiectare este că utilizatorii pot vedea informațiile principale ale comunității, iar dacă doresc să folosească meniul, trebuie să facă doar un clic. Cu toate acestea, există un mic dezavantaj aici - nu toți utilizatorii știu despre existența acestei funcții, așa că meniul dvs. poate primi mai puțină atenție decât dacă ar fi fixat în partea de sus a paginii.

Redare automată a videoclipului

La sfârșitul lunii noiembrie 2015, o inovație interesantă a apărut pe rețeaua socială VKontakte - de îndată ce un utilizator vă vizitează pagina, videoclipul atașat antetului începe să fie redat automat. Cu această tehnică, poți atrage și mai multă atenția utilizatorilor (în special a celor care au vizitat prima dată pagina ta) și, în același timp, nu-i irita pe cei cărora nu le place să li se impună conținutul, deoarece videoclipul este redat fara sunet si practic nu interfereaza .

Cum să adaugi un astfel de videoclip în antetul paginii tale?

Pentru a face acest lucru, trebuie îndeplinite trei condiții:

  • Atașați videoclipul la postare și fixați această postare în partea de sus a comunității.
  • În afară de videoclip, nu trebuie atașat nimic altceva la înregistrare. Doar video și text opțional.
  • Videoclipul trebuie să fie încărcat pe VKontakte - jucătorii terți nu sunt acceptați.

O postare care primește multe distribuiri

O altă modalitate de a folosi în mod productiv spațiul din antetul paginii este să fixați una dintre cele mai de succes postări ale dvs. - una care a câștigat deja și continuă să câștige un numar mare de like-uri și share-uri. De ce să faci asta, cred că toată lumea înțelege - cu cât mai multe repostări, cu atât este mai mare acoperirea, cu atât pagina primește mai multe abonamente.

Anunțuri de videoclipuri noi, albume, evenimente

Prezentarea noilor produse/servicii

Reduceri si promotii

Cazuri, recenzii ale clienților

Publicitate pentru aplicații

Glume practice

Regulile comunității

Link-uri către alte rețele sociale

Nu am enumerat toate opțiunile de proiectare a antetului. Practic, puteți pune orice fel de informații pe pagina de copertă și pe postarea fixată: locuri de muncă deschise, anunțuri, link-uri către cele mai bine vândute produse etc. Așa că nu vă limitați la exemplele de mai sus. Folosește-ți imaginația și folosește designul comunității tale pentru a-ți atinge obiectivele.

Cum ar trebui să fie un avatar?

Avatar nu este numai imagine frumoasă cu logo-ul companiei tale, ci un instrument de lucru al unui marketer cu care își atinge obiectivele. Să privim în detaliu cum ar trebui să fie pentru a atrage atenția utilizatorilor și a-i încuraja să efectueze acțiunea țintă. Să începem cu miniatura.

Miniatura avatarului

  1. Textul de pe miniatura avatarului dvs. ar trebui să fie suficient de mare pentru a fi citit.



  2. Textul nu trebuie să se extindă dincolo de miniatură.



  3. Utilizatorii ar trebui să înțeleagă ce este afișat pe avatar.



  4. Dacă este posibil, este mai bine să nu folosiți imagini de stoc, deoarece acestea reduc adesea credibilitatea companiei.


  5. Nu este de dorit ca miniatura avatarului să fie prea estompată și plictisitoare, altfel se va pierde pe fundalul unui avatare strălucitoare concurenți.

  6. Dacă vrei ca avatarul tău să arate modern, fă-l într-un stil minimalist: mai puțin text, umbre, degrade și elemente care nu poartă nicio încărcare semantică. Avatarul tău ar trebui să fie cât mai simplu și îngrijit posibil. Acest stil este în mod curent în tendințe.



  7. Dacă scopul tău este să atragi atenția utilizatorilor și să ieși în evidență față de alte avatare din feed, va trebui să-ți folosești imaginația. Gândiți-vă la ce acordați atenție atunci când căutați comunități interesante? De exemplu, am fost atras de mai multe ori de avatare cu o lumină arzătoare, ceea ce indică de obicei că a sosit un nou mesaj. Aceasta este foarte truc vechi, dar din anumite motive încă mă afectează - când voi vedea o astfel de lumină, cu siguranță îmi voi păstra privirea asupra ei.


Nu spun că această tehnică va funcționa pe pagina ta. Ideea pe care vreau să-l transmit este că există multe, multe moduri de a ieși în evidență, trebuie doar să te întrebi și să fii puțin creativ. De exemplu, iată încă una idee interesanta, la care cu greu m-aș fi gândit la mine:


Avatarul este un cerc negru: mare și mic. S-ar părea, de ce să faci asta? Dar când defilezi prin lista de comunități, astfel de avatare atrag atenția pentru că sunt foarte diferite de toate celelalte.

Ce informații pot fi plasate pe o miniatură a avatarului?

În ciuda faptului că miniatura avatarului are un foarte mărime mică, poate (și ar trebui) să fie folosit pentru a atrage abonați în comunitatea dvs. Cum să o facă? Să ne uităm la câteva opțiuni:

Anunțul unui nou produs/serviciu/eveniment


Avantajele companiei/serviciului/paginii


Numărul de telefon al companiei


Preturi favorabile


Transport gratuit


Apropo, foarte des informații despre ceea ce oferă o companie transport gratuit, sunt adăugate la numele grupului în sine, astfel încât utilizatorii să-i acorde cu siguranță atenție.


Stoc


Concursuri


Locuri vacante


Cum ar trebui să fie avatarul în sine?

M-am uitat la ce ar trebui să fie miniatura avatarului și ce text ar putea fi plasat pe ea. Acum să trecem la avatarul în sine. Versiunea completa Avatarul va fi afișat doar în comunitatea în care capacul nu este instalat. Pentru astfel de cazuri am scris această secțiune. Deci, cum ar trebui să fie avatarul comunității tale, astfel încât utilizatorii să înțeleagă imediat că compania ta a abordat crearea paginii în mod responsabil și profesional.

  1. Avatarul trebuie să fie de înaltă calitate. Am scris despre cum să obțin acest lucru puțin mai sus. Pentru cei care au ratat această parte, vă voi spune pe scurt - dimensiunea avatarului ar trebui să fie de 2-3 ori În plus ceea ce ai planificat.
  2. Este de dorit ca avatarul să fie combinat cu meniul: este același gamă de culori, avea aceleași fonturi, elemente etc. Acest lucru va face ca antetul paginii dvs. să pară mai curat și mai profesionist. Exemplu:
  3. Avatarul în sine și miniatura avatarului pot fi diferite. De exemplu, puteți desena un cerc pe avatarul dvs., îl puteți proiecta așa cum doriți, puteți selecta zona respectivă ca miniatură și puteți proiecta restul avatarului într-un stil diferit.


    4. O altă opțiune este împărțirea avatarului în două părți. Unul este pentru miniatură, iar al doilea este pentru restul avatarului.


  4. Pentru a încuraja utilizatorii să se aboneze la pagina dvs. sau să scrie un mesaj unui reprezentant al companiei, puteți plasa un îndemn corespunzător în partea de jos a avatarului și îl puteți însoți de o săgeată care indică butonul.


  5. Încercați să nu puneți prea multe informații pe avatarul dvs., altfel va părea supraîncărcat și neîngrijit. Adăugați doar cele mai importante puncte și asigurați-vă că există „aer” între ele.



Ce informații pot fi plasate pe un avatar?

Practic, poți pune orice vrei pe avatarul tău. Spre deosebire de miniatură, există într-adevăr loc de hoinărit pe aici. Principalul lucru este să nu abuzați de el :)

Domeniul site-ului


Telefon/adresa/orar de deschidere


Concursuri/promoții


Cele mai cumpărate produse/articole noi


informatii despre livrare


Publicitate pentru aplicații mobile


Principalele avantaje ale companiei/paginii/produsului etc.


Actualizare sortiment/creativitate nouă etc.


Informații că comunitatea ta este oficială


Informații despre evenimentele viitoare


Adresele conturilor din alte rețele sociale


Descriere extinsă a paginii


Se laudă


În general, poți plasa absolut orice informație pe avatarul tău. Am inclus doar câteva idei, astfel încât să puteți vedea ce fac alții și să vă inspirați. Ei bine, țineți cont de recomandările de bază: avatarul ar trebui să fie de înaltă calitate, fontul ar trebui să fie mare și ar trebui să existe mai mult „aer” între elemente.

Cum să creați un avatar și un meniu perfect

Pentru a crea un avatar și un meniu îmbinate, veți avea nevoie de un program Adobe Photoshop sau echivalentul acestuia. Voi explica întregul proces folosind Photoshop ca exemplu. Deci să mergem.

  1. Descărcați șablonul Photoshop pe care l-am pregătit special pentru acest articol. În dimensiune normală (meniu – 510 pixeli lățime, avatar – 200) sau mărită (meniu – 1020 pixeli lățime, avatar – 400).
  2. Deschideți imaginea pe care doriți să o utilizați ca bază.
  3. Copiați-l, lipiți-l în șablon și poziționați-l așa cum doriți să-l tăiați.


  1. Adăugați efecte, text, grafică etc.


  1. Dacă nu doriți să pierdeți o parte din imagine (în acel interval de 50 de pixeli), mutați-o la dreapta așa cum se arată în următorul GIF:


  1. Selectați instrumentul „Tăiere” și faceți clic pe butonul „Fragmente de-a lungul ghidurilor”.


  1. Eliminați fragmentele inutile (clic dreapta mouse – „Șterge fragment”) și editați pe cele existente (clic dreapta mouse – faceți clic în loc gol– luați zona dorită și întindeți-o la dimensiunea dorită).


  1. Accesați secțiunea „Fișier” și selectați comanda „Salvare pentru Web”.


  1. Mergeți la locația în care ați salvat imaginile (desktop sau un director specific) și găsiți un folder numit „Imagini”. Aici vor merge imaginile tale. Acum nu mai rămâne decât să le completați pe pagină.


P.S.Înălțimea avatarului poate fi modificată la discreția dvs. am luat dimensiune maximă– 500 de pixeli, dar valoarea dvs. poate fi mai mică. De exemplu, ca pe pagina „Wiki Markup”:

Cum să utilizați widget-urile

Widgeturile fac, de asemenea, parte din designul comunității VK. Folosindu-le, utilizatorul poate: să plaseze o comandă, să se aboneze la newsletter-ul tău, să participe la un concurs, să citească și să lase recenzii, să deschidă o căutare în comunitate, să primească un cadou, un cupon de reducere etc.

Iată câteva exemple despre cum arată widget-urile pe pagina VKontakte:




Cum să proiectați imagini pentru postări

Dacă sunteți implicat în design web sau aveți gusturi artistice și simțul frumosului, atunci nu vă va fi greu să veniți cu stilul formei pentru imaginile tale. Totuși, mi se pare că astfel de oameni vor fi în minoritate în acest articol (nici eu, de altfel, nu sunt unul dintre ei). Prin urmare, să aruncăm o privire mai atentă asupra modului în care se face acest lucru, pe baza exemplelor de companii de succes.

Apropo, vă rugăm să rețineți că aproape totul firme cunoscute VKontakte își marcă imaginile, adică adaugă un mic logo, adresa paginii lor sau un filigran. Acest lucru crește gradul de conștientizare a mărcii și vă protejează imaginile împotriva copierii. Dacă merită să faceți acest lucru, este la latitudinea fiecăruia să decidă singur. Singurul lucru pe care aș dori să-l sfătuiesc este: dacă decideți să faceți acest lucru, încercați să vă asigurați că logo-ul dvs. nu este prea luminos și nu ocupă prea mult spațiu, altfel se va pune accentul pe el, iar imaginea va fi își pierde atractivitatea.

De unde pot obține imagini bune?

O avem pe blogul nostru bun articol despre această temă - " ". Toate sunt gratuite, dar unele necesită înregistrare. Dacă nu găsiți nimic potrivit pentru dvs., încercați să căutați prin cuvânt cheie+ tapet (sau, dacă este în engleză, tapet). De obicei, această cerere are ca rezultat imagini de înaltă calitate. Dar aici trebuie să fii atent și să verifici tipul de licență, altfel, dacă ai o afacere serioasă, poți avea probleme.

Ce ar trebui să facă cei care nu știu să lucreze în Photoshop?

Dacă nu ați lucrat niciodată în Photoshop (sau în oricare altul editori grafici) și nu sunteți încă pregătiți să dedicați timp stăpânirii acestuia, puteți utiliza serviciile pe care le aveți deja șabloane gata făcute imagini pentru diferite rețele sociale:

1. Fotor.com



După aceea, în partea stângă a ecranului, selectați șablonul care ne interesează. Vă rugăm să rețineți că numai acele șabloane care nu au pictogramă diamant sunt oferite gratuit.



Îl inserăm în șablon, îl selectăm cu butonul stâng al mouse-ului, selectăm comanda Layer (pictograma sandwich) și facem clic pe Mutare în jos. Astfel imaginea noastră va trece pe fundal, iar deasupra ei vor fi suprapuse toate inscripțiile.


După aceea, schimbăm textul, fontul, dimensiunea fontului, poziția inscripției etc.


Apoi faceți clic pe pictograma dischetă, selectați numele, formatul imaginii, calitatea și faceți clic pe butonul Conectați-vă pentru a descărca.


2. Canva.com

Un alt serviciu care vă va ajuta să vă proiectați frumos imaginea. Funcționează pe același principiu ca și precedentul. Înregistrați-vă în serviciu (puteți folosi dvs cont Google+ sau e-mail).


Alege-ți domeniul de activitate. Omitem pasul în care vi se cere să invitați prieteni. Ajungem la meniul principal, unde selectăm o postare pe Facebook dacă avem nevoie de o fotografie dreptunghiulară sau o postare pe Instagram dacă este pătrată.


Selectați un șablon (dacă șablonul este marcat „GRATIS”, înseamnă că este gratuit), modificați textul.


Dacă este necesar, încărcați imaginea dvs., ajustați dimensiunile, modificați textul, fontul și poziția inscripției. După aceea, faceți clic pe butonul „Descărcare”, selectați formatul imaginii și salvați-l pe computer sau pe orice alt dispozitiv.


Cum se formatează articolele în editor

Recent, VKontakte a făcut posibilă introducerea articolelor într-un editor special. Pentru a crea un articol, trebuie să faceți clic pe litera „T”:


Cum se utilizează marcajul wiki

Ei bine, aici ajungem la cea mai interesantă și în același timp dificilă secțiune. Poate că printre cititori există oameni care nu știu ce este marcajul wiki și aud acest termen pentru prima dată. Prin urmare, mai ales pentru tine, voi da definiția pe care o dă însuși „Contact”.

Markup wiki este un limbaj de marcare care este folosit pentru a formata textul de pe site-uri web (de obicei clasificate ca proiecte wiki) și facilitează accesul la funcții limbaj HTML. Pe paginile wiki ale site-ului nostru web - alternativa buna postări obișnuite și navigare text. Dacă trebuie să creați un articol mare cu formatare de text diferită ( font aldine, subliniere, titluri etc.) sau adăugați-i elemente grafice sau pur și simplu creați un meniu de navigare colorat pentru comunitatea dvs. - un wiki este de neînlocuit.

La fel cum Wordpress (sau orice alt CMS) are un editor HTML cu care creezi articole, Contact are propriul editor pentru crearea și editarea paginilor wiki. Arata cam asa:


Folosind acest editor puteți crea meniurile de navigare, precum și articole cu imagini, videoclipuri și înregistrări audio. Mai jos voi discuta în detaliu cum să lucrați în acest editor, dar mai întâi vă rog să marcați două link-uri. Ele vă vor ajuta foarte mult să învățați marcajul wiki.

    Bună, dragii mei!

    Astăzi vă voi spune în detaliu, cum să faci un meniu pentru un grup VKontakte. In experienta mea meniul din grupul în contact crește numărul de apeluri și solicitări cu 20%. Este important să adoptați o abordare responsabilă în crearea unui meniu de grup. Prin urmare, ți-am pregătit un șablon PSD de meniu pentru a-ți ușura munca.

    Permiteți-mi să încep cu faptul că astăzi există două opțiuni de meniu:

    Opțiunea 1: Meniu grup închis

    Meniu închis, se deschide când dați clic pe link. În exemplul de mai jos, meniul se deschide când faceți clic pe link-ul „OPEN GROUP MENU!”.

    Opțiunea 2: deschideți meniul de grup (postare fixată)

    Un meniu deschis este în esență o postare fixată cu un link activ.

    A doua opțiune de meniu a apărut relativ recent, când a devenit posibilă fixarea postărilor de pe perete în antetul unui grup sau al unei pagini publice. Acum este cel mai eficient.

    Ambele opțiuni folosesc marcajul wiki. Markup Wiki face procesul ușor și rapid aspect grupuri, crearea tabele graficeși spoilere, formatarea textului și lucrul cu imagini, linkuri și ancore. Nu mă voi opri asupra marcajelor în detaliu, pentru că... VKontakte are încorporat editor vizual, care traduce automat conținutul dvs. în markup wiki. Aici voi da doar codurile de bază, fără de care este imposibil să creezi un meniu.

    Cum să faci un meniu deschis pe VKontakte

    Vom analiza procesul de creare a unui meniu folosind exemplul Opțiunii 2, adică. meniu deschis.

    Pentru a vă facilita navigarea, v-am pregătit Șablon PSD meniul: [Atenţie. Designul VKontakte s-a schimbat. Aspect nou și altele informații reale V]

    Șablon de meniu de grup PSD

    Pentru a crea un meniu extern, aveți nevoie de 2 imagini: un avatar (în dreapta) și unul central (imagine de acțiune).

    Dimensiuni avatar: 200 x 332 px

    Dimensiunile imaginii centrale: 395 x 282 px

    Pasul 1.

    Folosind șablonul PSD pentru meniul de grup descărcat mai sus, faceți două imagini cu dimensiunile necesare.

    Pasul 2.

    În grupul dvs., accesați „Gestionarea comunității” (în dreapta sub avatar). Găsiți elementul „Materiale” (în fila „Informații”) și faceți-l „Restricționat”.

    Pasul 3.

    Acum întoarce-te la pagina principala din grupul dvs. și faceți clic pe „Editați” în blocul „Materiale” care apare (l-am redenumit deja în Meniu grup).

    Când editați pagina, setați titlul, puteți crea secțiuni sau orice alte informații folosind bara de instrumente. Faceți clic pe „Salvați pagina” și „Reveniți la pagină”

    Pasul 4.

    În exemplul meu https://vk.com/page-42211349_47355854,

    Primele numere 42211349 sunt ID-ul grupului dvs

    Cele doua cifre 47355854 sunt id-ul paginii

    Caracteristică: creați pagini suplimentare se poate face manual. Pentru a face acest lucru, urmați link-ul ca:
    https://vk.com/pages?oid=-хххххххх&p=pagename
    Unde,
    xxxxxxxxxx – acesta este ID-ul grupului dvs
    pagename – numele paginii tale

    Pasul 5.

    Și publică postarea.

    Pasul 6.

    Acum încărcați avatarul grupului (poza din dreapta). O imagine avatar duplicat va apărea pe perete - ștergeți-o.

    Pasul 7

    Acum atentie. Faceți clic pe ORĂ DE PUBLICARE POSTĂ (colțul din stânga jos al postării).

    Și faceți clic pe „Fix”. Închideți această fereastră și reîmprospătați pagina de grup (F5).

    Pasul 8

    Scriem starea grupului (folosește doar 1 rând) pentru a alinia imaginile dacă desenul de pe avatarul tău nu începe chiar de sus (în șablonul meu avatar, opțiunea 2). Și asta este ceea ce avem:

    REZULTAT.

    Meniul este gata! Acum, când faceți clic pe imaginea centrală, se deschide meniul:

    Aici îl puteți edita, publica fotografii, videoclipuri, crea secțiuni noi și postați linkuri.

    De asemenea, puteți crea un meniu grafic (submeniu) în interiorul meniului principal. Lățimea sa nu trebuie să depășească 600 px. Înălțimea este nelimitată. Ceea ce vă permite să creați pagini de destinație VKontakte excelente.

    Dar despre asta voi vorbi mai detaliat în articolele următoare. Abonați-vă la actualizările blogului pentru a fi la curent cu noile funcții. Like și distribuie articolul cu prietenii tăi.

    Postează întrebările sau opiniile tale în comentariile de mai jos.