Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Windows 10
  • Înregistrarea grupului în VKontakte. Adresa URL a grupului VK

Înregistrarea grupului în VKontakte. Adresa URL a grupului VK

În acest articol, aș dori să sistematizez toate cunoștințele mele 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 coperta, 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 la marcaj 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 marcajul wiki. Iată un tutorial pe acest subiect.

Astăzi voi continua „Dive into VK groups”. În partea a treia a „seriei”, am povestit și am arătat,. Astăzi, să vorbim despre designul meniului grupului VKontakte!

În primul articol despre crearea meniurilor au fost multe întrebări în comentarii, așa că înainte de a începe un nou subiect, voi răspunde la întrebările frecvente.

Intrebarea 1: Primul și cel mai frecvent: "Unde este codul din meniu?" sau „Dacă nu există niciun marcaj la editare” Cod sursă „cum se adaugă o pagină internă?” sau „Încă nu înțeleg ce să fac dacă codul nu apare!”

Raspunsul 1: VK a schimbat editorul, acum pentru a comuta între editorul vizual și cod doar cu un clic (colțul din dreapta sus al editorului):

Pentru a verifica în ce editor vă aflați: mutați mouse-ul peste acest buton, scrieți ceva text și evidențiați-l cu caractere aldine - dacă nu apar caractere obișnuite, atunci acesta este un cod

Intrebarea 2: Al doilea, cu adevărat problematic: „ dar cum să elimini spațiile dintre imagini?»

Raspunsul 2: Recunosc, m-am speriat și eu când pentru prima dată meniul clientului „a mers”. Acum l-am remediat repede și atunci nu a fost distractiv. Vedea:

Adăugați etichetă nopadding; și totul va cădea la loc!

Spațiul se strecoară între imagini și meniul pare spart. Pentru cei neinițiați, poate că acest lucru nu este normal, dar pentru, cel puțin nu este profesional. Deci care e treaba? Ah, totul este foarte simplu! Unele actualizări au loc constant în VK, se introduc algoritmi noi... și chiar și editorul este strâmb... se întâmplă fără motiv, fără motiv, etichetele importante ies din cod și apoi vedem o astfel de imagine. Pentru a remedia acest lucru, trebuie să verificați codul și să faceți ajustările necesare. Formatul codului ar trebui să fie astfel:

Șablon: [] Exemplu: []

De obicei, imaginile din meniu se depărtează, deoarece codul dispare nupadding; - îl introducem la loc și totul este aliniat. Înainte de a salva rezultatul, faceți clic pe butonul „Previzualizare” pentru a vă asigura că totul este neted.

Întrebarea 3:Știri. În octombrie 2012, cu forța, Vkontakte a tăiat mașinile grupurilor și publicului. Acum dimensiunea lor are un standard comun de 200x500 pixeli. Deci, dacă ai avut mai mult avatar în grupul tău, atunci fă o actualizare (actualizează-ți avatarul).

Apropo, alături de cropping, VK a introdus o altă inovație în ceea ce privește fotografiile de grup: acum, făcând clic pe avatar, noi, la fel ca în cont, vom putea vedea toate albumele comunității. Este confortabil! Și de aici se trage o nouă funcționalitate în comunicațiile grupului.

So-a-ak, am terminat cu întrebările... acum trecem la însăși crearea meniului!

Pasul 1. Cum să creați un meniu într-un contact și să faceți pagini imbricate:

În primul rând, să ne asigurăm că știți cum să creați un meniu de grup în contact și să trecem peste o scurtă instrucțiune:

Cum îți place foaia mea de înșelăciune?

Iată o foaie de cheat pe care am primit-o! Din motive de claritate, voi nota fiecare număr:

Faceți acest lucru cu toate paginile imbricate și meniul dvs. va fi gata.

Există! Am creat meniul, am făcut paginile interioare, le-am completat, acum să trecem la crearea unui meniu grafic frumos.

Pasul 2. Cum să creați un meniu grafic frumos în contact și să-l puneți:

Nu vă voi oferi întreaga teorie despre cum funcționează marcajul wiki în contact, acum avem alte obiective. Pentru a crea un meniu vizual în grupul VK, nu trebuie să cunoașteți întregul markup wiki. Să trecem la crearea unui meniu vizual!

