Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Recenzije
  • Kako napraviti lijepu grupu u kontaktu. Kako napraviti lijep dizajn za zajednicu VKontakte

Kako napraviti lijepu grupu u kontaktu. Kako napraviti lijep dizajn za zajednicu VKontakte

Želite li znati kako napraviti grupu na VKontakteu 2018.? I ne samo dizajnirajte, već to uradite sami ispravno i lijepo! Ako je vaš odgovor "Da", onda je ovaj članak posebno za vas!

Društvena mreža "VKontakte" jedna je od najpopularnijih. U skladu s tim, ovdje možete pronaći više komunikacije, istomišljenika i samo prijatelja, kao i promovirati svoje usluge i proizvode. Zahvaljujući kreiranim zajednicama, možete brzo pronaći sve o događaju, proizvodu, usluzi itd.

Na stranici za upravljanje kliknite na “Učitaj” i odaberite sliku. To izgleda ovako: naziv grupe, zatim sličica avatara, status.

Nažalost, mobilni još uvijek ne podržava ovu funkciju. Ali budući da se ova inovacija dogodila ne tako davno, bit će jednako relevantna za promociju kao i sve ostalo.

Za lakši pristup predloženim materijalima možete kreirati meni. A mi ćemo vam reći kako da ga sami napravite sljedeći put.

Zakačena objava

Tajne stvaranja VK grupe

Kao bonus, dijelimo tajne dizajniranja VK grupe i naše lično iskustvo, koje će vam omogućiti da sami dovršite dizajn odmah na naprednom nivou. Na primjer, možete postaviti tako lijep blok raznih aplikacija, koji povećava angažman nekoliko puta!

Besplatne aplikacije. Idite na upravljanje zajednicom i idite na "Aplikacije" da uredite postavke.

Ovdje možete odabrati da dodate aplikaciju koja će biti odličan dodatak funkcionalnosti grupe. Na primjer, u našoj grupi, koja besplatno stvara koristan sadržaj, postoji dugme „Podrži zajednicu“, klikom na koje možete donirati u korist zajednice bilo koji iznos od 100 rubalja. To također može biti prodavnica proizvoda, upitnik, testovi, online chat, pretplata na bilten itd.

Ostali korisni widgeti i aplikacije:

  • upitnici;
  • testovi;
  • registracija za usluge;
  • slanje poruka;
  • prodavnica robe;
  • i tako dalje.

Diskusije. Napravite nekoliko tema odjednom o glavnim pitanjima koja će biti od interesa za klijente ili pretplatnike. Ako je ovo komercijalna zajednica, onda su to recenzije, najčešća pitanja, informacije o plaćanju, garancijama i isporuci. Ako je zajednica informativna, tada bi glavne teme diskusije trebale biti posvećene temama kojima se grupa bavi.

Zaključak

Ako želite da bude uspješan, onda svakako odvojite vrijeme da ga dizajnirate ispravno i lijepo. Što detaljnije pristupite ovom pitanju i razmislite o svim scenarijima ponašanja korisnika nakon odlaska na stranicu grupe, to će biti veća konverzija u pretplatu, a potom i u kupovinu.

Grafički elementi u dizajnu zajednice VKontakte privlače pažnju posjetitelja, zadržavaju je, a također povećavaju prepoznatljivost grupe ili javnosti među hiljadama sličnih zajednica. Osim toga, grafički meni olakšava navigaciju kroz dijelove grupe, pomažući učesnicima i drugim korisnicima društvene mreže da se kreću kroz strukturu velike zajednice.

Pretraga na VK-u ili pregledavanje portfelja dizajnera pokazat će mnoge uspješne primjere dizajna grupe VKontakte, koje možete koristiti kao polaznu tačku pri odabiru naslovnog menija za svoju zajednicu.

Koriste se sljedeće veličine dizajna grupe VKontakte:

  • Naslovnica stranice je prikazana na vrhu, po cijeloj širini javne stranice, veličine 1590 x 400 piksela;
  • Veliki avatar - vertikalni baner 200x500 px (omjer 2:5), prikazan u gornjem desnom uglu;
  • Mali avatar, okrugla slika, prikazan je u svakoj grupnoj poruci, veličine 200x200 piksela.
  • Slika menija za VKontakte grupu, širina 510 piksela, visina 307 (tako da se donja ivica menija lepo poklapa sa donjom stranom velikog avatara sa desne strane).

