Kako lijepo dizajnirati grupu u kontaktu. Novi VKontakte dizajn - horizontalna naslovnica grupe

1 glas

Istu stvar treba učiniti s avatarom. Odaberite i prijeđite na novi sloj (Ctrl+J)

Kada prelazite na novi sloj, pozadina bi trebala biti aktivna, a ne ona koju ste upravo napravili. Provjerite je li istaknuto.

Tada se možete riješiti pozadine. Kliknite na bravu pored ovog sloja, to će vam omogućiti da njime manipulirate.

Povucite sloj u kantu za smeće, baš kao običnu datoteku s radne površine.

Završili smo s ovim. Predložak je izrađen.

Jedinstvena slika za grupu

Nedavno sam napisao članak o. Nepravilno otvaranje i daljnji rad s veličinom može značajno pogoršati kvalitetu najcool slike, ako vas zanima, možete pročitati članak o tome na mom blogu.

Povucite fotografiju koju ćemo koristiti kao glavnu.

Ne odražava se ispravno.

Ako imate istu glupost, samo neka bude prva. Zatim, dok držite tipku Alt, kliknite na sloj 1 i sloj 2 tako da oba budu označena.

Potrebno ih je kombinirati pomoću desne tipke miša i odgovarajuće opcije. U ovom slučaju bit će nam prikladnije nastaviti s radom. Nećete morati prekriti i izrezati fotografiju prvo za svoj avatar, a zatim za objavu.

Ako pritisnete Ctrl, a zatim sličicu sloja koji ste upravo stvorili. Mravi trče duž rubova objekata iz novog sloja, koji će vam reći kako prikazati donju sliku. Možete ih ukloniti pritiskom na Ctrl+D. Ono što je sada u internom dijelu kasnije će biti ubačeno u VK.

Ako počnete pomicati fotografiju, tada će trčeći mravi "ići" s njom. Mogu vam savjetovati da postavite vodiče. Ne znate kako raditi s njima? Pogledajte ovaj video ovdje.

Nakon što sve postavite kako treba, možete prijeći na sljedeći korak. Pokazat ću vam dvije mogućnosti za postizanje istog učinka. Prvi je jednostavan. Na gornjem sloju desnom tipkom miša kliknite i odaberite "Create Clipping Mask".

Ali volim ovo drugo. On je brži. Pritisnite Alt i pomičite kursor između dva sloja, vizualno će se promijeniti. Zatim lijevi klik.

Rezultat je ova fotografija.

Svaki dio se može izrezati pomoću alata Frame i zatim spremiti kao jpeg. Dodajemo pravu fotografiju kao avatar. Na lijevoj strani možete ga jednostavno dodati kao obični post i zatim ga prikvačiti.

Uspješan dizajn VKontakte grupe ne bi trebao biti samo lijep, već i funkcionalan i prikladan. Neka dizajn riješi vaše marketinške probleme tako da grupa privuče publiku koja plaća i kupuje marku i ostane s njom zauvijek.

5 koraka kako stvoriti grupu na VKontakte

Pokriti

Naslovnica zajednice danas je važan alat za dizajniranje grupe robnih marki u Kontaktu i njezinu promociju. Možete ga preuzeti u odjeljku "Upravljanje zajednicom" tako da odete na karticu "Postavke". Visokokvalitetna horizontalna slika u samom zaglavlju zajednice igra ulogu glavnog promotivnog natpisa tvrtke na društvenoj mreži. Postavlja raspoloženje, informira, poboljšava imidž, poziva na ciljane akcije i istovremeno prodaje.

1. Koristite visokokvalitetne ilustracije

Naslovnica VKontakte zajednice trebala bi biti veličine 1590x400 piksela, ali je bolje prenijeti fotografiju 2-3 puta veću u .png formatu. Na taj način možete izbjeći prikaz loše kvalitete.

2. Prilagodite sliku za različite uređaje

Imajte na umu da ova slika može izgledati drugačije na različitim uređajima - rubovi će biti odrezani na mobitelu, stoga je najbolje da sve najvažnije informacije postavite bliže središtu.

3. Postavite slogan i USP

Neka klijent vidi vašu filozofiju i prednosti na prvom ekranu.

4. Prikažite proizvod/uslugu, proces ili rezultat njegove uporabe

Na taj će način potencijalni kupac odmah znati za što ste specijalizirani i bit će uključen u proizvod.