Mai întâi, vă voi arăta codul și rezultatul meniului meu:

Recunosc, am făcut intenționat să scriu acest articol. Toate „mâinile nu au ajuns”, știi, ca „un cizmar fără cizme”. Dar acum sunt cu un meniu vizual în grupul VK!

Nu vă voi spune cum să desenați o imagine pentru meniu, aceasta este afacerea designerilor, eu mă desenez, dar nu atât de profesional. , la sfârșitul articolului, am dat un videoclip despre cum să desenați un meniu simplu în Photoshop, verificați-l, poate o puteți face singur. Daca nu, comandati o poza a meniului de la.

Vă voi arăta o opțiune medie de configurare a meniului. Diferența este în numărul de articole. Meniul, care este pur și simplu tăiat în fâșii, este cea mai simplă execuție a acestuia. Cu cât sunt mai multe butoane pe care se poate face clic într-un rând, cu atât este mai dificil de executat. Deși, cunoscând caracteristica, totul este simplu! E doar o chestiune de timp. Deci, lățimea imaginii ar trebui să fie:

370 px - dacă aveți două sau mai multe obiecte într-o linie, așa cum am butoane pentru rețelele sociale

Și max 388 px - dacă tăiem poza într-un mod simplu, doar în linii, fără a împărți în obiecte mici. Aceasta este caracteristica pe care trebuie să o știți când tăiați un meniu în butoane. Dimensiunea imaginii mele a întregului meniu este de 370x456 px.

După ce fotografia a fost tăiată în numărul necesar de obiecte și salvată într-un album separat, încărcați acest album în VK. Încărcați în profilul contului dvs., nu într-un grup! Deoarece nu mai există opțiunea de a ascunde albumele din albumele grupului. Un album tehnic într-un grup corporativ (de exemplu) nu este deloc necesar, așa că ascundem elementele de meniu din albumul contului:

Album tehnic VK

După ce ați configurat confidențialitatea „Numai eu”. Trecem la instalarea meniului în sine. Îți voi da un exemplu de cod care ar fi un șablon pentru tine și vom analiza în ce constă:

[]

Unde, foto7632142_296911699- aceasta este adresa pozei! Ne uităm la asta în bara de adrese a imaginii:

Din prima imagine, vom începe să inserăm meniul în grupul VKontakte

Aveți nevoie de o adresă scurtă a imaginii, pentru aceasta accesați albumul în sine:

Accesați albumul în sine pentru a obține adresa imaginii dorite!

... și pornind de la prima poză, trageți-le în meniul de grup.

Adăugați dimensiunea imaginii la codul de meniu!

Deci, s-a adăugat adresa pozei, s-a indicat dimensiunea, acum punem eticheta nupadding;- este necesar pentru ca imaginile noastre să se potrivească perfect. Iar ultimul pas este să pui un link către pagina în care va merge vizitatorul după ce face clic pe poză.

Iată o mică precizare! Scriem link-uri externe, link-uri către albume și discuții VK în întregime și link-uri către pagini interne în format pagina-32734125_44298120... La începutul și la sfârșitul rândului, nu uitați să puneți două ghilimele pătrate și fără spații.

Clarificarea 2: Când trimitem la pagini interne fără imagini, folosim ghilimele pătrate simple pentru discuții, albume și linkuri externe.

Liniile care conțin două sau mai multe elemente sunt inserate în cod fără spații. Introduceți fiecare linie a imaginii una după alta. Pentru că dacă apăsați Enter după linia cu imaginea, imaginea va sări pe o nouă linie și meniul se va muta. Avem nevoie ca meniul să fie afișat dintr-o singură bucată, așa că nu avem nevoie de spații suplimentare și „irters”!

După ce ați transferat toate pozele în meniu și le-ați proiectat (dimensiune, link), salvați rezultatul și admirați munca noastră! Tot! Gata!

Designul frumos al comunității VKontakte nu este un capriciu, ci un element important care formează încrederea utilizatorilor în tine și compania ta. Dacă o pagină publică sau un grup nu este proiectat profesional, clienții potențiali pot concluziona în mod 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 reale ale imaginilor „VKontakte”

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

Acum să aruncăm o privire mai atentă la fiecare articol.

