Astăzi ne întoarcem din nou la subiectul proiectării grupurilor VKontakte. Am mai învățat deja. Astăzi vom învăța cum să facem grafică meniu cu banner superior fixși un link către o pagină internă cu elemente de meniu extinse. În general, orice informație poate fi pe pagina internă. Este deosebit de convenabil să plasați acolo, de exemplu, cataloage cu o gamă largă de produse. Atât meniurile drop-down, cât și meniurile sticky au avantajele și dezavantajele lor. Principalul dezavantaj al unui meniu derulant este că este în starea închisă implicit. Dar puteți plasa mai multe link-uri pe el deodată.
Meniu fixat arată mai impresionant datorită impresiei generale, dar poate avea doar un singur link care duce fie la pagina internă VKontakte, fie la un site extern (și linkul către site-ul extern nu va veni din imagine, ci din linkul text de sub poza). De asemenea, unul dintre dezavantajele evidente este că pe dispozitivele mobile meniul grafic este prezentat ca o intrare obișnuită în feed, stând deasupra, și nu ca fixat lângă avatar. În general, atunci când alegeți un design ar trebui să țineți cont de aceste nuanțe. Deci, haideți să vedem cum să creați un meniu superior lipicios cu un link către o pagină internă.
Eu creez grupuri VKontakte
Design de înaltă calitate a grupurilor VK și a paginilor publice, meniu fixat, meniu derulant, meniu grafic intern, cataloage, navigare internă - preturiŞi portofoliu.
Pasul 1
Creați un document nou în Photoshop cu dimensiunea de aproximativ 900x700 pixeli și umpleți-l cu alb. Acum trebuie să tăiem două ferestre în strat, prin care designul grafic propriu-zis va fi vizibil. Mai întâi, selectați un dreptunghi care măsoară 200x500 pixeli (avatar) și apăsați Del. Apoi selectați un dreptunghi care măsoară 510x352 (aliniați-l la linia de jos a avatarului și faceți distanța dintre forme la 50 de pixeli) și apăsați, de asemenea, Del.
După următoarea actualizare a designului de către VKontakte (31 octombrie 2016), dimensiunile bannerului au devenit 510x307 (nu 510x352).
Pasul 2
Acum, sub stratul alb, plasăm o singură imagine, care va sta la baza designului. 
Pasul 3
După aceea, completăm imaginea cu diverse elemente - un logo, inscripții text și un buton care vă invită să faceți clic pe meniu. Apoi salvăm două imagini separate pe computer - una este un avatar (în dreapta), a doua este un meniu cu un buton de clic (în stânga). 
Pasul 4
De asemenea, creăm un meniu grafic în Photoshop format din mai multe elemente. Lățimea acestui meniu ar trebui să fie de 600 pixeli, înălțimea este opțională, în funcție de numărul de articole. Pentru a ajuta, folosiți lecția „“. 
Pasul 5
Ne tăiem meniul în mai multe benzi orizontale, în funcție de numărul de elemente din meniu. Salvați ca fișiere separate. 
Pasul 6
Mergem la grupul nostru VKontakte, facem clic pe „Gestionarea comunității” (făcând clic pe cele trei puncte de sub autor se deschide un meniu derulant) și verificăm dacă setările sunt corecte. Grupul trebuie să fie deschis, iar materialele să fie, de asemenea, deschise. 
Pasul 7
Acum încărcăm un nou avatar. Mutați mouse-ul în locația avatarului și selectați „Actualizați fotografia” din meniul pop-up. Încărcați fotografia potrivită de la Pasul 3, întindeți zona de selecție în sus și în jos până la marginile imaginii, faceți clic pe „Salvați” și apoi selectați zona pentru miniatura rotundă. 
Pasul 8
Acum trebuie să creați o pagină internă. Cum se face acest lucru este descris în detaliu în lecție. O altă modalitate alternativă de a crea o pagină internă este descrisă în lecția „” din pașii 5 și 6. 
Pasul 9
Odată ce am creat pagina internă, putem merge la ea. Pentru a face acest lucru, trebuie să faceți clic pe meniul derulant al grupului (în mod implicit, acest element se numește „Ultimele știri” - l-am redenumit în „Meniu”) și acolo faceți clic pe linkul „Meniu”. După aceasta, vom merge la pagina goală nou creată. 
Pasul 10
Acum trebuie să creăm un meniu grafic de cinci elemente. Pentru a face acest lucru, încărcăm cele cinci imagini din Pasul 5 în albumul de grup Facem clic pe pictograma camerei și încărcăm imaginile tăiate de pe computer. Imaginile vor fi stocate undeva pe serverele VKontakte cu referire la grup, deci nu este necesar să creați un album separat pentru imaginile decupate. Trebuie să încărcați imagini în modul de marcare Wiki. 
Pasul 11
Acum, în modul de marcare wiki, vom crea un meniu grafic. Este foarte important să creați în modul de marcare wiki (pictograma din colțul din dreapta sus al două paranteze triunghiulare), și nu în modul de editare vizuală. Mai multe informații despre crearea codului în markup wiki sunt descrise în Pasul 4 și Pasul 5 din lecția „“. Există, de asemenea, un șablon de cod pentru inserare. Dacă totul este făcut corect, ar trebui să obțineți un meniu grafic gata făcut, ca în figura de mai jos. 
Pasul 12
Acum revenim la pagina principală a grupului, luăm adresa URL a paginii noastre interne (ar trebui să fie așa https://vk.com/page-78320145_49821289) și o lipim în fereastra în care sunt create știrile. Ar trebui atașată automat o fereastră cu un link către această pagină foarte internă. După aceea, mutăm cursorul la inscripția „Atașați” și atașăm o fotografie postării, și anume poza noastră din stânga de la Pasul 3. După aceea, ștergem linia din URL-ul paginii interne, lăsând spațiu gol. Important! La acest pas, trebuie să bifați caseta (dacă aveți astfel de drepturi, acest lucru se aplică în principal grupurilor cu un perete deschis) din caseta de selectare „În numele grupului”. Dacă nu bifați această casetă, intrarea nu va fi fixată. În cele din urmă, faceți clic pe „Trimite”. 
Pasul 13
Mutați cursorul la cele trei puncte de lângă titlul postării și selectați „Pin” în fereastra drop-down. În consecință, știrea este și detașată, dacă este cazul. 
Pasul 14
Există o avertizare. Uneori, după ce anulați fixarea unei știri, aceasta merge mult în flux, în funcție de data creării, și poate fi destul de dificil să o găsiți din nou. Prin urmare, este mai bine să notați imediat adresa URL a știrilor fixate undeva. Pentru a face acest lucru, mutați cursorul la momentul în care a fost creată știrea și faceți clic pe link. 
Pasul 15
Acum actualizăm pagina principală a grupului. Meniul nostru grafic va fi situat în partea de sus, lângă avatar. Și când facem clic pe poză, suntem duși la o pagină internă cu un meniu de cinci articole. 
Acest articol va fi un manual detaliat și vă voi spune cum să faceți un meniu pentru un grup VKontakte. Un meniu de grup VK frumos conceput contribuie la o creștere reală a vizitatorilor și la creșterea vânzărilor pe site.
Bună ziua dragii mei cititori. Să vă spun astăzi cum să faci un meniu frumos pentru un grup VKontakteși complet gratuit. Apropo, după ce ați învățat să creați astfel de subiecte, puteți câștiga puțini bani din asta -))). Niciun site comercial nu funcționează fără a-și crea propria comunitate pe rețelele de socializare, în special VK, care este garantat să contribuie la atragerea de noi clienți, precum și la promovarea afacerii dumneavoastră.
Dar dacă comunitatea ta nu este atractivă și ca toți ceilalți, cine va dori să rămână acolo? cred ca nimeni!!! Așa că haideți să ne decoram grupurile cu un design de înaltă calitate și să învățăm cum să o facem foarte repede. Înainte de a începe să creați grafică și viitorul nostru meniu, trebuie să instalați programul Photoshop pe computer pentru a tăia în continuare imagini. Mulți se vor întreba de ce trebuie să tăiați imagini. Ideea aici este că pentru fiecare link de meniu va trebui să creăm o bandă separată din bannerul general.
Astăzi există mai multe tipuri de meniuri create:
- Deschide cu elemente active;
- Închis ca un post fixat;
- Cu imagini individuale sau o imagine comună adiacentă a bannerului și a meniului.
Esența creării ambelor opțiuni este aceeași. Singura diferență principală este în elementele suplimentare și tipurile de înregistrare, iar acest lucru va fi discutat mai detaliat în acest articol.
Pentru a lucra cu meniul ne va ajuta marcare wiki, care este încorporat astăzi în editorul de text VKontakte. Diferă de cea obișnuită prin faptul că va folosi comenzi standard pentru a afișa o anumită imagine și pentru a insera link-uri către elementele necesare. Markupul wiki în sine vă permite să introduceți cod pentru a afișa imagini, videoclipuri și alte elemente.
Meniu închis grup VK
În acest caz, vom vedea în stânga avatarului principal al grupului un hyperlink sub forma inscripției „meniu de grup”, când faceți clic pe, se va deschide meniul nostru cu elemente și imagini active.
Meniul va arăta astfel:
Deschideți meniul de grup (material fixat)
Ideea este de a crea elemente de meniu deja deschise care vor fi afișate în descrierea grupului în sine, unde de obicei este afișat pentru toate condițiile. Poza noastră va fi atașată la descriere, pe care o vom pregăti în prealabil și o vom lega de pagina pe care vom avea articole active. Acest meniu a devenit foarte popular recent și este solicitat în rândul clienților. Arata asa:
Cum să faci un meniu frumos pentru un grup VKontakte: instrucțiuni pas cu pas
Deci, în primul rând, va trebui să creăm avatarul principal al grupului, pe care îl vom plasa în dreapta, și stub-ul pentru meniul nostru sub forma unui banner.
- Pentru un avatar 200x332 pixeli;
- Pentru bannerul meniului principal, 395x282 pixeli.
După cum probabil ați observat, înălțimea imaginilor este diferită și acest lucru se face astfel încât imaginile să nu se miște în înălțime și să fie la același nivel, deoarece înălțimea numelui și a statutului comunității ocupă aproximativ 50 px și vom trebuie să eliminați această valoare din înălțimea meniului.
Pentru a fi clar, dacă înălțimea avatarului principal al unui grup este 332, atunci scădem 50 din el și obținem înălțimea meniului principal egală cu 282. Dacă dimensiunile nu contează, atunci înălțimea poate fi setată în mod arbitrar. .
Următorul pas după crearea unei comunități va fi configurarea materialelor și aici trebuie să interzicem participanților să creeze pagini și blocuri suplimentare, ci doar să scrie pe perete. Pentru a face acest lucru, va trebui să mergeți la secțiunea de sub avatarul grupului numită „gestionarea comunității”, unde trebuie să facem materialele noastre „restricționate”, așa cum se arată mai jos.
Acum să începem să creăm compoziția generală. Puteți, desigur, să introduceți pur și simplu o imagine în loc de avatar și în descriere, dar să nu fim amatori și vă voi arăta cum să o faceți profesional, astfel încât să fie o imagine cu drepturi depline, transformându-se una în alta .
Să creăm o pânză nouă în Photoshop cu dimensiuni de 600x350 pixeli, pe care o vom folosi ca șablon prin decuparea unor deschideri în ea pentru imaginile noastre. Pentru a funcționa, trebuie să convertim dimensiunile tuturor elementelor și riglelor în pixeli și acest lucru se face pe următoarea cale: „Edit-installation-main” și aici setăm pixelii.
Următorul pas în crearea unui meniu deschis este să facem decupaje pentru banner și avatar, pe care apoi le vom primi pentru descărcare. Pentru a face acest lucru, accesați secțiunea din meniul vertical din stânga și selectați tăiere.
Folosind butonul stâng al mouse-ului, ca și cum ați selecta o zonă, trebuie să selectați blocuri de dimensiunile de care avem nevoie și după fiecare selecție, apăsați butonul „Șterge” și selectați 50% gri. Astfel de acțiuni vor duce la ca blocurile să fie de dimensiunea necesară și evidențiate într-o culoare diferită de fundalul principal.
Ar trebui să arate așa:
Acum selectăm radiera și folosim funcția „eraseră magică” pentru a face clic pe fiecare bloc gri și a obține un șablon cu decupaje. Următorul pas este să selectăm imaginea noastră principală și să o plasăm sub fundal și să obținem imagini gata făcute pe care să scrieți text cu numele meniului sau alte elemente publicitare.
Mare. După ce ați plasat o imagine a designului nostru, trebuie doar să selectați „salvare pentru Web” și, ca rezultat, obținem 2 dintre imaginile noastre. Acum ne întoarcem la grupul nostru și putem completa avatarul principal (vertical). Vom folosi bannerul pentru meniu puțin mai târziu când lucrăm cu codul de markup wiki.
Să creăm meniul în sine, cu elemente active care vor redirecționa utilizatorul către secțiunile necesare ale unui site terță parte sau către albume și cataloage din grupul propriu-zis. Vom folosi o nouă imagine pentru varietate -))).
Deci, să revenim la Photoshop și să creăm o pânză nouă cu dimensiuni de 400x300 pixeli. Apoi selectați în secțiunea: file-place și selectați o imagine pentru fundalul meniului.
Am plasat butoanele viitorului nostru meniu pe imagine și tăiem imaginea așa cum am făcut mai sus selectând blocurile necesare. După care selectăm și „salvare pentru web” și obținem un folder cu tăieturile noastre. În cazul meu, am 4 poze într-un folder separat.
Acum trebuie să încărcăm imaginile descărcate din Photoshop într-un album separat și să le ascundem de privirile indiscrete. După încărcare, fiecare imagine va primi noul nume și un ID unic.
Vă rugăm să rețineți că trebuie să aveți:
- Materialele sunt deschise în modul „restricționat”;
- Discuții incluse;
- Dosarul cu fotografii este deschis tuturor.
Acum nu mai rămâne decât să ne configurați pagina unde va fi afișat meniul. Pentru a face acest lucru, accesați pagina principală a comunității și selectați materiale proaspete și editați și apelați „MENIUL NOSTRU”.
Apoi, trebuie să inserăm imaginile pe care le-am primit la tăierea în Photoshop. Unii oameni folosesc coduri de markup, dar pentru a nu te gândi prea mult la asta, îți sugerez să selectezi pur și simplu inserarea unei imagini făcând clic pe pictograma camerei și să încarci unul după altul.
Lucrând într-un editor de text, dacă după încărcarea imaginilor, facem clic pe pictograma sub formă de paranteze din colțul din dreapta sus, ar trebui să vedem acest cod:
Sfat: Un punct important după încărcarea imaginilor este eliminarea căptușelii. Acest lucru poate fi rezolvat inserând „nopadding” înainte de dimensiunile imaginii.
Pentru clarificare, este scris mai jos ce vine de unde, dar avand in vedere ca totul va fi introdus automat si nu este nevoie sa fim destepti, si deschis ca unii scriu fiecare poza si iau id-ul, apoi pur si simplu descarcam si salvam.
[]
unde xxxxx este id-ul imaginii tale
aaaa - lățimea în pixeli (maximum 388)
Ar trebui să arate așa:
Acum pozele noastre sunt colectate într-un banner separat. Și pentru a adăuga un link la fiecare articol, pur și simplu faceți clic pe imaginea cu marcajul dezactivat și în secțiunea de link lipiți adresa URL copiată.
Și acum ajungem la cel mai important și final punct în crearea meniului nostru VKontakte. Acum trebuie să salvăm pagina noastră cu imagini și să îi copiem adresa. In cazul meu arata cam asa:
http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit
Amintiți-vă, la începutul articolului am făcut un meniu stub, care va fi o continuare a avatarului nostru principal și am făcut un șablon pentru acesta. Este exact ceea ce avem nevoie acum.
Accesați pagina principală și faceți următoarele:
Pasul #1.
Lipim adresa paginii în câmpul de text pentru o nouă postare pe perete, după care va fi convertită într-un link.
Pasul #2.
Atașăm o imagine cu substituentul meniului la postare și facem clic pe trimite.
Pasul #3.
Acum, după publicarea postării, faceți clic pe ora de creare din partea stângă jos a postării și selectați „PIN”.
Mare!!! Să terminăm aici. Acum știi cum să creezi meniuri interesante și poți câștiga bani buni din ele. Vă sfătuiesc să faceți totul în următoarea ordine:
- Venim cu o structură și comandăm designul imaginilor de meniu;
- Redimensionăm și tăiem toate imaginile;
- Inserați imagini în albume;
- Edităm toate tăieturile în editor și le publicăm pe paginile principale ale grupului.
Ca rezultat al muncii noastre, vom obține acest meniu.
Dar meniul în sine, când se face clic, va apărea cu link-uri active. Merită să vă jucați cu dimensiunile și să le ajustați pentru a se potrivi cu ecranul dvs., dar nu uitați de afișarea pe dispozitivele mobile.
IMPORTANT: După schimbarea designului VK în 2016, s-au făcut noi modificări la crearea imaginilor și cerințele pentru imagini despre care.
Descărcați șablonul de meniu de grup VK + toate sursele de lecție
Sper că materialul a fost util și că acum înțelegeți cu ușurință cum să faceți un meniu frumos pentru un grup VKontakte. Abonați-vă la actualizările blogului și ne vedem în curând în postări noi. Dacă aveți întrebări, scrieți-le în comentarii și cu siguranță vă voi ajuta.
Atasez un videoclip pentru a intari ceea ce ai citit -))).
1 votO zi bună, dragi cititori ai blogului meu. În articolul anterior, am învățat cum să facem ceva fermecător. Acum să trecem la a doua parte. Vom crea o singură imagine frumoasă pentru avatar și ne vom gândi la o tranziție eficientă.
Dacă este prima dată pe blogul meu, atunci nu trebuie să începi cu prima lecție. Puteți citi mai întâi această publicație și puteți începe proiectarea, pornind de la acest pas. Acum vă voi spune cum să faceți un grup frumos VKontakte și puteți decide mai târziu dacă folosiți funcții suplimentare.
Până la sfârșitul acestui articol, veți avea o imagine impresionantă și unificată.
Metoda pentru leneși
Pentru a nu distrage atenția de la chestiuni importante pe cei care știu deja să facă totul, se grăbesc sau pur și simplu nu vor să deranjeze, vă pot oferi un tutorial video. El vă va spune cum să faceți același lucru despre care voi vorbi, doar fără Photoshop prin intermediul serviciului www.vkprofi.ru .
Nu l-am folosit și nu pot spune dacă este plătit sau nu. Aș fi recunoscător celor care verifică aceste informații și lasă un comentariu la acest articol cu un răspuns la această întrebare arzătoare.
Pentru cei care vor să învețe
Dacă decideți să rămâneți și să mergeți pe calea lungă, atunci vă așteaptă o muncă interesantă. Va fi foarte util dacă tocmai vă începeți călătoria în afacerile online.
Veți învăța multe trucuri, pentru care voi da recomandări utile pentru lucrul cu publicitatea, și veți dobândi și abilități și experiență utile.
Vei avea nevoie de...
- Photoshop.
- Poza de bază.
Fotografia trebuie să fie mare și de înaltă calitate dacă căutați în motoarele de căutare, atunci acordați atenție imaginii de fundal; Dacă lucrezi pentru o comunitate cool, în special legată de afaceri, atunci recomand să folosești serviciul https://ru.depositphotos.com . Acolo veți găsi imagini publicitare.
Alegerea unei imagini care va promova un produs nu este atât de ușoară. Dacă este folosit pentru comunitatea de afaceri, trebuie să îndeplinească multe cerințe. Nu toată lumea înțelege asta. Dacă promovați un hotel, han, bar sau club, nu este recomandat să fotografiați camerele goale.
În primul rând, nu ar trebui să vindem un loc unde o persoană să se poată așeza, ci să arătăm emoțiile pe care le va primi din vizitarea stabilimentului. Frumusețea interioarelor nu va surprinde pe nimeni în aceste zile. Trebuie să creați o atmosferă unică în care cumpărătorul va dori să se cufunde.
Nimănui nu-i plac fotografiile uzate. Dacă sunt folosite tot timpul, atunci șansa de a obține clienți scade. Despre calitate, lumina reglata corect etc. Nici nu voi vorbi. Sper că ai înțeles deja asta. Asemenea opțiuni ca în fotografia de mai jos nu s-au rulat de aproximativ 5 ani.
Din experiență personală... la unul dintre proiecte am lucrat cu un manager de publicitate foarte tare. Am desprins fiecare poză bucată cu bucată. Obiectul trebuie să se afle la o anumită distanță de centru, la un anumit unghi, de preferință în intervalul optimist corect.
A trebuit să schimbăm culoarea cadrului în care a atârnat tabloul în cel mai îndepărtat colț! La început am crezut că toate acestea sunt probleme inutile, dar apoi mi-au arătat conversia după ce am lucrat cu lucruri mici similare pentru comparație.
Realizarea unui șablon pentru un viitor grup frumos
Deci, când totul este gata, trebuie să decideți asupra dimensiunilor și să pregătiți un șablon pentru imaginea viitoare. Apropo, dacă înveți cum să faci asta, atunci poți folosi această tehnică pentru multe alte sarcini și poți crea imagini VKontakte incredibile. În curând vei înțelege despre ce vorbesc.
Deci, să deschidem contactul. Dacă căutați dimensiuni standard de postare VKontakte, veți vedea 200x500 și 700x500. Cu toate acestea, dacă utilizați o riglă, vă puteți asigura că miniaturile nu corespund acestor indicatori. Serviciul le comprimă la încărcare.
Totul este la fel cu poza de pe ava, chiar este 200x500.
Cu postul totul este diferit.
În orice caz aveți nevoie sau descărcați șablonul pe care l-am pregătit, sau faceți propria captură de ecran. Vă sfătuiesc să alegeți a doua variantă. De ce? În acest fel, puteți crea singur șabloane pentru diferite sarcini. De exemplu, dacă aveți o galerie de produse sau „Ultimele știri” afișate pe pagina principală.
Opțiunea mea este potrivită numai pentru postările fixate. Cea mai simplă și populară metodă de proiectare.
Deschide-ți grupul sau orice alt grup în care o postare cu o fotografie este fixată în partea de sus. Ca în desenul meu. De asemenea, puteți face această fotografie făcând clic dreapta pe ea și „Salvați ca...”. Adevărat, nu sunt sigur că totul va deveni bine pentru tine în cele din urmă. Ai timp pentru un experiment? Împărtășește rezultatele în comentarii.
Pentru alții, instrucțiunile pas cu pas vor fi diferite. În primul rând, măriți imaginea din browser la 100% (apăsați butonul Ctrl și mutați rotița mouse-ului). Sincer vorbind, nu înțeleg în mod special de ce s-a făcut acest lucru, dar la prima mea încercare, nu a funcționat doar din cauza amplorii.
Acum apăsați butonul PrtSc. Este situat chiar în rândul de sus al tastaturii, după nenumăratele „F”. După ce faceți clic pe el, nu se va întâmpla nimic. Totul este în regulă, nu trebuie să faceți clic de 100 de ori, deschideți Photoshop.
Faceți clic pe Ctrl+V, astfel veți lipi ecranul în câmpul de lucru al programului. Acum luați instrumentul Rectangular Marquee și lucrați cu blocul din stânga.
Ghidați drept de-a lungul marginii imaginii. Nu ar trebui să primești poza de mai jos. Acest lucru este greșit.
Deplasați-vă strict de-a lungul marginii.
Prindeți cursorul din colțul din stânga sus al dreptunghiului și mutați-l în dreapta jos. Pentru a nu-ți păcăli capul cu lupa, folosește mărirea folosind butonul Alt și rotița mouse-ului.
Acum apăsați Ctrl+J. Aceasta va transfera fragmentul selectat într-un nou strat, acesta va apărea deasupra fundalului.
Același lucru trebuie făcut cu avatarul. Selectați și treceți la un nou strat (Ctrl+J)
Când transferați la un nou strat, fundalul ar trebui să fie activ și nu cel pe care tocmai l-ați creat. Asigurați-vă că este evidențiat.
Apoi puteți scăpa de fundal. Faceți clic pe lacătul de lângă acest strat, acest lucru vă va permite să îl manipulați.
Trageți stratul în coșul de gunoi, la fel ca un fișier obișnuit de pe desktop.
Am terminat cu asta. Șablonul a fost creat.
Imagine unică pentru grup
Am scris recent un articol despre . Deschiderea incorectă și munca ulterioară cu dimensiunea poate înrăutăți semnificativ calitatea celei mai tari imagini, dacă sunteți interesat, puteți citi un articol despre asta pe blogul meu.
Trageți fotografia pe care o vom folosi ca principală.
Nu reflectă corect.
Dacă aveți aceleași prostii, faceți-o pe cea de sus. Apoi, în timp ce țineți apăsat butonul Alt, faceți clic pe stratul 1 și pe stratul 2, astfel încât ambele să fie evidențiate.
Acestea trebuie combinate folosind butonul drept al mouse-ului și opțiunea corespunzătoare. În acest caz, ne va fi mai convenabil să continuăm să lucrăm. Nu trebuie să suprapuneți și să decupați fotografia mai întâi pentru avatar și apoi pentru postare.
Dacă apăsați Ctrl și apoi miniatura stratului pe care tocmai l-ați creat. Furnicile aleargă de-a lungul marginilor obiectelor din noul strat, care vă va spune cum să afișați imaginea de jos. Le puteți elimina apăsând Ctrl+D. Ceea ce este acum în partea internă va fi ulterior introdus în VK.
Dacă începeți să mutați fotografia, atunci furnicile care alergă vor „merge” cu ea. Vă pot sfătui să configurați ghiduri. Nu știi cum să lucrezi cu ei? Urmăriți acest videoclip aici.
După ce ai totul configurat așa cum ar trebui, poți trece la pasul următor. Vă voi arăta două opțiuni pentru a obține același efect. Primul este simplu. În stratul superior, faceți clic dreapta și selectați „Creați mască de tăiere”.
Dar îl iubesc pe al doilea. El este mai rapid. Apăsați Alt și mutați cursorul între cele două straturi, se va schimba vizual. Apoi faceți clic stânga.
Rezultatul este această fotografie.
Fiecare parte poate fi tăiată folosind instrumentul Cadru și apoi salvată ca jpeg. Adăugăm fotografia potrivită ca avatar. Pe cel din stânga îl puteți adăuga pur și simplu ca postare obișnuită și apoi îl puteți fixa.
Nu este greu, dar dacă aveți probleme, vă pot recomanda să citiți a treia publicație din această serie, în care vă explic în detaliu cum să vă asigurați că atunci când un cititor dă clic pe fotografia dvs., acestea sunt trimise pe un site web.
Salutare tuturor, dragi cititori ai site-ului blogului. Îmi continui subiectul despre - de fapt, nu totul este atât de complicat pe cât pare și nu este nimic special de studiat aici. Profesionalismul tău depinde în întregime de practică. Ei bine, astăzi vom vorbi despre frumusețea grupurilor dvs., despre frumusețea meniului din grupurile dvs. și despre cum să proiectați frumos meniul și grupurile în sine și cu propriile mâini, de exemplu. gratuit!
Vorbind despre simplitatea industriei SMM - chiar și în există mai multe ramuri și trucuri pe care trebuie să le cunoașteți în teorie pentru a obține rezultate. Ei bine, recunosc și faptul că s-ar putea să fiu încă prea slab în aceste domenii, deși am clienți în ambele.
Ei bine, atunci Să creăm un meniu pentru grupurile VKontakte?
Cum să creați singur un meniu într-un grup VKontakte
Da, exact pe cont propriu, pentru că după ce ați citit acest articol, nu veți avea nevoie de serviciile freelancerilor. Deși aceasta nu este o afacere costisitoare, pentru 1500 puteți face un meniu pe workzila (am scris o experiență detaliată despre lucrul cu acest schimb).
Deci, iată ce avem nevoie pentru a crea un grup pe VK:
1. Aspect (dispunerea grafică a elementelor) - trebuie să știm unde ar trebui să fie totul.
2. Cunoștințe de bază despre markup wiki. (vom vorbi mai jos despre cele mai standard lucruri, dar pentru un studiu detaliat recomand acest grup ).
3. Abilități de bază în lucrul cu Photoshop. Va trebui să tăiați bucăți din aspect la dimensiunea necesară.
De unde pot obține layout-uri de meniu?
Aspectele pentru designul meniului VKontakte pot fi luate în diferite moduri, de exemplu:
1. Freelancing sau, de asemenea, Workzilla.
2. Îl poți crea singur dacă ai abilități Photoshop. Dacă nu, recomand cursurile lui Evgeniy Popov, iată unul dintre ele, doar pentru Photoshop - faceți clic.
3. Puteți căuta pe google și descărca cele gata făcute. Crede-mă, sunt destul de multe dintre ele.
Ei bine, pe de altă parte... De ce Google? Doar abonați-vă la actualizările site-ului meu. Și faceți clic pe butoanele rețelelor sociale de mai jos.
Ți-am pregătit special o arhivă, în care mai mult de 100 de modele diferite pentru grupurile VKontakte!. Când este dezambalată, arhiva ocupă aproximativ 2,5 gigaocteți.
Condițiile principale sunt să fii abonat și să urmărești butoanele de socializare!
Multumesc. Acum puteți descărca arhiva de pe acest link.
Nu uitați să parcurgeți restul butoanelor sociale.
Dimensiunile avatarurilor și meniurilor care sunt utile pentru proiectarea grupurilor VK
Pentru a proiecta corect un grup sau o pagină publică, trebuie să știți despre dimensiunea imaginilor pe care trebuie să le utilizați. Vă rog să acordați atenție acestei imagini.
După cum puteți vedea, în grup avatarul are nevoie de o dimensiune de 200 în lățime și 500 de pixeli în înălțime. Și pentru imaginea meniului principal - 395 pixeli lățime și 289 pixeli înălțime.
Practic, asta este tot ce ai nevoie. Există machete, există o înțelegere a dimensiunilor.
Partea creativă s-a terminat - mai rămâne doar puțină muncă. Începem partea tehnică a întregului proces de creare a unui meniu pentru grupuri.
Cum să creați singur un grup VKontakte, având în mână machete
Deci avem modelele de design de grup. Acum trebuie să tăiați piesele necesare.
Desigur, nu este nevoie de nimic pentru avatarul grupului. Decupăm partea necesară din aspect sau imagine și o lipim în grup. Cred că îl poți introduce singur? Ei bine, sper. Dacă nu, scrieți comentarii, voi adăuga această secțiune la articol.
Acum meniul trebuie tăiat. Nu meniul în sine, desigur, dar fiecare parte a meniului (butoane) trebuie cu siguranță tăiată.
În primul rând, puțină educație.
Cum este diferit meniul de grup de meniul public?
Ele diferă prin faptul că meniul de grup este în esență un set de butoane. Dar acest meniu este întotdeauna ascuns! Întotdeauna! Și meniul public este întotdeauna deschis și, de fapt, este un link de postare fixat care duce la o pagină cu secțiuni ale meniului în sine (butoane).
Deci, din nou: într-un grup - pentru a vedea meniul, trebuie să faceți clic pe butonul „Meniul de grup”, în mod implicit, acest buton se numește „Ultimele știri”.
Și în public (în grup, apropo, poți și) meniul este mereu deschis.
Dar această imagine este o legătură mare și frumoasă care duce la un meniu separat mai mare. Aici:
Acest buton imagine din meniu este creat printr-o postare fixată. Aceasta este doar o postare din grup pe care o fixăm pentru totdeauna! Această postare cu link vă va duce la o pagină separată pe care o vom crea în prealabil.
Cum să creați o pagină separată pentru meniul VKontakte
Pentru a crea o pagină pentru viitorul meniu (navigație), trebuie să trimiteți următoarea solicitare către VK:
unde XXX este numărul grupului, YYY este numele paginii (aici sunt necesare toate semnele de întrebare și liniuțele).
Mai mult, recomand să faceți numele normal, atractiv și plin de sens, pentru că va străluci și oamenii își vor forma o anumită impresie despre dumneavoastră și grupul dumneavoastră pe baza acestui nume. De exemplu, „Navigație” sau „Meniu de grup” sunt nume normale, dar par banale. Folosește-ți imaginația.
Am introdus următoarea interogare
Și am deschis imediat o pagină creată cu posibilitatea de a o edita.
Aici va trebui să inserați codul pentru meniul în sine folosind marcajul wiki. Dar mai multe despre asta puțin mai târziu.
Apropo, vă voi spune un secret, dacă aveți un grup (și nu unul public) - un meniu standard care există deja implicit - este deja o pagină în sine. Deci îl puteți folosi dacă aveți probleme la crearea paginilor suplimentare.
Cum să faci o postare fixată într-un grup sau public
Da, și în orice tip de comunitate, o postare fixată este creată în același mod! Totul se face foarte simplu.
Și în fereastra care apare, faceți clic pe butonul „Pin” - este simplu!
Multe grupuri, apropo, folosesc postări fixate ca anunțuri. Dacă relevanța acestui anunț a trecut, pur și simplu faceți clic din nou pe data publicării și pe butonul „Anulați fixarea”.
De fapt, toată lumea folosește acum această metodă specială de meniu.
Ghici de ce?
Deci, știm deja cum să creăm pagini și să stabilim postări. Rece. Să revenim la layout-urile noastre ram.
Decuparea unui aspect pentru proiectare de grup sau public
Deci, pentru avatar totul este clar, nu tăiem nimic aici. Am creat o imagine cu dimensiunea necesară și am încărcat-o pe VK. Toate. Am terminat cu avatarul grupului!
Acum meniul.
De exemplu, am luat meniul din acest grup. Am făcut-o singur și mai am acces la el, așa că pot chiar să arăt codul paginilor.
Deci, știți deja cum să creați imaginea principală pentru meniu - este doar o postare fixată.
Faceți clic pe meniu și vedeți imaginea.
Trebuie să evidențiem zonele „clicable”.
aceste. selectați butoanele în sine. Permiteți-mi să evidențiez aceste zone pentru dvs. cu linii roșii.
Cât primim? 5 poze. Și nu fiecare poză va fi un buton!! După cum puteți vedea, imaginea mare de sus nu este un buton, ci în sine...
Deci, decupăm imagini în acest sens. Acum trebuie să-l „încărcați” pe VK.
Dacă ați creat o pagină separată pentru meniu, faceți clic pe butonul „Umpleți cu conținut” din pagina nou creată.
Dacă nu ați creat această pagină, dar ați folosit o pagină gata făcută pentru meniu, atunci veți vedea imediat editorul de pagini și puteți încărca imediat fotografii:
Completați și ar trebui să vedeți următoarele:
S-ar putea să aveți un cod ca cel din imaginea de mai jos. Dacă nu, faceți clic pe butonul „Cod sursă”, am evidențiat acest buton în imaginea de sus. Și veți vedea următoarele:
Aici trebuie să aliniem toate pozele ca să nu ne încurcăm (bine, asta fac).
Și, pentru a nu exista umpluturi între imagini, introduceți eticheta „nopadding”, ar trebui să arate așa:
aceasta este pagina-58190479_45419120 - aceasta este adresa paginii VKontakte în sine, veți găsi acest identificator în bara de adrese a browserului dvs.
Asta e tot :) Nu e greu?
Acesta este ceea ce am ajuns în codul meu. Dacă aveți ceva asemănător, atunci totul este în ordine.
Dacă aveți probleme cu oricare dintre puncte, vă rugăm să ne contactați. Voi fi bucuros să ajut.
Profitând de această ocazie, aș dori să vă reamintesc că există servicii minunate pentru orice promovare și înșelăciune, acestea sunt:
prospero | asociat | instrumente sociale
Poate că nu am spus toate secretele care trebuiau spuse. Recunosc că mi-a scăpat ceva, până la urmă articolul nu a fost scurt – scrie-mi dacă observi omisiuni evidente. Mulţumesc anticipat.
Designul de succes al unui grup VKontakte nu ar trebui să fie doar frumos, ci și funcțional și convenabil. Faceți ca designul să vă rezolve problemele de marketing, astfel încât grupul să atragă un public care plătește și cumpără către marcă și să rămână cu el pentru totdeauna.
5 pași despre cum să creezi un grup pe VKontakte
Acoperi
Acoperirea comunității de astăzi este un instrument important pentru proiectarea unui grup de mărci în Contact și promovarea acestuia. Îl puteți descărca în secțiunea „Gestionarea comunității” accesând fila „Setări”. O imagine orizontală de înaltă calitate în antetul comunității în sine joacă rolul principalului banner promoțional al companiei pe rețeaua socială. Stabilește starea de spirit, informează, îmbunătățește imaginea, solicită acțiuni țintite și vinde în același timp.
1. Folosiți ilustrații de înaltă calitate
Coperta comunității VKontakte ar trebui să aibă dimensiunea de 1590x400 pixeli, dar este mai bine să încărcați o fotografie de 2-3 ori mai mare în format .png. În acest fel, puteți evita afișarea de proastă calitate.
2. Adaptați imaginea pentru diferite dispozitive
Rețineți că această imagine poate apărea diferit pe diferite dispozitive - marginile vor fi tăiate pe mobil, așa că cel mai bine este să plasați toate cele mai importante informații mai aproape de centru.
3. Pune un slogan și USP
Lăsați clientul să vă vadă filozofia și beneficiile de la primul ecran.
4. Afișați produsul/serviciul, procesul sau rezultatul utilizării acestuia
Astfel, un potential client va sti imediat in ce esti specializat si va fi implicat in produs.
5. Ajutați clienții să vă contacteze imediat
Scrieți numărul de telefon, e-mailul și alte persoane de contact ale companiei pe banner. Dacă locația geografică este importantă pentru afacerea dvs., de exemplu, sunteți în industria de catering sau horeca, adresa va fi și ea utilă.
6. Anunțați evenimente
Promovați concerte, așteptați o nouă colecție sau lansare de produs sau organizați un festival/conferință/zi a clienților? Spune-le tuturor celor care vin în comunitate despre asta.
7. Prezentați promoții și reduceri
Unde altundeva pe platforma principală poți spune publicului că chiar acum poate plasa o comandă de la tine de 2 ori mai ieftin? Cel mai important, nu uitați să schimbați ilustrația după expirarea ofertei.
8. Oferă-te să întreprinzi o acțiune țintită
Când încărcați coperta comunității, două butoane sunt plasate orizontal în colțul din dreapta jos - Scrieți un mesaj și Alăturați-vă grupului. Îndreptați o săgeată spre ele pentru a atrage și mai mult atenția publicului. Așadar, dacă un produs este afișat pe un banner, vă puteți oferi să-l comandați imediat în mesaje. Și dacă conține un rezumat al celor mai recente știri, abonați-vă pentru a primi întotdeauna cele mai recente informații.
Încărcați un avatar și selectați o miniatură
Unele mărci încă nu adoptă coperta, preferând aspectul vechi al primului ecran al grupului, folosind o combinație între un avatar și o postare fixată ca așa-numitul „header”. În acest caz, o imagine este o continuare a celeilalte. Arată cel mai impresionant când fotografia se termină la același nivel cu avatarul.
Când utilizați dimensiunea maximă a avatarului de 200x500 pixeli, dimensiunea imaginii din postarea fixată trebuie să fie de 510x308 pixeli. O tehnică excelentă de angajare este atașarea unui videoclip încărcat printr-un player de rețea socială, care continuă stilistic avatarul.
Dacă utilizați o copertă ca antet, avatarul va fi întotdeauna afișat ca o miniatură.
Reguli pentru proiectarea unei miniaturi pentru avatarul comunității VK
O miniatură este o imagine mică rotundă care este decupată dintr-un avatar mare și este afișată în căutarea de grupuri, în lista de comunități pentru fiecare utilizator și în stânga sub copertă, dacă există. Iată câteva sfaturi de design.
1. Miniatura ar trebui să fie înțeleasă de public
Nu ar trebui să postezi o bucată de ilustrație ciudată. Vizualizați ceva pe care publicul țintă îl va asocia ulterior cu marca, de exemplu, un logo, o pictogramă de produs/serviciu sau poate caracterul principal de marketing al mărcii.
2. Folosiți numai fotografii de înaltă calitate
Este mai bine să încărcați sursa de 2-3 ori mai mare decât dimensiunea necesară, astfel încât să puteți uita de teribilele „pătrate” de pixeli care nu vă arată în cea mai bună lumină.
3. Creați-vă propriile ilustrații
Imaginile standard de stoc vor arăta ieftine și neprofesionale și vor deveni sinonime cu neîncrederea utilizatorilor în marcă. Realizați modele unice în același concept și culori ca restul designului.
4. Imaginile care contrastează cu fundalul paginii sunt ceea ce ai nevoie
Când proiectați miniaturi VK atât de atrăgător, „piesa rotundă” va ieși în evidență în flux printre alte grupuri și nu se va îmbina cu fundalul paginii.
5. Plasați contacte sau USP ale companiei
În funcție de scopul stabilit pentru miniatură, plasați pe ea un număr de telefon de contact sau adresa site-ului web, informații despre livrarea gratuită, indicarea celui mai mic preț din segment sau o promoție.
6. Faceți textul mare și lizibil
Este mai bine să nu folosiți fonturi serif sau italic - sunt prea zgomotoase atunci când sunt vizualizate pe ecranele PC, dispozitive mobile și smartphone-uri, împrăștiind vederea. Asigurați-vă că textul nu se extinde dincolo de granițele miniaturii decupate. Acest lucru vă va permite să transmiteți mesajul utilizatorului corect și eficient.
7. Folosiți forme personalizate
De exemplu, în șablonul rotund dorit, introduceți un poligon sau altă formă geometrică pe un fundal alb. Creați un efect de notificare necitit sau o pictogramă grafică „online”.
Dezvoltați un meniu
Meniul este un element important al designului unui grup în Contact, ceea ce facilitează navigarea în grup pentru utilizatori - va fi mai convenabil pentru oameni să găsească informațiile de care au nevoie. Fiecare element și pagină este creată într-un limbaj de programare special - marcaj Wiki. Folosind-o, puteți face clic pe imagini și puteți crea pagini convenabile în cadrul rețelei de socializare ca și cum ar fi o pagină de site.
Puteți utiliza atât meniurile deschise, cât și meniurile închise. În primul caz, utilizatorul vede imediat secțiunile care sunt incluse în el, în al doilea, acestea sunt precedate de o imagine de previzualizare cu inscripția „Meniu”. De asemenea, meniul poate deveni vizual o continuare a avatarului dacă utilizați vechea opțiune de design comunitar.
Dezvoltați o vitrină de produse
Când plasați produse în vitrina comunității dvs., rețineți că utilizatorii văd întotdeauna primele 3 articole. Puneți în ele pe cele mai populare și ordonate, încărcând o imagine de prezentare în același stil. Publicați aici pictograme uniforme sau fotografii ale produselor în sine. Serviciile pot fi plasate în produse. În proiectare, arătați procesul de furnizare a serviciului sau rezultatul acestuia. Dimensiunea unei astfel de imagini va fi pătrată – 400x400 pixeli.
Post design
1. Folosiți pe deplin dimensiunile imaginilor disponibile
Lățimea maximă a unei imagini dintr-un flux este de 510 pixeli. Imaginile pătrate de 510x510 pixeli și imaginile dreptunghiulare de 510x300 pixeli arată cel mai impresionant.
2. Dezvoltați un stil de postare personalizat
Pentru ca postările dvs. să pară individuale, creați un stil, font și o schemă de culori unificate.
3. Așezați text scurt pe imagine
De exemplu, puteți împărți o imagine în 2 părți - text și grafic, sau puteți scrie text în timp ce întunecați fundalul. Pentru a face textul vizibil fără un fundal întunecat, scrieți-l pe un fundal (un bloc grafic contrastant de o culoare uniformă) sau adăugați o umbră inscripției. Fotografiile cu ramă arată bine.
4. Faceți mai multe șabloane în scopuri diferite
De exemplu, pentru citate folosiți un șablon pentru prezentarea informațiilor vizuale, pentru anunțarea materialelor de pe site - altul, iar pentru competiții un al treilea.
Folosiți aceste tehnici absolute, iar compania dvs. va fi prezentată pe VKontakte în cel mai bun mod posibil și va fi convenabil pentru clienți să interacționeze cu ea. Dar nu uitați că totul are nevoie de moderație! Priviți și mai multe idei noi pentru a crea o comunitate VK pe pagina de servicii a agenției Tesla Target.