5. Pomozite klijentima da vas odmah kontaktiraju

Na banner napišite svoj telefonski broj, e-mail i druge kontakte tvrtke. Ako vam je za posao važan geografski položaj, primjerice, bavite se ugostiteljstvom ili horecom, adresa će također biti od koristi.

6. Najavite događaje

Promičete li koncerte, očekujete novu kolekciju ili lansiranje proizvoda ili održavate festival/konferenciju/dan za klijente? Recite svima koji dođu u zajednicu o ovome.

7. Prezentirajte akcije i popuste

Gdje drugdje na glavnoj platformi možete reći publici da upravo sada od vas mogu naručiti 2 puta jeftinije? Ono što je najvažnije, ne zaboravite promijeniti ilustraciju nakon isteka ponude.

8. Ponudite poduzimanje ciljane akcije

Prilikom učitavanja naslovnice zajednice, u donjem desnom kutu horizontalno se nalaze dva gumba - Napiši poruku i Pridruži se grupi. Usmjerite strelicu prema njima kako biste dodatno privukli pozornost publike. Dakle, ako je proizvod prikazan na banneru, možete ponuditi da ga odmah naručite u porukama. A ako sadrži sažetak najnovijih vijesti, pretplatite se kako biste uvijek primali najnovije informacije.

Učitajte avatar i odaberite minijaturu

Neki brendovi još uvijek ne prihvaćaju naslovnicu, preferirajući stari izgled prvog zaslona grupe, koristeći kombinaciju avatara i prikvačenog posta kao takozvanog "zaglavlja". U ovom slučaju, jedna slika je nastavak druge. Najimpresivnije izgleda kada fotografija završava na istoj razini kao i avatar.

Kada koristite maksimalnu veličinu avatara od 200x500 piksela, veličina slike u zakačenoj objavi mora biti 510x308 piksela. Izvrsna privlačna tehnika je prilaganje videa uploadanog putem playera društvene mreže, koji se stilski nastavlja na avatar.

Ako koristite naslovnicu kao zaglavlje, avatar će uvijek biti prikazan kao minijatura.

Pravila za izradu minijature avatara VK zajednice

Sličica je mala okrugla slika koja je izrezana iz velikog avatara, a prikazuje se u pretrazi grupa, na popisu zajednica za svakog korisnika i lijevo ispod naslovnice, ako postoji. Evo nekoliko savjeta za dizajn.

1. Sličica treba biti razumljiva publici

Ne biste trebali objavljivati ​​komad čudne ilustracije. Vizualizirajte nešto što će ciljna publika kasnije povezati s brendom, na primjer, logo, ikona proizvoda/usluge ili možda glavni marketinški lik brenda.

2. Koristite samo fotografije visoke kvalitete

Bolje je prenijeti izvor 2-3 puta veći od potrebne veličine, tako da možete zaboraviti na strašne "kvadrate" piksela koji vas ne prikazuju u najboljem svjetlu.

3. Dizajnirajte vlastite ilustracije

Standardne stock slike izgledat će jeftino i neprofesionalno te će postati sinonim za nepovjerenje korisnika prema brendu. Napravite jedinstven dizajn u istom konceptu i bojama kao i ostatak dizajna.

4. Slike koje su u kontrastu s pozadinom stranice ono su što trebate

Kada dizajnirate VK minijature tako privlačno, "okrugli komad" će se isticati u feedu među ostalim grupama i neće se stopiti s pozadinom stranice.

5. Stavite kontakte ili USP tvrtke

Ovisno o namjeni sličice, postavite na nju kontakt telefon ili adresu web stranice, informacije o besplatnoj dostavi, naznaku najniže cijene u segmentu ili akciju.

6. Neka tekst bude velik i čitljiv

Bolje je ne koristiti serifne ili kurzivne fontove - oni su previše bučni kada se gledaju na zaslonima osobnih računala, mobilnim uređajima i pametnim telefonima, zamagljujući pogled. Pazite da se tekst ne proteže izvan granica obrezane minijature. To će vam omogućiti da korisniku prenesete poruku ispravno i učinkovito.

7. Koristite prilagođene oblike

Na primjer, u željeni okrugli predložak unesite poligon ili drugi geometrijski oblik na bijeloj pozadini. Stvorite učinak nepročitane obavijesti ili grafičku ikonu "online".

Razviti jelovnik