Mărimea avatarului VK

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


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

Permiteți-mi să vă arăt cu un exemplu.

Am o imagine. Dimensiunea sa este de 200 pe 800 de pixeli (raport 2 la 8). Nu apare nicio eroare 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 versiunea și aplicațiile mobile, nu este afișată versiunea completă a copertei, ci doar o parte a acesteia cu dimensiunea de 1196 pe 400 pixeli. Vedeți cum este decupat în aplicația mobilă:

Pentru a preveni acest lucru, plasați elementele principale ale husei dvs. la o dimensiune de 1196 x 400 pixeli.


Imagini atasate

În designul actualizat al „Contact”, lățimea fluxului de știri a devenit fix. Aceasta înseamnă că imaginile atașate unei postări nu se mai întind, ci rămân așa cum sunt. Prin urmare, dacă doriți ca imaginea dvs. să umple complet spațiul alocat în fluxul de știri, lățimea sa trebuie să fie de cel puțin 510 pixeli. Cel mai bine este dacă este un pătrat sau dreptunghi în orientare peisaj.

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

Să presupunem că avem o imagine 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 fluxul smartphone-urilor. Pentru a verifica acest lucru, priviți imaginea de mai jos:

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

Imagini pentru postări cu link


Toate aceste date sunt preluate din codul de marcare Open Graph:


Dacă nu este specificat Open Graph, titlul este preluat din metaeticheta Title, iar imaginea este preluată din articol. În același timp, poate fi schimbat cu ușurință - sau puteți alege o altă imagine din articol folosind săgeți speciale:


Sau încărcați propria dvs.:


Dimensiunea minimă a imaginii pe care o puteți utiliza ca previzualizare pentru articolul dvs. este de 537 x 240 pixeli. Cu toate acestea, puteți încărca imagini mai mari, atâta timp cât raportul de aspect este corect.


Imagine pentru un articol creat în editor

Dimensiunea imaginii pentru coperta articolului, creată în editor, este de 510 pe 286 pixeli. Este mai bine dacă este întunecat și mai mult sau mai puțin monocromatic, deoarece titlul articolului și comunitatea se pierde pe un fundal deschis.

Bun exemplu:


Nu este un exemplu bun:


Dimensiunea foto și video pentru povești

Dimensiunea fotografiilor este de 1080 x 1920 pixeli. Dimensiunea videoclipului este de 720 x 1280 pixeli.

Specificații pentru înregistrări video:

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

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

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

Dimensiunea coperta albumului foto

Dimensiunea imaginii pentru video

1280 x 720 pixeli.


Pagina Wiki

Zona de conținut a paginii wiki are o lățime de 607 pixeli. Dacă încărcați o imagine mai mare, aceasta va încărca automat 400 de pixeli lățime. Exemplu: am o imagine de 1366 x 768. Dacă o adaug la o pagină wiki, arată astfel:


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


Voi descrie în detaliu 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ă? Efectul fundalului și al 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, pe un fundal roșu) și când imaginea nu este prea mare. Exemplu:


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

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

Imaginea pe fundal albastru închis, pe care am adus-o puțin mai sus, are dimensiunea de 510 pe 350. Am făcut-o de două ori mai mare (1020 pe 700) și am salvat. Asta a ieșit din asta:


Cum să o repar? Răspunsul este foarte simplu - trebuie să alegeți un fundal diferit. Faptul este că pixelii sunt mai vizibili pe un fundal întunecat decât pe unul deschis. Prin urmare, dacă doriți să obțineți o calitate perfectă (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ă stilați antetul paginii

Antetul paginii sau grupului dvs. public este primul lucru pe care îl văd utilizatorii când vă vizitează. În cele mai multe cazuri, acest loc este folosit pentru a plasa un meniu de navigare bazat pe materiale publice, unele postări interesante sau anunțuri importante. Să aruncăm o privire la exemple despre modul în care diferite companii utilizează acest spațiu.

Acoperi

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


Puteți plasa orice doriți pe copertă: de la numele și motto-ul companiei dvs. până la tot felul de promoții, oferte și chiar concursuri.

Recomand să acordați o atenție deosebită posibilităților unei huse dinamice. Cum funcționează, în ce scopuri poate fi folosit și cu ce servicii să-l instalezi, citește articolul nostru.

Exemple de skin-uri dinamice:

Coperta + descrierea comunității + link pentru site

Unele companii nu fixează în mod special nicio postare din antet, astfel încât utilizatorii să poată citi informațiile de bază despre pagină și să meargă direct pe site.

Descriere cu hashtag-uri

Unele companii adaugă hashtag-uri la descrierea standard a 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 să fiu, nu știu dacă această metodă funcționează sau nu. Nu am întâlnit niciun caz pe acest subiect, așa că, dacă știe cineva, vă voi fi recunoscător dacă distribuiți un link.

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

Dacă doriți să spuneți mai detaliat despre pagina dvs. (cu fotografii, link-uri și un aspect frumos), atunci puteți atașa o postare wiki sau un articol, tipărit în editor, cu o imagine strălucitoare pe anunț la antet, care va încuraja utilizatorii să facă clic pe el. Un exemplu de astfel de postare:

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


Meniul de grup deschis

Un meniu deschis pe care îl numesc un astfel de meniu, care arată imediat din ce articole constă. Adică, imaginea de previzualizare a postării wiki duplică complet conținutul acesteia. Astfel, utilizatorii văd imediat ce îi așteaptă înăuntru. Permiteți-mi să vă arăt cu un exemplu.

Iată cum arată postarea fixată în antetul paginii Flatro:


Meniu de grup închis

Un meniu închis este aceeași postare pe wiki ca în paragraful anterior, doar anunțul are o poză pe care nu există elemente de meniu. De obicei se scrie pe el: „Meniu”, „Meniu de navigare” sau „Navigarea prin materiale publice”.

Și iată ce vedem când facem clic pe el:

Apropo, trebuie menționat că acestea sunt departe de singurele opțiuni. Practic, poți scrie ce vrei în 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 Fusion pentru grup

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

GIF și avatar într-o singură imagine

Dar această opțiune pentru designul șapcii m-a impresionat foarte mult. 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 văzut acest exemplu în grupul marketerului SMM Sergey Shmakov. Așa că, pentru descoperire, îi exprim recunoștința față de el :)

Meniu ascuns

Meniul ascuns este disponibil doar 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 de bază ale comunității, iar dacă doresc să folosească meniul, trebuie doar să facă un singur clic. Cu toate acestea, există un mic dezavantaj aici - nu toți utilizatorii sunt conștienți de existența acestei funcții, astfel încât meniul dvs. poate primi mai puțină atenție decât dacă ar fi fixat în partea de sus a paginii.

Redare automată video

La sfârșitul lunii noiembrie 2015, o inovație interesantă a apărut pe rețeaua socială VKontakte - de îndată ce utilizatorul vă vizitează pagina, videoclipul atașat antetului începe să fie redat automat. Cu ajutorul acestei tehnici, poți atrage și mai multă atenția utilizatorilor (în special a celor care au vizitat prima oară pagina ta) și, în același timp, să nu-i enervezi pe cei cărora nu le place când le este impus conținutul, deoarece videoclipul se joacă fără sunet și practic nu interferează...

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

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

  • Atașați un videoclip la o 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. Video și text numai opțional.
  • Videoclipul trebuie să fie încărcat de 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 tale este să fixați una dintre cele mai de succes postări ale tale - cea care a câștigat deja și continuă să câștige un număr mare de aprecieri și distribuiri. De ce să faci asta, cred, este clar pentru toată lumea - cu cât mai multe repostări, cu atât mai multă acoperire, cu atât pagina primește mai multe abonamente.

Anunturi de noi clipuri, albume, evenimente

Prezentarea noilor produse/servicii

Reduceri si promotii

Cazuri, recenzii ale clienților

Publicitate pentru aplicații

Glume practice

reguli comunitare

Link-uri către alte rețele sociale

Am enumerat departe de toate opțiunile pentru designul antetului. Practic, puteți posta orice fel de informații pe copertă și pe postarea fixată: joburi, reclame, link-uri către cele mai bine vândute produse etc. Așa că nu vă limitați la exemplele de mai sus. Fii creativ și folosește designul comunității pentru a-ți atinge obiectivele.

Ce ar trebui să fie un avatar