Ako je naslovna slika učitana u postavkama zajednice, veliki avatar na desnoj strani se ne prikazuje.

Kako sami napraviti zaglavlje za VKontakte grupu

Da bi zaglavlje zajednice izgledalo lijepo, sve njegove grafičke komponente moraju biti dizajnirane u istom stilu (skup boja, logotipa, fontova) ili biti dio iste slike. Kada sami kreirate VKontakte grupu, prvi korak je priprema pozadinske slike. Ovo može biti tematska slika iz besplatnih fotobanka (na primjer, pixabay.com).

Otvorite sliku u grafičkom uređivaču. Izreži ili skaliraj prema veličini: dužina 1590 px, visina 400 px.

Zatim možete primijeniti potrebne natpise (naziv grupe, slogan, poziv za pridruživanje zajednici). Sada morate da otpremite naslovnicu u zajednicu da biste to uradili, idite na stavku menija „Upravljanje zajednicom“:

Kliknite na “Preuzmi” u polju “Naslov zajednice”.

U sljedećem prozoru odaberite datoteku naslovnice koju ste prethodno pripremili na vašem računalu i kliknite na „Sačuvaj i nastavi“.

Sada će vaša grupa imati novu naslovnicu. Imajte na umu da se u ovom slučaju vertikalna slika velikog avatara na desnoj strani više neće prikazivati.

  • Slika ili fotografija moraju odgovarati temi zajednice.
  • Koristite slike visokog kvaliteta.
  • Nemojte kršiti tuđa autorska prava na slike (trenutno besplatne akcije nude veliki broj fotografija i ilustracija).
  • Nemojte preopteretiti naslovnicu detaljima.
  • Ako u zaglavlje postavite fotografiju osobe, bolje je da ona ne gleda u posjetitelja, već u najvažniji element na stranici (meni, adresa web stranice, poruka o promociji, poziv).
  • Koristite visokokvalitetne fontove i osigurajte da je tekst čitljiv u bilo kojoj mjeri.

Veličine zaglavlja na javnom VKontakteu u novom dizajnu

Nakon redizajna ove društvene mreže, pojavio se novi element dizajna - naslovnica. Ovo je velika pejzažna slika dimenzija 1590 x 400 piksela. Zaglavlje grupe VKontakte je statična slika. Dovoljno velik da se na njega postavi svijetla, nezaboravna fotografija ili slika i ime javnosti, slogan kompanije, naziv stranice, raspored rada i drugi natpisi.

Kako napraviti meni za VK grupu u novom dizajnu

Proces dizajniranja menija grupe VKontakte sastoji se od sljedećih koraka:

  • Priprema liste linkova menija (to mogu biti stranice, sekcije zajednice ili eksterne stranice).
  • Priprema pozadinske slike.
  • Primjena natpisa i "dugmadi" menija na pozadinu slike.
  • Rezanje slike na dijelove.
  • Omogući wiki stranicu.
  • Učitavanje grafičkog menija i formatiranje sa wiki oznakama.

Pozadinska slika treba da bude široka 510 piksela, a visina zavisi od broja i položaja stavki menija. Za rad sa slikama, trebat će vam uređivač rasterske grafike ispod su primjeri korištenja besplatnog i laganog Paint.Net-a.

Treba odmah planirati postavljanje stavki menija tako da se slika može izrezati na fragmente iste veličine. Ovo je važno da bi se meni pravilno skalirao na ekranu pametnih telefona ili tableta.

Vertikalni meni VK zajednice sa stavkama u jednoj koloni

Otvorite sliku u uređivaču. Koristeći uređivački alat "Text", napišite stavke menija na vrhu pozadine. Kako bi oznake menija bile vidljive, one se mogu istaknuti na nekoliko načina:

  • Zaokružite ga okvirom;
  • Promijenite boju pozadine ispod slova;
  • Dodajte sjenu slovima.

Na slici ispod, svaka stavka je istaknuta na jedan od sljedećih načina.