Izbornik je važan element dizajna grupe u Kontaktu, što korisnicima olakšava navigaciju grupom - ljudima će biti prikladnije pronaći informacije koje su im potrebne. Svaki element i stranica izrađeni su u posebnom programskom jeziku - Wiki markup. Pomoću njega možete učiniti slike klikabilnim i stvoriti prikladne stranice unutar društvene mreže kao da je stranica web stranice.

Možete koristiti otvorene i zatvorene izbornike. U prvom slučaju, korisnik odmah vidi odjeljke koji su uključeni u njega, u drugom im prethodi slika za pregled s natpisom "Izbornik". Izbornik također može vizualno postati nastavak avatara ako koristite staru opciju dizajna zajednice.

Razvijte izlog proizvoda

Kada stavljate proizvode u izlog svoje zajednice, zapamtite da korisnici uvijek vide prva 3 artikla. U njih smjestite najpopularnije i najnaručenije, učitavajući prezentacijsku sliku u istom stilu. Ovdje objavite jednoobrazne ikone ili fotografije samih proizvoda Usluge se mogu smjestiti u proizvode. U dizajnu prikazati proces pružanja usluge ili njezin rezultat. Veličina takve slike bit će kvadratna - 400x400 piksela.

Dizajn posta

1. U potpunosti iskoristite dostupne veličine slika

Maksimalna širina slike u feedu je 510 piksela. Kvadratne slike od 510x510 piksela i pravokutne slike od 510x300 piksela izgledaju najimpresivnije.

2. Razvijte prilagođeni stil objave

Kako bi vaši postovi izgledali individualno, osmislite jedinstveni stil, font i shemu boja.

3. Postavite kratki tekst na sliku

Na primjer, možete podijeliti sliku na 2 dijela - tekstualni i grafički, ili napisati tekst uz potamnjivanje pozadine. Kako bi tekst bio vidljiv bez zatamnjene pozadine, ispišite ga na podlozi (kontrastnom grafičkom bloku jednolične boje) ili dodajte sjenu na natpis. Fotografije s okvirom izgledaju dobro.

4. Napravite nekoliko šablona za različite namjene

Na primjer, za citate koristite jedan predložak za prezentaciju vizualnih informacija, za najavu materijala sa stranice - drugi, a za natjecanja treći.

Koristite ove apsolutne tehnike i vaša će tvrtka biti predstavljena na VKontakteu na najbolji mogući način, a kupcima će biti zgodno komunicirati s njom. Ali ne zaboravite da sve treba umjereno! Još više svježih ideja za osmišljavanje VK zajednice pogledajte na stranici usluga agencije Tesla Target.

), napravite jelovnik.

Sada ću ti pokazati kako napraviti izbornik u grupi VKontakte i pravilno ga dizajnirati.

Izrada prekrasne grafike

U novom dizajnu web stranice VKontakte promijenjene su dimenzije za grafiku. Ispod ćete pronaći trenutne vrijednosti.

• Avatar za grupu - 200x300 px
• Banner u opisu - 510x271 px

Pripremite slike u potrebnim veličinama. Uzet ću gotove slike da vam pokažem primjer.

Dakle, napravimo prekrasan dizajn tako što ćemo cjelokupnu sliku podijeliti na dva dijela. Kao rezultat toga, dobit ćemo jedan dizajn.

Prvo prenesite svoj avatar. Idite u grupu i kliknite "Za prijenos fotografije".

Vidjet ćete obrazac u kojem trebate odabrati datoteku na tvrdom disku vašeg računala. Učini to. Kao rezultat, dobili smo sljedeće.

Dodajmo sada drugi dio slike. Da biste to učinili, morate postaviti sliku na zid, a zatim je snimiti s njom, popraviti je u gornjem dijelu.

Idemo do zida. Ovdje u bloku "Dodaj bilješku", dodirnite ikonu Fotografija.

Učitajte drugu pripremljenu sliku. Obavezno odaberite objavljivanje kao zajednica. Zatim kliknite "Pošalji".

Sada treba osigurati ulaz (vidi). Vraćamo se na novi unos i proširujemo izbornik u gornjem desnom kutu. Ovdje kliknemo "Pin".

Sada osvježite stranicu i pogledajte rezultat.

Jedini nedostatak je što su slike na različitim razinama. Ali to je zbog činjenice da nisu odgovarajuće veličine. Avatar bi trebao biti veći okomito. Tada će biti na istoj razini.