Un avatar nu este doar o imagine frumoasă cu sigla companiei tale, ci un instrument de lucru pentru un marketer, cu ajutorul căruia își atinge obiectivele. Să aruncăm o privire mai atentă la ceea ce ar trebui să fie pentru a atrage atenția utilizatorilor și a-i încuraja să efectueze acțiunea vizată. Să începem cu o miniatură.

Miniatura avatarului

  1. Textul de pe miniatura avatarului trebuie să fie suficient de mare pentru a putea fi citit.


  2. Textul nu trebuie să depășească miniatura.


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


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

  5. Nu este de dorit ca miniatura avatarului să fie prea plictisitoare și plictisitoare, altfel se va pierde pe fundalul avatarurilor mai strălucitoare ale concurenților.
  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ărcătură semantică. Avatarul tău ar trebui să fie cât mai simplu și îngrijit posibil. Acest stil este în tendințe acum.


  7. Dacă scopul tău este să atragi atenția utilizatorilor și să ieși în evidență pe fundalul altor avatare din feed, va trebui să pornești imaginația. Gândiți-vă la ce căutați dvs. atunci când căutați comunități interesante? Aici, de exemplu, am fost în mod repetat atras de avatare cu o lumină arzătoare, ceea ce indică de obicei că a venit un nou mesaj. Aceasta este o tehnică foarte veche, dar din anumite motive încă mă afectează - când voi vedea o astfel de lumină, cu siguranță voi rămâne cu ochii pe ea.

Nu sugerez că acest truc va funcționa și cu pagina ta. Ideea pe care vreau să-l transmit este că există foarte, foarte multe moduri de a ieși în evidență, trebuie doar să pui această întrebare și să arăți puțină creativitate. De exemplu, iată o altă idee interesantă la care eu însumi cu greu m-aș fi gândit:


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, aceste avatare atrag atenția, pentru că sunt foarte diferite de toți ceilalți.

Ce informații pot fi plasate pe miniatura avatarului

Deși miniatura avatarului este foarte mică, poate (și ar trebui) să fie folosită pentru a atrage adepți în comunitatea ta. Cum să o facă? Să ne uităm la câteva opțiuni:

Anunț nou produs/serviciu/eveniment


Avantaje companie/serviciu/pagină


Numărul de telefon al companiei


Preturi favorabile


Transport gratuit


Apropo, foarte des informațiile pe care compania le oferă transportul gratuit sunt adăugate la numele grupului în sine, astfel încât utilizatorii vor acorda cu siguranță atenție acesteia.


Stoc


Concursuri


Locuri vacante


Care ar trebui să fie avatarul în sine?

M-am gândit care ar trebui să fie miniatura unui avatar și ce text poate fi plasat pe el. Acum să trecem la avatarul în sine. Versiunea completă a avatarului va fi afișată numai în comunitatea care nu are o imagine de copertă instalată. Pentru astfel de cazuri am scris această secțiune. Deci, care ar trebui să fie avatarul comunității tale pentru ca 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. Cum să realizez acest lucru, am scris puțin mai sus. Pentru cei care au ratat această parte, voi spune pe scurt - dimensiunea avatarului ar trebui să fie de 2-3 ori mai mare decât ceea ce ați planificat.
  2. Este de dorit ca avatarul să fie combinat cu meniul: are aceeași schemă de culori, are aceleași fonturi, elemente etc. Datorită acestui lucru, antetul paginii dvs. va arăta mai îngrijit ș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 stila după cum doriți, puteți selecta zona respectivă ca miniatură și puteți stila restul avatarului într-un stil diferit.

  4. O altă opțiune este să împărțiți avatarul în două părți. Unul pentru miniatură și unul pentru restul avatarului.


  5. 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 cu o săgeată care indică butonul.

  6. Încearcă să nu postezi prea multe informații pe avatarul tău, altfel va părea copleșit ș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 avatar?

Practic, poți plasa orice pe avatarul tău. Spre deosebire de miniaturi, aici este într-adevăr unde să hoinărești. Cel mai important, nu-l abuzați :)

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.


Reînnoirea gamei / noua creativitate etc.


Informații că comunitatea ta este oficială


Informații despre evenimentele viitoare


Adresele de cont în alte rețele sociale


Descriere extinsă a paginii