Sljedeći korak je rezanje slike na dijelove:


Proces rezanja slike može se obaviti i pomoću prikladnog online alata www.imgonline.com.ua/cut-photo-into-pieces.php.

Zatim u meniju „Upravljanje zajednicom“ idite na stavku „Odeljci“ i u stavci „Materijali“ izaberite „Ograničeno“ (to znači da samo administrator grupe može kreirati i uređivati ​​stranice).

Kliknite na Spremi i idite na glavnu grupu. U blizini odjeljka s informacijama o grupi pojavila se stavka "Najnovije vijesti".

Idite na ovaj odjeljak i kliknite na uredi. Promijenite naslov u "Meni", a zatim kliknite na ikonu kamere da dodate sliku.

Kliknite na dodanu sliku i u prozoru sa svojstvima odredite vezu do željenog odjeljka.

VKontakte automatski smanjuje slike na 400 piksela i ubacuje dodatne oznake. Da biste to popravili, morate prijeći na način za uređivanje oznaka.

Svaka oznaka slike počinje sa “[[” i završava se sa “]]” i sastoji se od tri dela odvojena sa “|”: ID slike, svojstva i link. Morate podesiti veličinu slika i umetnuti oznaku “nopadding” u njihova svojstva. Svojstva slika su navedena kroz “;”.

Nakon pohranjivanja izmjena, kreiranje menija je završeno.

Meni sa horizontalnim ili višelinijskim stavkama

U ovom slučaju, priprema slika se vrši na isti način, ali sa izvorom koji se reže okomito. Isečeni fragmenti se učitavaju kroz interfejs za uređivanje stranice. Relativni položaj pravokutnih fragmenata utvrđuje se pomoću oznake wiki tablice u VK-u. Svaka oznaka slike veze opisana u prethodnom odjeljku smještena je unutar ćelije tabele.

Pravila dizajna stola:

  • Početak je označen simbolom “(|), a kraj tabele sa “|)”.
  • Dodatna svojstva su naznačena nakon "|~"
  • Novi red počinje sa "|-".
  • Svaka ćelija je odvojena sa "|".

Da biste isključili dodatne razmake, morate navesti parametre tablice “fixed nopadding noborder”. Izgled grafičkog menija sa 2 kolone i 2 reda izgleda ovako:

I sam meni u grupi:

Veličina avatara grupe u novom dizajnu za VK javni dizajn

VKontakte zajednice koriste dvije opcije avatara:

  • Veliki pravougaoni baner 200 x 500 piksela prikazan je u gornjem desnom uglu ako naslovnica nije učitana.
  • Sličica je 200x200 piksela, prikazana je u objavama i diskusijama kao krug.

Tema ovog članka je novi dizajn VKontaktea. Ponovo promijenjeno, sada možete postaviti horizontalni poklopac u grupi. Dizajniranje vaše VK zajednice s takvim zaglavljem je mnogo zanimljivije. Iskreno, ovdje nije potrebno poznavanje Photoshopa. A možete napraviti prekrasnu sliku čak iu PowerPointu, Fotor, Canva, Pixlr Editor-u bez posebnih vještina.

Ulaskom u grupu primijetit ćete da su u tim grupama postali vidljivi dugmad “Zakačeni unos”, “Informacije” i “Klik meni”. I prije su bili skriveni. Naravno, sva registracija grupa počela je odmah.

Učitavanje nove naslovnice

Sada ćemo shvatiti kako omogućiti mogućnost instaliranja horizontalnog zaglavlja. Kliknimo na dugme "Upravljanje".

Zatim kliknite na posljednju i preuzmite novu naslovnicu grupe VKontakte. Ovdje možete razumjeti da datoteka za preuzimanje može biti bilo koje veličine! Ali ne manje od veličine 1590x400 px. Izrađujemo prototip naslovnice u bilo kojem uređivaču. Zatim možemo odabrati i sačuvati područje koje ispunjava VK zahtjeve. Evo savjeta o tome gdje pronaći naslovnu sliku i koji uređivač koristiti

Šta je zanimljivo u vezi s novim dizajnom VKontaktea?