Kako stvoriti izbornik u grupi VKontakte

Vratimo se našem primjeru i zamislimo da trebamo napraviti gumb "Više detalja". Ona je već na slici. Kako to možemo učiniti gumbom, tako da kada se klikne, osoba će biti odvedena na našu glavnu stranicu? Sad ću ti pokazati.

Da bismo napravili aktivne gumbe izbornika, moramo ih izrezati kao zasebne slike. Za ovo nam je potreban Photoshop.

Otvorite našu sliku u editoru i aktivirajte alat za rezanje.

Gumbom odrežite donji dio. Držite lijevu tipku miša i nacrtajte vodoravnu liniju, režući sliku na dva dijela.

Sada pritisnite Alt+Ctrl+Shift+S da biste spremili gotove slike.

https://vk.com/pages?oid=-120208137&p=menu

Pogledajte, nakon simbola "odi=- ", trebate umetnuti ID svoje grupe (pogledajte). I na samom kraju poveznice napišite naziv svoje stranice jelovnika. U primjeru ćemo ostaviti “Izbornik” kakav jest.

Ovdje kliknemo na ikonu kamere i učitamo pripremljene slike.

Sada prijeđimo na stvaranje izbornika za grupu na VK. Trebao bi izgledati nešto slično.

Zatim idemo na odjeljak "Uređivanje". Ovdje za svaku sliku moramo ukloniti ispunu tako da se stope u jednu sliku. Da biste to učinili, dodajte sljedeću vrijednost u kod: "nopadding;" . I dodajte vezu na željenu stranicu ili web mjesto, unesite vrijednost "https://site.ru/page.html" (navedite svoje adrese!). U našem primjeru, gumb "Više detalja" trebao bi voditi do web stranice. To je ono što bi se trebalo dogoditi.

[] []

Spremite stranicu. Ne zaboravite kopirati njezinu adresu iz adresne trake. Trebao bi izgledati ovako:

https://vk.com/page-120208137_52523487

Vraćamo se na zid grupe i stvaramo novi unos. U njega umetnemo vezu na stranicu i priložimo izvornu sliku. Objavljujemo i pribadamo.

Ovo je jelovnik s kojim smo završili.

Dimenzije glavnih elemenata za ukrašavanje

VKontakte platforma za poslovanje razvija se i stalno objavljuje dodatke za grupe. Ako je prije bilo potrebno nekoliko minuta za stvaranje grupe - osmislite ime, unesite opis, stavite poveznicu na web mjesto i prenesite nekoliko slika, sada je sve puno kompliciranije. Dizajn cijele zajednice kao cjeline mora biti pažljivo osmišljen kako bi ispunio svoju glavnu svrhu. Konkretno, za poslovne je to prodaja, za tematske javnosti to je interes oglašivača.

• Naziv zajednice— bilo koji tekst na bilo kojem jeziku, ne dulji od 48 znakova, možete koristiti emoji;
• opis grupe— ne više od 4000 znakova (prilikom rangiranja grupe u tražilicama, uzima se u obzir kao );
• avatar— minimalna veličina je 200x200 piksela, maksimalna nije veća od 7000 piksela sa svake strane. Možete koristiti JPG, GIF ili PNG slike;
• pokriti— minimalna veličina je 200 piksela u visinu i 795 u širinu. Preporučena veličina slike je 400x1590 piksela. Formati - JPG, GIF ili PNG;
• live community cover(za mobitel) - video zapisi ili slike rezolucije 1080x1920. Trajanje ne dulje od 30 sekundi, veličina datoteke do 30 MB.
• grupni jelovnik;
• akcijski gumb;
• Podaci za kontakt;
• prikvačena poruka - bilo koja objava s videom, fotografijom, anketom, GIF-om itd.;
• ostali dijelovi i elementi po želji;
• aplikacije i widgete.

Opis zajednice

Opis je tekst koji korisnici vide odmah kada posjete grupu. Njegov cilj je zainteresirati. Potrebno je kompetentno i zanimljivo opisati što je grupa. Prilikom osmišljavanja teksta morate obratiti posebnu pozornost na činjenice o grupi i koliko je ona korisna za ljude. Da biste poboljšali učinak, bolje je odvojiti informacije pomoću emoji.

Kako dodati ili promijeniti opis

