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.
Elementele grafice din designul comunității Vkontakte captează atenția vizitatorului, îl rețin și, de asemenea, măresc recunoașterea grupului sau a publicului în rândul miilor 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.
În acest articol vom analiza cât de frumos și corect să aranjezi un grup în contact pentru a-l face cât mai convenabil pentru vizitatori.
Considera, cum să aranjați frumos și corect un grup VK nu vom fi în ceea ce privește designul, ci în ceea ce privește obiectivele cu care se confruntă grupul.
Scopul principal al oricărui grup- să cucerească vizitatorul, astfel încât acesta să înțeleagă imediat despre ce este vorba în grup și să dorească să devină membru al acestuia. Pentru a face grupul cât mai convenabil posibil, trebuie să minimizați numărul de acțiuni din partea vizitatorului. Adică, în mod ideal, pentru ca utilizatorul să înțeleagă despre ce este vorba în grup, el nu ar trebui să facă clicuri suplimentare sau derulări de pagină.
Pentru a ne da seama cum să structuram corect proiectarea unui grup în contact, vom lua în considerare structura acestuia în funcție de elementele principale.
Am pregătit o diagramă ilustrativă specială cu explicații.
O diagramă despre cum să aranjați frumos și corect un grup în VK.
Puteți urmări schema în direct legătură.
1. Avatar.
Elementul grafic principal al grupului. Structura sa poate varia în funcție de subiectul grupului. Un exemplu potrivit pentru un grup de vânzări este prezentat în diagramă. Recomandări cheie pentru designul avatarului:
A) Transfer de esență. Scopul principal al avatarului este de a transmite caracteristicile cheie ale grupului, de a spune ce și pentru cine este. Acest lucru vă va ajuta nu numai imaginea în sine, ci și inscripțiile cu text. Cu toate acestea, este indicat să faceți textul cât mai mic posibil.
B) Imagine de înaltă calitate. Grafica ar trebui să fie de înaltă calitate și frumoasă, dar nimic mai mult. Avatarul nu trebuie să distragă atenția de la conținutul principal.
V) Folosiți cât mai mult spațiu posibil. Dimensiunea maximă a unui avatar la ieșire este 200 pe 449, nu este recomandabil să faceți mai puțin. Dacă faci mai mult, atunci păstrează proporțiile.
2. Statutul grupului.
În ciuda faptului că acesta este un element relativ mic al paginii, este destul de important. În stare, trebuie să transmiteți pe scurt cele mai semnificative informații despre grupul dvs. Cantitatea maximă de stare este de 140 de caractere.
Încercați să faceți starea cât mai clară și locală posibil. Folosiți pictograme. Codurile pictogramelor pentru inserare pot fi găsite, de exemplu,.
Exemple de coduri de pictograme pentru grupuri de vânzare:
Telefon - cod: _9742;
Pictograma Trimitere mesaj Cod: _9993;
Indicator - Cod: _128073; sau cod: _10145;
3. Descrierea unui grup cu meniu sau post fix.
Sub starea din centrul paginii se află conținutul principal. Există 2 opțiuni principale pentru ceea ce poate conține conținutul. Aceasta este o descriere a unui grup cu un meniu și o postare fixată pe perete.
Meniul este destul de convenabil în ceea ce privește navigarea, dar necesită un clic suplimentar pentru a întoarce, așa că nu ne vom opri asupra creării unui meniu pentru un grup în detaliu. Există o mulțime de materiale pe web despre marcarea wiki.
Pentru versiunea de computer a grupului, în opinia noastră, este mai bine să faceți o postare fixă conținutul principal, deoarece poate ocupa întreaga zonă utilizabilă, este destul de convenabilă și nu necesită clicuri suplimentare din partea utilizatorului.
Instrucțiuni generale pentru crearea unei postări fixate:
A. Textul principal trebuie să fie cât mai ușor de citit. Folosiți pictogramele și pictogramele în mod activ.
B. Înălțimea totală a postului fixat - nu trebuie să depășească marginea inferioară a avatarului. Din punct de vedere empiric, puteți alege cantitatea optimă de conținut text.
B. Dimensiunea recomandată a imaginii atașate este 395 pe 289. Aceste dimensiuni sunt optime pentru plasarea informațiilor cheie în ea.
Pe lângă elementele principale, există și altele nu mai puțin semnificative, și anume: perete de grup, discuții, albume, videoclipuri, documente și contacte.
Aceste elemente sunt în esență - continutul grupului. Conţinut- acesta este motivul principal pentru care vizitatorul se abona la grup. Designul de conținut trebuie realizat în conformitate cu stilul principal al grupului. Dar designul nu este atât de important ca și conținutul conținutului în sine.
Dacă grupul este gol și în afară de design nu conține nimic de valoare, aproape nimeni nu se va abona la el. Nu vom scrie în detaliu despre conținutul acestui articol. Un articol despre cum să aranjați frumos și corect un grup VKontakte. Dacă aveți nevoie de ajutor pentru a scrie conținut, ne puteți contacta în cadrul serviciului „”
Asta e tot pentru proiectarea grupurilor de astăzi. Scrieți întrebările dvs. despre articol în comentariile de mai jos.
Pentru servicii de comanda, scrieti la icq 275129,
Am lansat o nouă carte, „Marketing de conținut pe rețelele sociale: cum să intri în fruntea abonaților și să te îndrăgostești de marca ta”.
Grupul VK este fața ta, așa că designul grupului Vkontakte necesită o atenție specială. Desigur, puteți comanda designul grupului Vkontakte de la specialiști. În acest caz, costul va depinde de cantitatea de muncă și de specificul. În medie, un design complex al unui grup în contact cu aspectul meniului și alți servitori costă de la 1000 de ruble și mai mult. Dacă sunteți interesat să proiectați singur un grup Vkontakte, atunci acest articol este pentru dvs. În primul rând, să indicam că acest lucru este absolut real.
Dimensiunile elementelor
Mai jos este o notă cu dimensiunile designului grupului VK, sau mai degrabă elementele sale principale.
Să aruncăm o privire la fiecare element separat:
Proiectăm o pălărie
A face un grup VK este de neconceput fără pălărie. Răspunsul la întrebarea cum să aranjați un grup în contact trebuie să înceapă neapărat cu un antet. Cel mai adesea, reclamele, un meniu de navigare și cele mai interesante postări sunt plasate în antet. Cea mai rațională modalitate este de a face un antet sub forma unei coperți. Noul design al grupului în VK vă permite să adăugați coperți mari și atractive. Pentru a face acest lucru, faceți clic pe „Download” vizavi de „Community Cover”, așa cum se arată în figură:
Iată câteva opțiuni pentru ceea ce puteți pune în antet:
Avatar
Credeți cum să proiectați frumos un grup în contact? Atunci nu ignora munca minuțioasă asupra avatarului. Este un instrument de marketing eficient care, dacă este utilizat corect, poate obține rezultatul dorit.
O miniatură bună a avatarului îndeplinește următoarele criterii:
- Textul de pe el este mare și complet vizibil, este ușor de citit.
- Imaginea și textul sunt clare, nu încercați să vă înghesuiți prea mult în avatar.
- Este mai bine să utilizați o imagine originală făcută de dvs., decât una descărcată.
- Folosește culori strălucitoare pentru a ieși în evidență de restul imaginilor, folosește contrastul cu pricepere.
- Avatarurile realizate în stilul minimalismului arată spectaculos: un minim de text și detalii inutile, un maxim de frumusețe și simplitate.
- Porniți-vă imaginația pentru a atrage și a interesa utilizatorul - pătrat negru, pictogramă mesaj de ardere etc.
Și iată câteva opțiuni pentru plasarea informațiilor în miniatură: anunțuri, avantaje, contacte, prețuri mici, promoții, concursuri și așa mai departe.
Cerințe pentru avatar:
- Calitate. Pentru a face acest lucru, utilizați imagini de 2-3 ori mai mari decât dimensiunea necesară.
- Stilul uniform. Toate elementele ar trebui să fie combinate în schema de culori și stilul general.
- Diversitate. Este mai bine dacă miniatura și avatarul în sine sunt imagini diferite.
Pe avatarul propriu-zis, puteți plasa domeniul site-ului oficial al companiei, numele mărcii, logo-ul, contacte, programul de lucru, informații despre concursuri și promoții, cele mai populare produse, informații despre aplicația mobilă disponibilă, principalele avantaje, anunțuri despre evenimente. , și așa mai departe.
Widgeturi
Aceasta este o parte obligatorie a înregistrării unui grup în VK. Cu ajutorul acestora, este convenabil ca utilizatorul să efectueze acțiuni care vă sunt utile: abonați-vă, participați la o competiție, plasați o comandă, scrieți un comentariu și așa mai departe.
Imagini pentru postări
Cel mai bine este atunci când postările sunt însoțite de imagini în același stil. Acest lucru oferă grupului originalitate și creativitate. Iată câteva exemple grozave:
După cum puteți vedea din exemplu, companiile creează șabloane de design unice pentru un grup VK, sau mai degrabă imagini pentru postările sale, apoi pur și simplu le completează / le schimbă. Este destul de ușor să faci un astfel de șablon, iată câteva trucuri:
Pentru a crea imagini de înaltă calitate și atractive care vor ajuta la realizarea unui design frumos al grupului Kkontakte, se recomandă utilizarea Photoshop. Dacă dețineți acest program, utilizați unul dintre analogii simplificați ai programului: Fotor.com sau Canva.com.
Editarea articolelor
Cum se înregistrează un grup VK? Editați articolele din acesta folosind editorul, îl puteți găsi după această pictogramă:
Am scris despre cum să lucrați cu editorul de articole în VK într-un alt articol.
Markup Wiki
Cum să aranjezi corect un grup în VK utilizând markup wiki? Aceasta este partea cea mai dificilă și, în același timp, cea mai interesantă. Markup Wiki este un limbaj specializat pentru lucrul cu textele de pe site-uri, facilitând accesul la funcționalitatea limbajului HTML. Când stilați un contact dintr-un grup, marcajul wiki este folosit pentru a formata materialul text, pentru a adăuga imagini la acesta și pentru a dezvolta un meniu de navigare. În acest caz, se folosește un editor VK specializat.
Să ne dăm seama cum să creăm o pagină wiki: deschideți browserul și inserați-l în bara de adrese: http://vk.com/pages?oid=-111 & p = Created_page, unde „111” este ID-ul grupului și „Created_page” este numele articolului cu cuvinte scrise cu liniuță. Vom trece adesea la modul cod, așa că haideți să vedem cum să facem acest lucru imediat:
Textul este formatat într-un editor care este simplu și direct, similar cu un Word. Dar nu are opțiunea de a schimba fonturile, în schimb folosește etichete: H1, H2, H3, bold și italic.
Dacă este necesar, puteți insera un link în text folosind șablonul: [link la articol | link text].
Pentru a insera o imagine, faceți clic pe pictograma camerei, este mai convenabil să faceți acest lucru în modul cod, ceea ce vă va permite să specificați imediat dimensiunile dorite și să plasați imaginea în mijloc.
Există și versiuni mai complexe:
Aici, mai întâi, se realizează o imagine în Photoshop, care este împărțită în continuare în părți prin „Tăiere”, apoi imaginile finite sunt inserate în postarea wiki și le sunt atașate link-uri.
Este important să remediați meniul dezvoltat în antetul paginii: mai întâi, facem meniul în markup wiki, apoi salvăm linkul acestuia. După aceea, introduceți acest link în postare, așa cum se arată:
Acum facem imagini pentru meniu și le adăugăm la postare, eliminăm linkul din câmpul special de text și facem clic pe „Trimite”.
Rămâne doar să securizăm postul.
În loc de o concluzie
Câteva sfaturi despre cum să aranjați un grup Vkontakte:
- Când dezvoltați un design (nu contează dacă utilizați versiunea veche sau vă gândiți la cum să organizați un grup Vkontakte într-un design nou), gândiți-vă întotdeauna la cum va arăta în versiunea mobilă, dacă totul este clar și convenabil.
- Simțiți-vă liber să experimentați și să dezvoltați soluții pe care concurenții dvs. nu le folosesc. Acesta este doar un plus.
- Un meniu complet plat și simetric poate părea uneori plictisitor, așa că nu vă lăsați atașați de formele perfecte.
Sperăm că acest material despre cum să faci un design de grup pe Vkontakte va fi util. Multumesc abonati!
În acest articol, aș dori să-mi sistematizez toate cunoștințele despre proiectarea grupurilor VKontakte pe baza experienței mele de a interacționa cu clienții și a preferințelor acestora. Mai mult, în ultimele șase luni, VKontakte a făcut multe schimbări pe care mulți nici măcar nu le bănuiesc. Am vrut să mă opresc mai detaliat asupra unor inovații, deoarece printre ele există lucruri cu adevărat utile și utile. Cu toții se pare că ne-am revenit deja după un șoc după reproiectarea VKontakte, iar în spatele schimbărilor vizibile a fost dezvăluită multivarianța funcționării și conținutului grupului. Deci acum proiectarea grupurilor implică o procedură complexă care nu se limitează exclusiv la componenta grafică sub formă de imagini frumoase. Acum proprietarii trebuie să țină cont de numeroasele nuanțe ale construirii unei structuri de grup, în funcție de subiectul afacerii și de confortul utilizatorilor.
Aceasta se referă în principal la alegerea designului grafic din două opțiuni care se exclud reciproc, dezvoltarea unui meniu intern, alegerea unui punct de intrare în meniul intern, înțelegerea diferenței dintre un catalog și o vitrină de mărfuri, pregătirea materialelor promoționale pentru promovarea unui grup, folosirea unor materiale utile. aplicatii. Dar mai întâi lucrurile. În primul rând, ne vom uita la principalele elemente ale designului grupului, apoi vom trece la interacțiunea acestora sub formă de diverse combinații și apoi vom vorbi despre câteva trucuri și subtilități utile.
1. Capac orizontal (antet)
Să începem cu o copertă orizontală sau un antet. Dezvoltatorii VKontakte ne asigură că capacul, datorită dimensiunii sale, oferă o mare flexibilitate în furnizarea și vizualizarea informațiilor. De obicei, pe lângă o imagine frumoasă, antetul conține un logo, informații însoțitoare, contacte, un apel pentru a se alătura unui grup și o adresă a site-ului web. Am o bănuială că într-o zi husele vor deveni singura opțiune de design posibilă pentru grup, așa că aș recomanda să treceți imediat la ele pentru a evita reproiectările de forță majoră ulterioară.
Cum să încarci o copertă
Pentru a descărca o copertă, trebuie să accesați Community Management >> Informații de bază >> Community Cover >> Descărcare. Dimensiunea recomandată a copertei este de 1590 × 400 pixeli. Nu pot exista butoane de lucru în antet pe care să puteți face clic - de fapt, aceasta este o imagine și atât. Astăzi, coperta este vizibilă pe dispozitivele mobile și pare să fie deja vizibilă în aplicații și clienți.
Fila Wiki Ultimele știri
În blocul superior de sub antet, acum pot fi trei file: o intrare fixată, informații despre comunitate și un meniu wiki (doar în grupuri, nu există o astfel de filă în paginile publice). Accentul este încă pus pe postarea fixată, dar chiar și cu prezența acesteia, utilizatorul va avea acum întotdeauna acces la informații despre comunitate, comutând printre file. Pentru a vedea fila meniului wiki (numită inițial Știri proaspete), trebuie să accesați Gestionarea comunității »Secțiuni» Conținut »Restricționat (sau deschis)» Salvare.
2. Avatar vertical
Acum să ne îndreptăm atenția către vechiul avatar de grup, cu dimensiunea de 200x500 pixeli. Până acum, este și o modalitate de a decora un grup. De obicei, pe avatar se află următoarele informații: sigla, textul sau sloganul însoțitor, contacte, apel pentru a se alătura grupului. Pe dispozitivele mobile, întregul avatar nu este vizibil, doar o parte din el este vizibilă - o miniatură. Pentru a decora grupul, puteți folosi fie un antet orizontal (copertă), fie un banner vertical. Dacă există un antet, avatarul vertical nu este vizibil. Nu pot exista butoane funcționale pe avatar pe care să puteți face clic - de fapt, aceasta este o imagine și atât.
3. Miniatura
În prezent, un avatar vertical este folosit pentru a crea o miniatură, a cărei dimensiune minimă este de 200x200 pixeli. Miniatura este folosită în postări și postări ca un mic cerc la titlu și ca un cerc mai mare în unele selecții și mențiuni ale comunității. În legătură cu trecerea la o formă rotunjită, cerințele pentru miniaturi au devenit mai stricte. Pentru ca textul pe o miniatură să fie citit complet, trebuie să nu depășească vizual granițele cercului.
Cum să încărcați o miniatură
Miniatura a devenit un element complet independent și atunci când folosiți capacul (antetul) în designul grupului, acum trebuie să faceți o miniatură separată, rețineți. Dacă grupul nu are un antet (copertă), atunci pentru a descărca o miniatură, trebuie să faceți clic pe „Încărcați fotografie” în blocul avatar (dreapta sus). Dacă există un antet (copertă) în design, atunci pentru a descărca miniatura, trebuie să faceți clic pe cercul imediat sub antet și să selectați elementul „Încărcați fotografia” acolo.
4. Banner
Banner (banner în engleză - un steag, un banner) este o imagine grafică de natură informațională, publicitară sau stimulativă. Bannerul este atașat sub formă de poză postării și poate avea un singur link intern. Mulți sunt încă convinși că se pot face mai multe link-uri dintr-un banner pe pagina de start. Nu este cazul, doar un link și atât. Aș evidenția următoarele tipuri de bannere.
4.1 Banner informativ
Un tip obișnuit de banner care conține informații generale despre o companie, grup, serviciu sau eveniment, cu o listă detaliată de beneficii și alte materiale însoțitoare. Adesea folosit ca postare fixată într-un grup. Dimensiunea unui astfel de banner este de 510x307 pixeli. Cu această dimensiune, bannerul din partea de jos coincide cu avatarul. Dacă nu există nicio legătură cu avatarul, atunci puteți folosi orice dimensiune. De exemplu, folosesc 600x350 pixeli. Formatul unui pătrat de 510x510 pixeli este, de asemenea, convenabil și câștigă popularitate acum - cu această dimensiune, bannerul ocupă cea mai mare zonă posibilă în fluxul de știri.
4.2 Banner pentru intrarea în meniul intern
Dacă adăugăm o inscripție atractivă „Deschideți meniul” la bannerul din paragraful anterior, atunci vom obține un banner, a cărui sarcină principală este să servească drept punct de intrare în meniul intern. Uneori fac un truc sub forma mai multor butoane pe banner, dar aceasta este o iluzie, atunci când utilizatorul dă clic, tot ajunge la pagina internă, iar acolo fiecare buton are propriul link. Dimensiunea unui astfel de banner este de 510x307 pixeli. Cu această dimensiune, bannerul din partea de jos coincide cu avatarul. Dacă intrarea în meniu nu este legată de un avatar, atunci puteți face orice dimensiune de banner, chiar și un buton îngust cu inscripția „Open Menu”. Principalul lucru este că lățimea bannerului ar trebui să fie de cel puțin 510 pixeli.
4.3 Card pentru repost, promoții
Recent, cardurile pentru repostare sau promoții au căpătat o relevanță deosebită. Sarcina sa este de a solicita acțiuni concrete. Practic, este „Alătură-te unui grup, repostează sau da like și câștigă un premiu”. Astfel de bannere sunt folosite ca parte a campaniilor de publicitate sau promotii atat in propriile grupuri cat si pentru promovarea in alte grupuri. De obicei folosesc 600x350 pixeli.
4.4 Banner cu animație gif
După ce dezvoltatorii VK au făcut o dimensiune mai mare pentru imaginile gif la începutul anului, gif-urile au stat imediat la rând cu bannere informative. De exemplu, pe un banner GIF, puteți oferi imagini cu mai multe produse sau texte în schimbare - mișcarea atrage imediat atenția. Și când funcția a fost adăugată în iunie autorun animații gifîn fluxul de știri, GIF-urile au devenit obiectul unei atenții deosebite a agenților de publicitate și a agenților de marketing.
5. Design avatar + banner fixat
Până de curând, acest design modular, constând dintr-un avatar și un banner fixat, a fost cel mai popular mod de a decora grupurile. Mai multe detalii despre cum să realizați un astfel de design sunt descrise în lecție. Odată cu apariția capacului (capacului), popularitatea acestui design poate scădea ușor.
În plus, există posibilitatea ca VKontakt să schimbe din nou unii parametri ai blocurilor și apoi tot designul să zboare, deoarece a fost deja de două ori în ultimele șase luni. Deci, dragi proprietari de grup, atunci când alegeți un design pentru grupul dvs., luați în considerare acest fapt. Da, și încă ceva, în dispozitivele mobile, toată frumusețea unei singure imagini nu este vizibilă, deoarece avatarul nu este afișat, ci doar o miniatură, iar postarea fixată este situată chiar dedesubt.
6. Meniul intern de navigare
Meniul sub formă de linkuri active se află pe pagina internă a VKontakte și este scris folosind comenzile de marcare wiki. Modul de creare a paginii interioare în sine este descris în lecție. Cu ajutorul meniului, utilizatorul navighează prin grup. Mai jos veți lua în considerare tipurile de meniu intern, dar deocamdată să ne oprim pe câteva puncte importante.
Puncte de intrare în meniul intern
Vreau să notez un punct subtil care este adesea trecut cu vederea. Uneori, clienții îmi comandă un meniu intern, dar în același timp nu au absolut nicio idee cum va intra utilizatorul în acest meniu foarte intern. Și puteți intra în el în două moduri: fie printr-un banner fix (vezi paragraful 4.2), fie printr-un link text în fila de sus sub bara de stare (vezi figura de mai jos). Uneori, un link text este plasat și în blocul „Links” din coloana din dreapta a interfeței.
Link-uri la meniuri interne
De obicei, la comanda, clientii indica urmatoarele elemente de meniu: Despre noi, Produsele noastre (catalog), Modalitati de livrare, Plata, Garantii, Recenzii, Contacte, Promotii, Reduceri, Program, Cum se comanda, Portofoliu, Intrebari si raspunsuri, Info, Face o comandă. Link-urile din elementele de meniu pot merge la secțiunile corespunzătoare ale site-ului extern. Apoi linkul se va deschide automat într-o fereastră nouă. Majoritatea punctelor duc la paginile interne ale VKontakte. În acest caz, pagina se deschide în aceeași fereastră și trebuie să faci un link sau un buton „Revenire la meniul principal”.
Linkurile către albume cu fotografii și videoclipuri se vor deschide într-o fereastră nouă. Link-uri către subiecte cu discuții (de exemplu, Recenzii), către o casetă de dialog pentru scrierea mesajelor, către aplicații (vezi paragraful 10), către o selecție prin hashtag-uri (vezi paragraful 12) deschise în aceeași fereastră și în acest caz puteți obține înapoi la meniu doar prin pagina principală a site-ului, sau prin butonul „Înapoi” din browser. Acesta este poate cel mai incomod moment cu astfel de link-uri.
Editarea meniurilor
Clienții mă întreabă adesea dacă este posibil să editez meniul intern. Răspunsul meu este, dacă sunteți un utilizator încrezător și sunteți familiarizat cu modurile de marcare și editare wiki, atunci puteți edita. Dar dacă nu sunteți familiarizat cu toate acestea, atunci absolut nu. În acest caz, pur și simplu anulați toate setările.
Voi cita cuvintele dezvoltatorilor VKontakte înșiși. „Un singur sfat vă va economisi multă energie și nervi: lucrați într-un singur mod. Fie este modul vizual, fie modul de marcare wiki. Comutarea între aceste două moduri în procesul de lucru asupra markupului este cea care aduce cele mai multe probleme: imaginile se pot micșora, diverși parametri pot dispărea. Acesta este unul dintre acele momente care cu siguranță va fi corectat în viitor, dar deocamdată trebuie să țineți cont de acest fapt.”
Reactivitate la mobil
Și încă ceva despre adaptabilitate. Pentru ca meniul intern să arate la fel pe dispozitivele mobile, trebuie să tastați pe tabele. Apoi imaginea va fi fixată. În caz contrar, atunci când dimensiunea ecranului este redusă, imaginile au tendința de a aluneca una sub alta, încălcând ordinea concepută inițial.
Iată, din nou, cuvintele dezvoltatorilor în detrimentul adaptabilității. „Meniul wiki este afișat în browserele mobile, dar nu se adaptează la dimensiunea ecranului, ceea ce poate face ca imaginile să arate diferit față de computer. Ghidurile pot fi găsite pe net pentru adaptarea markupului wiki pentru dispozitivele mobile, dar nici măcar acestea nu garantează performanță 100% pe toate dispozitivele.”
7. Tipuri de meniu intern de navigare
Mai jos sunt cele mai comune tipuri de meniuri interne. Există soluții mai simple și mai accesibile, cu un grad ridicat de fiabilitate. Și există modele mai complexe și mai laborioase în ceea ce privește grafica și aspectul. Dar par mai impresionante.
7.2 Meniu grafic mare
În acest caz, rândul vertical de legături este situat pe o imagine mare de fundal și are o structură fixă rigid. Iată un tutorial.
7.3 Meniu sub formă de pictograme, plăci
Acest design presupune mai multe rânduri și coloane sub formă de pictograme grafice și inscripții pe acestea sau plăci grafice multicolore sau monocrome.
7.4 Meniu dinamic cu efect de navigare
Un design foarte impresionant care imită navigarea pe site cu efectul de a face clic pe butoane sau de a marca în alt mod link-urile vizitate. Un astfel de meniu este destul de dificil de gestionat și necesită abilități de comunicare cu marcajul wiki, deoarece va trebui să editați și informațiile de pe paginile din markupul wiki. Iată un tutorial pe acest subiect.