Glavna stvar: ima više prostora za informacije. Sada ovdje možete napisati naziv grupe, svrhu njenog stvaranja, poziv na akciju itd. Takav dizajn će biti logički potpun i funkcionalniji. Ali možete ostaviti stari dizajn, to je stvar svačijeg ukusa.

Kada dizajnirate horizontalni poklopac, primijetit ćete da interni meni sada nekako ispada iz općeg konteksta. Mislim da bi bilo bolje zakačiti sliku da ode u meni. I koristite ga za hostovanje wiki stranica u grupi.

U isto vrijeme, želio bih da programeri dodaju još neku opciju za postavljanje prekrasnog prijelaza na Wiki stranice.

Želio bih napomenuti da od 2016. programeri društvene mreže VKontakte aktivno pokušavaju postaviti ovu mrežu za promociju poslovanja. Neka bude zgodnije za posao ili tako nešto. Sa moje tačke gledišta, ovo je jako dobro i veoma je traženo među mnogim internet preduzetnicima.

Ali što je najvažnije, po mom mišljenju, oni moraju pažljivo razmotriti sistem „zabrana“ kako bi poduzetnici mogli tiho raditi, a da ne ometaju one korisnike koji su došli da se zabave na društvenoj mreži.

Kako napraviti naslovnicu VKontakte grupe na mreži

Iskoristite svoju kreativnost i odaberite ono što više volite: horizontalni omot ili već poznati VKontakte dizajn. Kreiranje na mreži i instaliranje novog poklopca jasno je predstavljeno korak po korak u videu ispod članka.

P.S. Nadam se da su vam ove informacije korisne.

P.S.S. Iskoristite svoju kreativnost i sretno u svim svojim nastojanjima!

Shvatili smo kako nacrtati prekrasan jelovnik za vašu grupu. A danas ćemo naučiti kako postaviti meni direktno na stranicu VKontakte i kreirati interne stranice za njega. Dakle, idemo!

Korak 1. Učitajte stavke menija na vk.com

Odlazimo u grupu i u njoj kreiramo album u koji ćemo učitati stavke menija dobijene prilikom ispunjavanja zadatka prethodne lekcije. Da biste to učinili, kliknite na Albumi u foto bloku na glavnoj stranici iu prozoru koji se otvori odaberite Kreirajte album. Hajde da ga pozovemo Album za administratora.

Bilješka: ako nemate blok fotografija na glavnoj stranici, idite na stavku Community Management(to smo već radili u prvoj i drugoj lekciji) i tamo suprotno od tačke Fotografije izabrati Otvori ili Ograničeno(više o albumima i kakvi su oni ćemo vam reći u jednoj od narednih lekcija).

Vidjet ćete novokreirani prazan album. Kliknite Dodajte fotografije u album i učitajte dijelove menija koje ste nacrtali.

Ostaje samo sastaviti grupni meni iz ovih dijelova.

Korak 2. Sastavljanje menija od elemenata

Idite na stranicu za uređivanje menija (kako to učiniti,). Provjerite je li omogućen način uređivanja Wiki način označavanja. Sada imate ovdje (ako ste završili zadatke druge lekcije) svoje stavke menija, zatvorene u uglaste zagrade. Još ih ne diramo, ali pišemo u nastavku:

jedinstveni_broj - ovo je broj fotografije koji joj se dodjeljuje kada se postavi na web stranicu vk.com. Da biste je pogledali, otvorite preuzetu fotografiju klikom na nju i pogledajte u adresnoj traci preglednika:

388px- ovo je širina vašeg menija

Noborder- znači da vaše stavke menija nemaju crni obris

Nopadding- znači da neće biti razmaka između slika (što nam je potrebno da bi meni bio besprekoran).

Prostor na kraju je potreban, inače ništa neće raditi.

Trebali biste imati onoliko linija koliko ima stavki u vašem meniju (i, shodno tome, koliko ste slika nacrtali):

Pazite da ne pomiješate redoslijed slika.

Idemo na glavnu stranicu grupe, ažuriramo je (kliknite na dugme Ažuriraj u pretraživaču ili samo F5). Divimo se rezultatu!

Korak 3. Priključite interne stranice na meni