U bočnom izborniku grupe idite na odjeljak "Upravljanje".

Ispunite odjeljak "Opis zajednice". Ako kasnije trebate urediti opis, slijedite isti algoritam.

Avatar

Avatar- slika, fotografija grupe. Ovo je prva stvar koja upada u oči. Ljudi vide Avu u gornjem lijevom kutu objave u feedu i kada posjećuju stranicu zajednice. Bolje je izraditi avatar tako da iu smanjenom obliku bude prepoznatljiv i prepoznatljiv. Na primjer, poput pukovnika Sandersa.

Sada postoje mnoge online usluge i aplikacije koje vam mogu stvoriti prekrasan avatar za grupu.

• AvaMaster - prenesite fotografiju (ili logotip tvrtke), odaberite jednu od ponuđenih opcija.
• Vk Profi - omogućuje vam stvaranje svih osnovnih grafičkih elemenata za dizajn zajednica i javnih stranica.

Kako postaviti ili promijeniti avatar

Da biste dodali ili zamijenili grupnu fotografiju, morate otići na stranicu zajednice, pokazati na trenutni avatar i odabrati "Ažuriraj fotografiju" u izborniku koji se pojavi.

Otvorit će vam se prozor u kojem trebate kliknuti “Odaberi datoteku” i učitati željenu sliku sa svog računala.

Naslovnica za VKontakte grupu

Pokriti relativno novi element u dizajnu zajednica. Omogućuje vam zamjenu uobičajenih avatara i daje vam priliku da budete kreativni s dizajnom. Skupina postaje svjetlija i privlačnija.

Za dodavanje naslovnice idite na upravljanje zajednicom i kliknite na “Dodaj” pored odgovarajuće stavke i prenesite sliku.

To bi moglo izgledati ovako, na primjer:

Pokušajte najvažnije informacije smjestiti u središte tako da pri gledanju grupe s različitih uređaja informacije na naslovnici ne budu odrezane. Također, možete dodati dodatne tekstualne upite: "Pridružite se grupi" ili "Posjetite stranicu".

Zajednica uživo

Također možete napraviti naslovnicu koja će biti vidljiva samo posjetiteljima grupe s mobilnih uređaja i korisnicima mobilne aplikacije. Ova se naslovnica naziva "Live Community Cover" ili dinamična.

Da biste napravili naslovnicu uživo, u istom odjeljku gdje smo postavili običnu naslovnicu, pomaknite se malo prema dolje i dodajte okomite slike ili videozapise.

Takav omot omogućit će vam učinkovitiji rad s publikom koja radije gleda društvene mreže s pametnih telefona.

Prikvačena objava

Tajne stvaranja prodajnih zajednica u VK

Kao bonus, dijelimo tajne dizajniranja VK grupe i naše iskustvo, što će vam omogućiti da napravite dizajn na naprednoj razini. Na primjer, možete postaviti prekrasan blok raznih aplikacija koje će povećati angažman.

Besplatne aplikacije. Idite na upravljanje zajednicom i idite na "Aplikacije" za uređivanje postavki.

Ovdje možete odabrati dodavanje aplikacije koja će nadopuniti funkcionalnost grupe. Na primjer, kao iu našoj grupi, postoji gumb "Podržite zajednicu", klikom na koji možete donirati u korist zajednice bilo koji iznos od 100 rubalja. To također može biti trgovina proizvoda, upitnik, testovi, online chat, pretplata na newsletter itd.

Ostali korisni widgeti i aplikacije:

• upitnici;
• testovi;
• registracija za usluge;
• slanje poruka;
• trgovina robom;
• i tako dalje.

. U postavkama grupe postavite gumb za radnju, to će motivirati korisnike da poduzmu željenu radnju. Pomoću ovog gumba posjetitelje možete usmjeriti na web mjesto, na aplikaciju i na brzi poziv na telefon ili putem VK-a. Možete ga konfigurirati u prvom prozoru, nakon odlaska na upravljanje zajednicom.

Dodatni elementi dizajna koji se može koristiti:

Zaključak

Ako želite uspješno promovirati grupu na VK-u, svakako odvojite vrijeme da je pravilno i lijepo dizajnirate. Što temeljitije pristupite ovom problemu i razmislite o svim scenarijima ponašanja korisnika nakon odlaska na stranicu grupe, veća će biti konverzija u pretplatu, a zatim i u kupnju.