Se laudă


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

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

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

  1. Descărcați șablonul Photoshop pe care l-am pregătit special pentru acest articol. Dimensiune obișnuită (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ă vă bazați.
  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ă și multe altele.


  1. Dacă nu doriți ca o parte a imaginii să se piardă (în acel spațiu, care este 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 „Feii după ghiduri”.


  1. Ștergeți fragmentele inutile (clic dreapta - „Ștergeți fragment”) și editați-le pe cele existente (clic dreapta - clic într-un spațiu gol - luați zona necesară și întindeți-o la dimensiunea dorită).


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


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


P.S.Înălțimea avatarului poate fi modificată la discreția dvs. Am luat dimensiunea maximă - 500 de pixeli, dar valoarea dvs. poate fi mai mică. De exemplu, ca pe pagina de marcare Wiki:

Cum să utilizați widget-urile

Widgeturile fac, de asemenea, parte din designul comunității VK. Cu ajutorul acestora, utilizatorul poate: să plaseze o comandă, să se aboneze la lista de corespondență, 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 o pagină VKontakte:




Cum să stilați imaginile pentru postări

Dacă sunteți web designer sau aveți un gust artistic și un simț al frumosului, atunci nu ar trebui să vă fie greu să veniți cu o identitate corporativă pentru imaginile dvs. Totuși, mi se pare că astfel de oameni din acest articol vor fi o minoritate (nici eu, de altfel, nu le aparțin). 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 toate companiile binecunoscute VKontakte își marchează imaginile, adică adaugă un logo mic, 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ă făcut, fiecare decide singur. Singurul lucru pe care aș dori să-l sfătuiesc: 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?

Avem un articol bun pe blog pe acest subiect - „”. Toate sunt gratuite, dar unele necesită înregistrare. Dacă nu găsiți nimic potrivit pentru dvs., încercați să căutați cuvântul cheie + tapet (sau, dacă este în engleză, tapet). De obicei, imagini de înaltă calitate sunt lansate pentru o astfel de solicitare. Dar aici trebuie să fii atent și să verifici tipul de licență, altfel, dacă ai o afacere serioasă, poți avea probleme.

Și cum rămâne cu cei care nu pot lucra în Photoshop?

Dacă nu ați lucrat niciodată în Photoshop (sau în orice alt editor grafic) și nu sunteți încă pregătit să vă faceți timp pentru a-l stăpâni, puteți utiliza serviciile care au deja șabloane de imagini gata făcute 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ă sunt oferite gratuit numai șabloanele care nu au pictogramă diamant.



Lipiți-l în șablon, selectați-l cu butonul stâng al mouse-ului, selectați comanda Layer (pictograma sandwich) și faceți clic pe Mutare în jos. Astfel, poza 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 te va ajuta să-ți decorezi frumos imaginea. Funcționează pe același principiu ca și precedentul. Ne înregistrăm în serviciu (puteți folosi contul dvs. Google+ sau e-mailul).


Alegerea domeniului nostru 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ă avem nevoie de una pătrată.


Selectați un șablon (dacă șablonul este marcat „GRATIS”, atunci 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, apăsați 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 reușit să scrie articole î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 markup wiki și, în general, aud acest termen pentru prima dată. Prin urmare, mai ales pentru tine, voi da o definiție care este dată de „Contact” însuși.

Markup Wiki este un limbaj de marcare care este folosit pentru a formata textul de pe site-uri web (de obicei aparținând clasei de proiecte wiki) și facilitează accesul la capabilitățile limbajului HTML. Pe site-ul nostru, paginile wiki sunt o alternativă bună la postările obișnuite și navigarea text. Fie că trebuie să creați un articol mare cu formatare de text diferită (aldine, subliniate, titluri etc.) sau să adăugați elemente grafice la acesta, sau doar să creați un meniu de navigare colorat în comunitatea dvs., wiki-ul este indispensabil.

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


Cu ajutorul acestui editor se creează meniuri de navigare, precum și articole cu poze, videoclipuri și înregistrări audio. Mai jos voi analiza în detaliu modul de lucru în acest editor, dar mai întâi vă rog să adăugați două link-uri la marcajele dvs. Ele vă vor ajuta foarte mult să învățați marcajul wiki.

Î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,

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

Top articole similare