ÎN în ultima vreme specialiști în chat-uri închise, începători targetologi, specialiști SMM, precum și antreprenori care încearcă ei înșiși V postări promoționale, foarte des pun întrebarea „de ce dimensiune este nevoie? pentru o postare promoțională?. De aceea, folosind exemple, am decis să descriu în detaliu ce format ar trebui să fie banner pentru postare promotionala, astfel incat sa fie afisat frumos si cat mai voluminos pe PC-uri, telefoane mobile si tablete. Ei bine, hai sa mergem :)
Pentru exemplu clar Voi compara două bannere cu dimensiunile 1280*720 și 800*525. Da, apropo, dimensiunea și calitatea bannerului pot fi diferite - cel mai important lucru aici sunt proporțiile. Așadar, iată cum arată un astfel de banner în fluxul de știri de pe diferite dispozitive:
După cum puteți vedea, un banner cu o dimensiune de 800*525 în partea dreaptă are o indentare mult mai mare decât atunci când utilizați o dimensiune de 1280*720. Deși este mai larg și acoperă o zonă mai mare pentru vizionare prin fluxul de știri. Să vedem cum vor arăta aceste bannere în noul design VKontakte.
Ei bine, în noul design VKontakte, ambele dimensiuni diferă doar în înălțime, în timp ce lățimea rămâne aceeași. Și, spre deosebire de versiunea veche VK, nu-l vedem în dreapta indentare mare. Dar bannerul 800*525 surprinde o zonă vizibilă mult mai mare în fluxul de știri decât dimensiunea 1280*720 - imaginea este din ce în ce mai mare!
Acum să vedem cum vor arăta aceste bannere versiunea mobilă Aplicațiile VKontakte pe iOS.
La fel ca în noul design VKontakte, un banner cu dimensiunea de 800*525 pare mult mai mare (mai înalt) decât un banner cu dimensiunea de 1280*720. Și acesta este un foarte mare plus pentru versiunea mobilă, deoarece zona de vizualizare a știrilor de acolo este mică și publicitatea cu această dimensiune a bannerului va prelua cea mai mare parte!
Ei bine, acum să vedem cum va arăta o imagine pătrată în fluxul de știri! Pentru claritate, voi face un tabel.
PC - design vechi VKontakte | PC - nou design VKontakte | Mobil - aplicație VKontakte |
Ei bine, acum suntem clar convinși că o vedere de ansamblu mai mare primesc poze cu o dimensiune de 800*525 și mai mare, apropiindu-se de o formă pătrată. Dar! Nu uitați că postările promoționale conțin și text, așa că atunci când alegeți dimensiunea imaginii, nu uitați că pentru a vizualiza textul pe diferite dispozitive, imaginea nu ar trebui să ocupe tot spațiul vizibil din fluxul de știri! Acest lucru este important!
Deoarece acum o parte a publicului „stă” pe VKontakte prin noul design și majoritatea prin cel vechi, este mai bine să utilizați dimensiunea 800*525. Da, am încercat și m-am chinuit cu alte dimensiuni, încercând să reducem indentația din marginea dreaptă, dar a crescut doar și cea mai mică adâncime (ținând cont de vizualizarea mai mare prin mobil) s-a dovedit a fi 800*525.
Ei bine, asta e tot pentru azi. Vă mulțumim pentru atenție și promoții de calitate! 😉
Vă mulțumim pentru atenție!
Mulți dintre noi folosim rețelele sociale, pentru că ne apropie puțin de familie, prieteni și cunoștințe. Pe aceste platforme există grupuri și comunități în care putem comunica cu oameni asemănători nouă, așa că în acest articol vom vorbi despre cum să faci un banner în grupul VK, de ce este necesar acest banner și când a apărut. Aceste informațiiîi va ajuta pe cei care doresc să se realizeze în crearea de comunități și grupuri. Mulți oameni acordă cel mai adesea atenție bannerului, deoarece este fața paginii.
În primul rând, trebuie să înțelegeți ce sunt grupurile - acestea sunt comunități speciale la care oamenii se pot alătura numai din propria lor voință. Comunitățile sunt împărțite în două tipuri: închise și deschise. Este clar că poți intra în cele închise doar prin invitație sau prin link direct către comunitate, după care administrația proiectului va lua în considerare cererea ta de aderare pentru ceva timp.
Pentru prima dată bannere mari a apărut în grupuri în 2016, după următorul mare actualizare„VK”, dar utilizatorilor chiar le-a plăcut, spre deosebire de cele anterioare, care au implicat o schimbare completă a culorilor, designului site-ului și multe altele. După actualizare, au început imediat mesajele către moderatori despre cum să faci un banner mare în grupul VK. Această cerere i-a interesat pe mulți, pentru că un banner este pat suplimentar pentru publicitate, dar existau puține informații despre cum să o faceți în acel moment.
Dacă nu știți cum să vă creați propriile imagini folosind aplicații populare pentru procesarea imaginilor, de exemplu Adobe Photoshop, atunci vă recomandăm să citiți următorul paragraf al articolului, unde vă vom spune în detaliu cum să faceți un banner. Dacă tu utilizator avansat, atunci merită spus că cerințele pentru imagine sunt următoarele: 1590 x 400 px, iar formatul imaginii este JPG.
Mai întâi trebuie să creezi o pânză goală, este indicat să folosești o aplicație în care ești mai mult sau mai puțin versat, dar este indicat să înveți cum să folosești Photoshop. Implementează multe funcții care pot crea o capodoperă, dar nu este esențială. Principalul lucru este să faceți pânza strict 1590 x 400 pixeli, adică 1590 lățime și 400 înălțime - aceste proporții vor arăta bine pe orice monitor. Dacă nu știți cum să faceți acest lucru, există instrucțiuni de mai jos.
Cum să faci un banner în grupul „VK” în Adobe Photoshop:
Într-un mod similar, puteți face o imagine în orice editor foto, dar în locația butoane funcționale poate varia. Acum ar trebui să încarci această imagine în grupul tău.
Cum să faci un banner în grupul VK:
Sperăm că înțelegeți cum să faceți un banner într-un grup VK, deoarece aceste cunoștințe sunt necesare pentru cei care urmează să-și creeze propriul grup. Nu uitați că puteți plasa o reclamă într-un banner și puteți fi plătit pentru asta.
Î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 de care mulți nici măcar nu sunt conștienți. Am vrut să mă opresc mai detaliat asupra unor inovații, pentru că printre ele există lucruri cu adevărat utile și utile. Cu toții se pare că ne-am revenit după un șoc după reproiectarea VKontakte, iar în spatele schimbărilor vizibile am descoperit funcționarea multivariată și conținutul grupului. Deci acum proiectarea grupurilor implică o procedură complexă care nu se limitează doar la componenta grafică sub formă de imagini frumoase. Acum proprietarii trebuie să țină cont de multe nuanțe ale construirii unei structuri de grup, în funcție de subiectul afacerii și de confortul utilizatorilor.
Este mai ales despre alegere. design grafic dintre două opțiuni care se exclud reciproc, dezvoltarea meniul intern, alegerea unui punct de intrare în meniul intern, înțelegerea diferenței dintre un catalog și un afișaj de produs, pregătirea materialelor promoționale pentru promovarea grupului, utilizarea aplicații utile. Dar, pe primul loc. Mai întâi ne vom uita la principalele elemente ale designului grupului, apoi vom trece la interacțiunea lor sub formă de diverse combinații și apoi vom vorbi despre câteva sfaturi utileși subtilități.
1. Capac orizontal (antet)
Să începem cu o copertă orizontală sau un antet. Dezvoltatorii VKontakte ne asigură că capacul, datorită dimensiunii sale, oferă o mai mare manevrabilitate în furnizarea și vizualizarea informațiilor. De obicei, pe lângă frumoasa poza Antetul conține sigla, informațiile însoțitoare, contacte, un apel pentru a se alătura grupului și adresa site-ului web. Am o bănuială că într-o zi coperțile vor fi singurul lucru opțiune posibilă proiectarea grupului, așa că aș recomanda trecerea imediată la acestea pentru a evita reproiectările ulterioare de forță majoră.
Cum să încarci o copertă
Pentru a descărca coperta, trebuie să accesați Community Management >> Bloc Informații de bază >> Community Cover >> Încărcare. Dimensiunea recomandată a copertei este de 1590x400 pixeli. Nu pot exista butoane de lucru în antet pe care să se poată face clic - în esență este o imagine și asta este. 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 de sus sub antet pot fi acum trei file: postare fixată, informații despre comunitate și meniul wiki (doar în grupuri de pe pagini publice nu există o astfel de filă). 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 prin comutarea între file. Pentru ca fila meniului wiki să apară (inițial se numește Ultimele știri), trebuie să mergeți la Managementul comunității » Secțiuni » Materiale » Restricționat (sau Deschis) » Salvare.
2. Avatar vertical
Acum să ne îndreptăm atenția către vechiul avatar bun pentru un grup care măsoară 200x500 pixeli. Deocamdată, este și o modalitate de a proiecta un grup. De obicei, avatarul conține 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ă - miniatura. Pentru a crea un grup, puteți utiliza fie un antet orizontal (copertă), fie un banner vertical. Dacă există un antet, avatarul vertical nu este vizibil. Nu există butoane funcționale pe avatar care să poată fi apăsate - în esență este o imagine și asta este.
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 intrări sub forma unui cerc mic lângă titlu și sub forma unui cerc mai mare în unele selecții și mențiuni ale comunității. În legătură cu trecerea la o formă rotundă, cerințele pentru miniaturi au devenit mai stricte. Pentru ca textul de pe miniatură să fie pe deplin lizibil, nu trebuie să se extindă vizual dincolo de limitele cercului.
Cum să încărcați o miniatură
Miniatura a devenit un element complet independent, iar atunci când utilizaț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 încărca o miniatură trebuie să faceți clic pe „Încărcați fotografie” în blocul avatar (dreapta sus). Dacă designul conține un antet (copertă), atunci pentru a încărca miniatura trebuie să faceți clic pe cerc imediat sub antet și să selectați „Încărcați fotografia” acolo.
4. Banner
Banner (banner în engleză - steag, banner) - imagine grafică informative, publicitare sau promotionale. Bannerul este atașat ca imagine postării și poate avea doar unul link intern. Mulți sunt încă convinși că pagina de start Puteți face mai multe link-uri dintr-un banner. Acest lucru nu este adevărat, doar un link și atât. Aș evidenția următoarele tipuri de bannere.
4.1 Banner informativ
Un tip comun 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 post fixatîn grup. Dimensiunea acestui banner este de 510x307 pixeli. La această dimensiune, partea de jos a bannerului coincide cu avatarul. Dacă nu există nicio legătură cu avatarul, atunci puteți folosi orice dimensiune. De exemplu, folosesc dimensiunea 600x350 pixeli. Formatul pătrat de 510x510 pixeli este, de asemenea, convenabil și câștigă popularitate acum - cu această dimensiune, bannerul ocupă cea mai mare suprafață posibilă. flux de știri.
4.2 Banner pentru a intra în meniul intern
Dacă adăugăm inscripția captivantă „Open menu” 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, ei creează un fals sub forma mai multor butoane pe un banner, dar aceasta este o iluzie atunci când este făcută clic, utilizatorul ajunge în continuare la pagina internă și acolo fiecare buton are propriul link. Dimensiunea acestui banner este de 510x307 pixeli. Cu această dimensiune, partea de jos a bannerului coincide cu avatarul. Dacă intrarea în meniu nu este legată de avatar, atunci puteți face bannerul de orice dimensiune, chiar și un buton îngust cu inscripția „Deschideți meniul”. Principalul lucru este că lățimea bannerului este de cel puțin 510 pixeli.
4.3 Card pentru repost, promoții
Recent, cardurile pentru repostare sau promoții au devenit deosebit de relevante. Sarcina sa este o chemare la o acțiune specifică. Practic, este „Alătură-te grupului, repostează sau da like și câștigă un premiu”. Astfel de bannere sunt folosite ca parte a campaniilor publicitare sau promoțiilor, cum ar fi propriile grupuri, și pentru promovare în alte grupuri. De obicei folosesc 600x350 pixeli.
4.4 Banner cu animație gif
După ce dezvoltatorii VK au făcut-o la începutul anului dimensiune mai mare Pentru imagini gif, GIF-urile au fost imediat la egalitate cu bannerele informative. De exemplu, pe un banner GIF puteți afișa 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. Avatar+design banner fix
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 proiecta grupuri. Mai multe detalii despre cum să realizați acest design sunt descrise în lecție. Odată cu apariția antetului (copertă), popularitatea acestui design poate scădea ușor.
În plus, există posibilitatea ca VKontakte să schimbe din nou unii parametri ai blocurilor și apoi întregul design să cadă, așa cum sa întâmplat 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
Meniu ca link-uri active situat pe pagina internă a VKontakte și scris folosind comenzile markup wiki. Modul de creare a paginii interioare în sine este descris în lecție. Folosind meniul, utilizatorul navighează prin grup. Mai jos vă veți uita la tipurile de meniuri interne, dar deocamdată ne vom concentra pe câteva puncte importante.
Puncte de intrare în meniul intern
Aș dori să subliniez un punct subtil căruia adesea nu i se acordă importanță. Uneori, clienții îmi comandă un meniu intern, dar nu au nicio idee cum va ajunge utilizatorul la acest meniu intern. Și puteți ajunge la el în două moduri: fie printr-un banner fixat (vezi paragraful 4.2), fie printr-un link text în fila de sus sub linia 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, clienții indică următoarele elemente de meniu: Despre noi, Produsele noastre (catalog), Modalități de livrare, Plată, Garanții, Recenzii, Contacte, Promoții, Reduceri, Program, Cum se comandă, Portofoliu, Întrebări și răspunsuri, Informații, Plasați o comandă. Link-urile din elementele de meniu pot merge la secțiunile corespunzătoare ale site-ului extern. Apoi linkul se deschide automat într-o fereastră nouă. Majoritatea punctelor conduc la pagini interne 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 deschid î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 punctul 10), către selecția prin hashtag-uri (vezi punctul 12) deschise în aceeași fereastră și în în acest caz, Puteți reveni 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 meniului
Clienții mă întreabă adesea dacă este posibil să editez meniul intern. Iti raspund daca tu utilizator încrezătorși sunteți familiarizat cu aspectul wiki și modurile de editare, apoi puteți edita. Dar dacă nu ești familiarizat cu toate acestea, atunci absolut nu. În acest caz, pur și simplu veți strica toate setările.
Voi cita cuvintele dezvoltatorilor VKontakte înșiși. „Un singur sfat vă va scuti de mult efort și nervi: lucrați într-un singur mod. Fie este modul vizual, fie modul de marcare wiki. Comutarea între aceste două moduri în timp ce lucrați la marcare aduce cele mai multe probleme: imaginile pot deveni mai mici sau pot dispărea diverși parametri. Acesta este unul dintre acele lucruri care cu siguranță vor fi corectate în viitor, dar deocamdată trebuie să ținem cont de acest fapt.”
Mobil receptiv
Și încă un punct despre adaptabilitate. Pentru ca meniul intern să arate la fel pe dispozitivele mobile, trebuie să-l aranjați pe tabele. Apoi imaginea va fi fixată rigid. ÎN altfel, atunci când dimensiunea ecranului este redusă, imaginile tind să se miște una sub alta, încălcând ordinea inițială.
Iată, din nou, cuvintele dezvoltatorilor despre adaptabilitate. „Meniul wiki este afișat în browsere mobile, dar nu se adaptează la dimensiunea ecranului, ceea ce poate face ca imaginile să arate diferit decât ar fi pe un computer. Puteți găsi ghiduri online despre cum să adaptați marcajul wiki la dispozitive mobile, dar nici măcar ei 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ă mai simple și solutii bugetare cu un grad ridicat de fiabilitate. Și există modele mai complexe și care necesită multă muncă î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 un mare imagine de fundalși are o structură fixată rigid. Iată lecția.
7.3 Meniu sub formă de pictograme, plăci
Acest design implică mai multe rânduri și coloane sub formă de pictograme grafice și inscripții pentru ele, sau plăci grafice multicolore sau monocrome.
7.4 Meniu dinamic cu efect de navigare
Un design foarte impresionant care simulează navigarea pe site cu efectul clicurilor pe butoane sau al altor marcaje ale linkurilor 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 din paginile din markup wiki. Iată o lecție pe această temă.
Primul avantaj al constructorului de bannere este că este disponibil online și nu necesită instalarea de elemente suplimentare software. După cum puteți vedea în captură de ecran, serviciul în sine este mic și nu este supraîncărcat cu link-uri de meniu, butoane de control și diverse setari. Sunt doar 4 dintre ele pe pagina principală Avem nevoie de secțiunile Proiectele mele și Inspirație. După autorizarea prin Facebook sau înregistrarea obișnuită (e-mail + parolă), putem începe crearea unui banner, afiș sau invitație.
Serviciul are toate instrumentele necesare face un banner rapid și eficient și descărcați în formatul de care avem nevoie. Sunt disponibile mai multe formate de imagine pentru bannere gata făcute: JPG, PNG și PDF.
Pentru a face un banner, trebuie doar să începeți. Accesați site-ul web al designerului.
După ce ați selectat dimensiunea dorită din șablon sau ați specificat propriile dimensiuni, accesați pagina de creare a bannerului. Meniul din stânga se va schimba și va arăta ca captura de ecran. Acum putem adăuga fotografii, fundaluri sau modele la fundal din galerie sau încărcați-vă pe propria dvs. În secțiunile rămase putem găsi Linii, Cadre, Forme și multe altele.
Fiecare element adăugat poate fi revopsit în culori diferite, modificat în dimensiune, locație și transparență. Textul este adăugat separat și, de asemenea, puteți face toate modificările enumerate mai sus cu el. Fonturile rusești sunt disponibile în serviciu.
Proiectul finalizat va fi stocat în contul dvs. și puteți reveni la editare oricând este necesar. Puteți descărca oricând bannerul sau posterul terminat în format imagine sau PDF. Dacă ceva nu îți merge, urmărește videoclipul de mai jos (sunetul este liniștit, vai, așa a ieșit), unde vom încerca să facem un banner, ceva simplu, și să-l descarcăm.
Pentru a lucra cu designerul, este mai bine să folosiți browserul Chrome, deoarece am observat că la salvare, Mozile nu se potrivește cu extensia .png - acest lucru poate fi rezolvat prin simpla redenumire a fișierului și adăugarea celui dorit (în care a fost descărcat). ) punct și nume (png sau jpg). Asta pare să fie.