Prilikom kreiranja menija za grupu u modu za uređivanje materijala u drugoj lekciji, pisali smo njegove stavke u uglastim zagradama. Sada ih vidite iznad vašeg lijepo dizajniranog menija u obliku veza: u našem primjeru, to su veze Kako naručiti, Kako platiti itd.

Klikom na dugme Ispunite sadržajem, nalazimo se na stranici za uređivanje materijala koja nam je već poznata.

Odmah provjeravamo kakav pristup stranici imamo (zapamtite da pristup za pregled stranice treba podesiti - Svi korisnici, a pristup za uređivanje je Samo urednici i administratori) i ispunite ga informacijama.

Dok ispunjavate stranicu informacijama, možete koristiti ploču za oblikovanje teksta da dodate naglasak kako biste tekst podebljali, kurziv, dodajte poravnanje ili listu:

Formatiranje teksta pomoću ovog panela nije ništa teže od rada u Wordu: jednostavno odaberete tekst mišem i pritisnete dugme koje vam je potrebno.

Pošto ste u modu wiki markupa, određeni znakovi će biti dodati vašem tekstu kada primijenite komande za formatiranje. Na primjer, kada odaberete komandu kurzivom, riječ koju želite da ispišete kurzivom će biti okružena navodnicima. Ovi simboli su elementi wiki jezika za označavanje. Da vidite kako će tekst izgledati na stranici, kliknite na dugme Pregled:

I evo šta se dešava:

Bilješka: preporučujemo da naučite uređivati ​​tekst u wiki markup modu, jer daje predvidljive rezultate, za razliku od režima vizuelnog uređivanja, koji je nestabilan u različitim pretraživačima. Ponekad čak i jednokratno prebacivanje na način vizualnog uređivanja kvari dizajn stranice.

Koristeći stečeno znanje, stavljamo naglasak na našu stranicu i klikamo Sačuvaj stranicu. Evo šta smo dobili (zapamtite, ovo je samo primjer):

Ponavljamo ovaj korak za svaku našu stranicu (imamo ovo Kako naručiti, Kako platiti, Kako odabrati pravu veličinu I Koliko traje dostava?) osim stranice

Grafički dizajn grupe u kontaktu sastoji se od nekoliko slika različitih veličina. Svaki od njih obavlja svoju ulogu, stoga se izvodi prema posebnoj tehničkoj specifikaciji.
  • Avatar. Do nedavnog pojavljivanja gornjeg omota, imao je glavnu ulogu u zajednici. Ali pristalice starog stila i dalje ga mogu koristiti kao osnovu. Avatar treba da sadrži osnovne informacije o kompaniji: logo, naziv kompanije, kontakt informacije i nekoliko riječi o smjeru aktivnosti. Jedan od najvažnijih dijelova avatara je sličica, vidljiva u pretraživaču kontakta i feedu vijesti. Širina avatara je 200 piksela.
  • Cover. U novom dizajnu, naslovnica je postala glavni element grafičkog dizajna zajednice. Prilikom ulaska u grupu, prva stvar na koju osoba obraća pažnju je naslovnica, tako da ona treba da odražava vaše aktivnosti što je više moguće. Tu također treba postaviti kontakt informacije i logo kompanije. Preporučena veličina omota je navedena u postavkama grupe prilikom slanja.
  • Baner za prijelaz menija. Slika prijelaza tradicionalno uključuje dugme menija dizajnirano u stilu zajednice. Osim toga, preporučujemo da tamo postavite ponudu koja bi mogla biti od interesa za kupce.
  • Slika sa stavkama menija. Element za navigaciju koji omogućava korisnicima da koračaju kroz sadržaj grupe. Meni može sadržavati sve potrebne informacije učesnicima: dostava, plaćanje, kontakti, o kompaniji, katalog i još mnogo toga. Prilikom kreiranja slike, bolje je odabrati je tako da možete lako dodati nove gumbe u izbornik ili unaprijed promisliti stavke menija, izbjegavajući daljnje prerade.
  • Slike za navigaciju za interne stranice. Ovi elementi služe za praktično kretanje korisnika kroz sekcije zajednice i pružaju ugodan izgled internim stranicama.

Najbolji članci na ovu temu