U ovom članku želio bih sistematizirati sve svoje znanje o dizajnu VKontakte grupa na temelju svog iskustva u interakciji s klijentima i njihovim preferencijama. Štoviše, u proteklih šest mjeseci VKontakt je napravio mnogo promjena kojih mnogi nisu ni svjesni. Želio sam se detaljnije zadržati na nekim inovacijama, jer među njima ima zaista vrijednih i korisnih stvari. Čini se da smo se svi mi već oporavili od određenog šoka nakon redizajna VKontaktea, a iza vidljivih promjena otkrilo se viševarijantno funkcioniranje i sadržaj grupe. Dakle, sada dizajn grupa uključuje složenu proceduru koja nije ograničena samo na grafičku komponentu u obliku prekrasnih slika. Sada vlasnici moraju uzeti u obzir mnoge nijanse izgradnje grupne strukture, ovisno o poslovnoj temi i pogodnostima korisnika.
To se uglavnom tiče odabira grafičkog dizajna između dvije međusobno isključive opcije, izrade internog jelovnika, odabira ulazne točke u interni jelovnik, razumijevanja razlike između kataloga i vitrine proizvoda, pripreme promotivnih materijala za promociju grupe. i korištenje korisnih aplikacija. Ali prije svega. Prvo ćemo pogledati glavne elemente grupnog dizajna, zatim ćemo prijeći na njihovu interakciju u obliku raznih kombinacija, a zatim ćemo govoriti o nekim korisnim značajkama i suptilnostima.
1. Horizontalni poklopac (zaglavlje)
Počnimo s vodoravnim omotom ili zaglavljem. Programeri VKontaktea uvjeravaju nas da naslovnica, zbog svoje veličine, daje veću fleksibilnost u pružanju i vizualizaciji informacija. Obično, osim lijepe slike, zaglavlje sadrži logo, popratne informacije, kontakte, pozivnicu za pridruživanje grupi i adresu web stranice. Sumnjam da će jednog dana naslovnice postati jedina moguća opcija dizajna za grupu, pa bih preporučio da se odmah prijeđe na njih kako bi se kasnije izbjegle redizajna više sile.
Kako preuzeti omot
Da biste preuzeli naslovnicu, trebate otići na Upravljanje zajednicom >> Osnovne informacije o bloku >> Naslovnica zajednice >> Preuzmi. Preporučena veličina omota je 1590×400 piksela. Zaglavlje ne može imati nijedan radni gumb koji se može kliknuti - zapravo, ovo je slika i to je to. Danas je naslovnica vidljiva na mobilnim uređajima, a čini se da je već vidljiva u aplikacijama i klijentima.
Wiki kartica Najnovije vijesti
U gornjem bloku ispod zaglavlja sada se mogu pronaći tri kartice: prikvačena objava, informacije o zajednici i wiki izbornik (samo u grupama, takva kartica ne postoji na javnim stranicama). Naglasak je i dalje na prikvačenom postu, međutim, čak i ako je prisutan, korisnik će sada uvijek imati pristup informacijama o zajednici prebacivanjem između kartica. Da bi se pojavila kartica wiki izbornika (izvorno nazvana Najnovije vijesti), trebate otići na Upravljanje zajednicom » Odjeljci » Sadržaj » Ograničeno (ili javno) » Spremi.
2. Vertikalni avatar
Sada obratimo pažnju na stari dobri avatar za grupu veličine 200x500 piksela. Iako je to i način oblikovanja grupe. Obično se na avataru nalaze sljedeće informacije: logo, popratni tekst ili slogan, kontakti, poziv za pridruživanje grupi. U mobilnim uređajima cijeli avatar nije vidljiv, vidljiv je samo dio – minijatura. Za dizajn grupe možete koristiti horizontalno zaglavlje (naslovnicu) ili okomiti banner. Ako postoji zaglavlje, okomiti avatar nije vidljiv. Avatar ne može imati nijedan radni gumb na koji se može kliknuti - zapravo, ovo je slika i to je to.
3. Minijatura
Trenutačno se okomiti avatar koristi za izradu minijature minimalne veličine od 200x200 piksela. Sličica se koristi u objavama i objavama kao mali krug u blizini naslova i kao veći krug u nekim odabirima i spominjanjima u zajednici. U vezi s prijelazom na zaobljeni oblik, zahtjevi za minijaturom postali su stroži. Kako bi se tekst na sličici mogao pročitati u potpunosti, vizualno ne smije izlaziti izvan granica kruga.
Kako prenijeti minijaturu
Sličica je postala potpuno samostalan element, a kada koristite naslovnicu (header) u dizajnu grupe, sada morate napraviti zasebnu sličicu, imajte na umu. Ako grupa nema zaglavlje (naslovnicu), tada za prijenos minijature trebate kliknuti "Učitaj fotografiju" u bloku avatara (gore desno). Ako u dizajnu postoji zaglavlje (naslovnica), tada da biste prenijeli minijaturu, morate kliknuti na krug odmah ispod zaglavlja i tamo odabrati stavku "Prenesi fotografiju".
4. Banner
Banner (engleski banner - zastava, transparent) - grafička slika informativnog, reklamnog ili poticajnog karaktera. Banner je priložen kao slika uz post i može imati samo jednu internu poveznicu. Mnogi su još uvijek uvjereni da se iz bannera na glavnoj stranici može napraviti nekoliko poveznica. Nije, samo jedan link i to je to. Izdvojio bih sljedeće vrste bannera.
4.1 Informacije o banneru
Uobičajena vrsta bannera koji sadrži opće informacije o tvrtki, grupi, usluzi ili događaju s detaljnim popisom pogodnosti i drugim popratnim materijalima. Često se koristi kao prikvačeni unos u grupi. Veličina takvog bannera je 510x307 piksela. S ovom veličinom, banner na dnu podudara se s avatarom. Ako nema veze s avatarom, može se koristiti bilo koja veličina. Ja, na primjer, koristim veličinu od 600x350 piksela. Kvadratni format od 510x510 piksela također je prikladan i sada postaje sve popularniji - s ovom veličinom banner zauzima najveće područje u feedu vijesti.
4.2 Banner za ulazak u interni izbornik
Ako banneru iz prethodnog odlomka dodamo upečatljiv natpis “Otvori izbornik”, dobit ćemo banner čija je glavna zadaća služiti kao ulazna točka u interni izbornik. Ponekad naprave zamku u obliku nekoliko gumba na banneru, ali to je iluzija, kada se pritisne, korisnik i dalje dolazi na internu stranicu, a tamo svaki gumb već ima svoju poveznicu. Veličina takvog bannera je 510x307 piksela. S ovom veličinom, banner na dnu poklapa se s autorom. Ako ulaz u izbornik nije vezan uz avatar, tada možete napraviti bilo koju veličinu bannera, čak i uski gumb s natpisom "Otvori izbornik". Glavna stvar je da širina bannera bude najmanje 510 piksela.
4.3 Kartica za repost, promocije
Nedavno su kartice za ponovne objave ili promocije dobile posebnu važnost. Njegova je svrha pozvati na konkretnu akciju. U osnovi je to "Pridruži se grupi, repost ili lajk i osvoji nagradu." Takvi banneri se koriste kao dio reklamnih kampanja ili promocija kako u svojim grupama tako i za promociju u drugim grupama. Obično koristim 600x350 piksela.
4.4 Banner s gif animacijom
Nakon što su programeri VK početkom godine napravili veću veličinu za gif slike, gifovi su se odmah izjednačili s informativnim bannerima. Na primjer, na GIF banneru možete dati slike nekoliko proizvoda ili tekstova koji se mijenjaju - pokret odmah privlači pozornost. A kad je funkcija dodana u lipnju automatska reprodukcija gif animacija u feedu vijesti, tada su GIF-ovi postali predmetom pomne pažnje oglašivača i marketinških stručnjaka.
5. Dizajn avatara + prikvačeni banner
Donedavno je ovaj modularni dizajn, koji se sastojao od avatara i prikvačenog bannera, bio najpopularniji način oblikovanja grupa. Više pojedinosti o tome kako napraviti takav dizajn opisano je u lekciji. S pojavom zaglavlja (poklopca), možda će se popularnost ovog dizajna malo smanjiti.
Osim toga, postoji mogućnost da će VKontakte ponovno promijeniti neke parametre blokova i tada će cijeli dizajn propasti, kao što se to dogodilo dva puta u posljednjih šest mjeseci. Dakle, dragi vlasnici grupa, kada birate dizajn za svoju grupu, uzmite u obzir ovu činjenicu. Da, i još nešto, na mobilnim uređajima se ne vidi sva ljepota jedne slike, budući da se ne prikazuje avatar, već samo sličica, a prikvačeni unos se nalazi malo niže.
6. Interni navigacijski izbornik
Izbornik u obliku aktivnih veza nalazi se na internoj stranici VKontaktea i napisan je pomoću wiki naredbi za označavanje. Kako napraviti samu unutarnju stranicu opisano je u lekciji. Korisnik se kreće kroz grupu pomoću izbornika. U nastavku ćemo razmotriti vrste internog izbornika, ali za sada se usredotočimo na nekoliko važnih točaka.
Ulazne točke u internom izborniku
Želim napomenuti jednu suptilnu točku, koja se često zanemaruje. Ponekad klijenti od mene naruče interni jelovnik, ali u isto vrijeme nemaju pojma kako će korisnik ući upravo u taj interni jelovnik. Postoje dva načina da uđete u to: ili putem fiksnog bannera (pogledajte odlomak 4.2) ili putem tekstualne veze na gornjoj kartici ispod statusne trake (vidi sliku ispod). Ponekad se tekstualna veza također postavlja u blok "Veze" u desnom stupcu sučelja.
Veze unutarnjeg izbornika
Obično prilikom naručivanja kupci naznače sljedeće stavke menija: O nama, Naši proizvodi (katalog), Načini dostave, Plaćanje, Garancije, Recenzije, Kontakti, Promocije, Popusti, Raspored, Kako naručiti, Portfolio, Pitanja i odgovori, Informacije, Naručite. Veze iz stavki izbornika mogu ići na odgovarajuće odjeljke vanjske stranice. Tada će se veza automatski otvoriti u novom prozoru. Većina točaka vodi na interne stranice VKontaktea. U tom slučaju, stranica se otvara u istom prozoru i morate napraviti poveznicu ili gumb "Povratak na glavni izbornik".
Veze na albume s fotografijama i videozapisima otvaraju se u novom prozoru. U istom prozoru otvaraju se veze na teme s raspravama (npr. Recenzije), na dijaloški okvir za pisanje poruka, na aplikacije (vidi točku 10.), na odabir po hashtagovima (vidi točku 12.) iu tom slučaju možete dobiti povratak na izbornik samo putem glavne stranice web-mjesta ili putem gumba "Natrag" u pregledniku. Ovo je možda najnezgodniji trenutak s takvim poveznicama.
Uređivanje izbornika
Često me klijenti pitaju je li moguće urediti interni izbornik. Odgovor je, ako ste samouvjereni korisnik i upoznati s wiki označavanjem i načinima uređivanja, onda možete uređivati. Ali ako niste upoznati sa svim ovim, onda apsolutno ne. U tom slučaju jednostavno srušite sve postavke.
Citirat ću riječi samih programera VKontaktea. “Jedan jednostavan savjet uštedjet će vam mnogo truda i živaca: radite samo u jednom načinu rada. Ili je to vizualni ili wiki način označavanja. Upravo prebacivanje između ova dva načina rada u procesu rada na označavanju donosi većinu problema: slike se mogu smanjiti, razni parametri mogu nestati. Ovo je jedna od onih točaka koje će se definitivno popraviti u budućnosti, ali za sada ovu činjenicu morate imati na umu.
Prilagodljivost za mobilne uređaje
I još nešto o prilagodljivosti. Kako bi interni izbornik izgledao isto na mobilnim uređajima, potrebno je kucati na tablicama. Tada će slika biti ožičena. Inače, kada se veličina zaslona smanji, slike će se pomicati jedna ispod druge, kršeći prvotno planirani redoslijed.
Ovdje, opet, riječi programera na račun prilagodljivosti. “wiki izbornik se prikazuje na mobilnim preglednicima, ali se ne prilagođava veličini zaslona, zbog toga slike možda neće izgledati isto kao na desktopu. Na webu možete pronaći vodiče za prilagođavanje wiki oznake za mobilne uređaje, ali čak ni oni ne jamče 100% performanse na svim uređajima.
7. Vrste internog navigacijskog izbornika
Ispod su najčešće vrste internog izbornika. Postoje jednostavnija i isplativija rješenja s visokim stupnjem pouzdanosti. A postoje složeniji i dugotrajniji dizajni u smislu grafike i izgleda. Ali izgledaju impresivnije.
7.2 Veliki grafički izbornik
U ovom slučaju, okomiti red veza nalazi se na velikoj pozadinskoj slici i ima čvrsto fiksiranu strukturu. Evo lekcije.
7.3 Izbornik u obliku ikona, pločica
Ovaj dizajn uključuje nekoliko redaka i stupaca u obliku grafičkih ikona i natpisa na njima, ili grafičkih višebojnih ili jednobojnih pločica.
7.4 Dinamički izbornik s navigacijskim efektom
Vrlo impresivan dizajn koji simulira navigaciju web-mjesta s učinkom klikanja na gumbe ili druge oznake posjećenih poveznica. Takvim je izbornikom prilično teško upravljati i zahtijeva vještine u komunikaciji s wiki oznakama, budući da ćete također morati uređivati podatke na stranicama u wiki oznaci. Evo lekcije na tu temu.
Danas ću nastaviti svoje "Uranjanje u VK grupe". U trećem dijelu "serije" ispričao sam i pokazao,. Danas razgovarajmo o dizajnu izbornika grupe VKontakte!
U prvom članku o izradi jelovnika bilo je dosta pitanja u komentarima, pa ću prije nego što krenem u novu temu odgovoriti na često postavljana pitanja.
Pitanje 1: Prvi i najčešći: "gdje je kod u izborniku?" ili "ako nema oznake prilikom uređivanja "Izvorni kod" kako dodati internu stranicu?" ili "Još uvijek ne razumijem što učiniti ako se kod ne pojavi!"
Odgovor 1: VK je promijenio uređivač, sada je samo jedan klik za prebacivanje između vizualnog uređivača i koda (gornji desni kut uređivača):
Da biste provjerili u kojem se uređivaču nalazite: pomaknite miš preko ovog gumba, napišite tekst i podebljajte ga - ako se ne pojavljuju obični znakovi, onda je ovo kod
2. pitanje: Drugi je stvarno problematičan: kako ukloniti razmake između slika?»
Odgovor 2: Priznajem, i sam sam se uplašio kada je prvi put jelovnik “otišao” za klijenta. Sada to brzo popravljam, ali tada nije bilo zabavno. Vidjeti:
Dodajte oznaku nopadding; i sve će doći na svoje mjesto!
Razmak se uvlači između slika i izbornik izgleda pokvareno. Za neupućene, to možda nije normalno, ali za, barem nije profesionalno. Pa što je ovdje? Ah, vrlo je jednostavno! U VK-u se stalno odvijaju neka ažuriranja, uvode se novi algoritmi ... pa čak i urednik je kriv ... ponekad, bez razloga, važne oznake ispadnu iz koda i tada vidimo takvu sliku. Da biste to popravili, morate pogledati kod i izvršiti potrebne prilagodbe. Format koda trebao bi biti sljedeći:
Uzorak: [] Primjer: []
Obično se slike izbornika pomiču jer kod ispada bez paddinga; - stavite na mjesto i sve je poravnato. Prije spremanja rezultata kliknite na gumb "Pregled" kako biste bili sigurni da je sve glatko.
3. pitanje: Vijesti. U listopadu 2012. godine, Vkontakte je prisilno prekinuo autore grupa i javnosti. Sada njihova veličina ima zajednički standard od 200x500 piksela. Dakle, ako ste imali više avatara u svojoj grupi, izvršite ažuriranje (ažurirajte avatar).
Inače, uz obrezivanje, VK je uveo još jednu inovaciju u vezi s grupnim fotografijama: sada ćemo klikom na avatar, baš kao i na računu, moći vidjeti sve albume zajednice. Udoban je! I iz toga se izvlači nova funkcionalnost u komunikaciji grupe.
Tako-i-tako, gotovi smo s pitanjima... a sada prijeđimo na samu izradu jelovnika!
Korak 1. Kako stvoriti izbornik u kontaktu i napraviti ugniježđene stranice:
Prije svega, provjerimo znate li stvoriti grupni izbornik u kontaktu i prođite kroz malu uputu:
Kako vam se sviđa moja varalica?
Ovo je cheat sheet koji sam napravio! Radi veće jasnoće, zapisat ću svaku brojku:
Učinite ovu operaciju sa svim ugniježđenim stranicama i vaš će izbornik biti spreman.
Tamo je! Izbornik je napravljen, interne stranice su napravljene, popunjene, sada idemo na izradu prekrasnog grafičkog izbornika.
Korak 2. Kako napraviti prekrasan grafički izbornik u kontaktu i instalirati ga:
Neću vam iznositi cijelu teoriju kako wiki označavanje funkcionira u kontaktu, sada imamo druge ciljeve. Da biste stvorili vizualni izbornik u VK grupi, ne morate znati cijelu wiki oznaku. Prijeđimo na izradu vizualnog jelovnika!
Prvo ću vam pokazati kod i rezultat mog izbornika:
Priznajem, namjerno sam napravio ovaj članak. Sve "ruke nisu stigle", znate, kao "postolar bez čizama". Ali sada sam s vizualnim menijem u VK grupi!
Neću vam reći kako nacrtati sliku za jelovnik, ovo je posao dizajnera, crtam sam, ali ne tako profesionalno. , na kraju članka dao sam video kako nacrtati jednostavan izbornik u Photoshopu, provjerite, možda to možete učiniti sami. Ako ne, naručite sliku jelovnika od .
Pokazat ću vam prosječnu opciju postavljanja izbornika. Razlika je u broju elemenata. Izbornik, koji je jednostavno izrezan na trake, najjednostavnija je izvedba. Što je više gumba na koje se može kliknuti u nizu, to je teže izvršiti. Iako je, znajući značajku, sve jednostavno! Samo je pitanje vremena. Dakle, širina slike bi trebala biti:
370 px - ako imate dva ili više objekata u nizu, poput gumba moje društvene mreže
I max 388 px - ako sliku izrežemo na jednostavan način, samo na linije, bez dijeljenja na male objekte. Ovo je značajka koju trebate znati kada režete izbornik na gumbe. Moja slika cijelog izbornika je ispala 370x456 px.
Nakon što je slika izrezana na potreban broj objekata i spremljena u poseban album, ovaj album prenosimo na VK. Prenosimo na profil računa, a ne u grupu! Budući da u albumima grupe više nema mogućnosti sakrivanja albuma. Tehnički album u korporativnoj (na primjer) grupi uopće nije potreban, pa sakrivamo stavke izbornika u albumu računa:
Tehnički album VK
Nakon što postavite privatnost "Samo ja". Nastavljamo s instalacijom samog izbornika. Dat ću vam primjer koda koji će vam biti predložak i analizirati od čega se sastoji:
[]
gdje, fotografija7632142_296911699 je adresa slike! Gledamo ga u adresnoj traci slike:
Od prve slike, počnimo umetati izbornik u grupu VKontakte
Potrebna vam je kratka adresa slike, za to idite u sam album:
Idite na sam album da dobijete željenu adresu slike!
…i počevši od prve slike, prenesite ih u grupni izbornik.
Dodavanje veličine slike kodu izbornika!
Dakle, dodana je adresa slike, naznačena je veličina, sada stavljamo oznaku bez podloge;- potrebno je kako bi naše slike čvrsto pristajale jedna uz drugu. I zadnji korak je stavljanje linka na stranicu na koju će posjetitelj otići nakon klika na sliku.
Evo malog pojašnjenja! Vanjske veze, veze na VK albume i rasprave pišemo u cijelosti, te veze na interne stranice u formatu stranica-32734125_44298120. Na početku i na kraju retka ne zaboravite staviti dva kvadratna navodnika i bez razmaka.
Pojašnjenje 2: kada povezujemo na interne stranice bez slika, stavljamo jednokutne navodnike za rasprave, albume i vanjske poveznice.
Redovi u kojima imate dva ili više elemenata umetnuti su u kod bez razmaka. Umetnite svaki redak slike jedan za drugim. Jer ako pritisnete Enter nakon retka sa slikom, slika će skočiti na novi redak i izbornik će se pomaknuti. Izbornik nam treba da bude prikazan kao cjelina, tako da nam ne trebaju dodatni razmaci i "irteri"!
Nakon što ste prenijeli sve slike u jelovnik i dizajnirali ih (veličina, poveznica), spremite rezultat i divite se svom radu! Sve! Spreman!
Prekrasan dizajn zajednice VKontakte nije hir, već važan element koji formira povjerenje korisnika u vas i vašu tvrtku. Ako je javna stranica ili grupa osmišljena na neprofesionalan način, vaši potencijalni kupci mogu sasvim logično zaključiti da ste i vi nemarni u svom poslu. Kako se to ne bi dogodilo, provjerite je li vaša stranica VKontakte lijepa, uredna i jednostavna za korištenje. Kako to učiniti? Pročitajte u nastavku.
Stvarne veličine slika "VKontakte"
Prije nekog vremena programeri društvene mreže VKontakte pokrenuli su novi dizajn. To je dovelo do činjenice da su se promijenile veličine i principi prikaza slika. Dopis, koji će biti dat u nastavku, odgovara svim inovacijama i sadrži dimenzije koje su relevantne u danom trenutku.
Sada pogledajmo pobliže svaku stavku.
Veličina VK avatara
Minimalna veličina avatara je 200 x 200 piksela. Ako pokušate prenijeti sliku koja je manja od 200 piksela široka ili duga, vidjet ćete ovu pogrešku:
Maksimalna veličina avatara je 200 x 500 piksela. Ali, u principu, možete uploadati veće slike - do 7000 piksela sa svake strane. Glavna stvar je da omjer njihovih strana ne prelazi 2 do 5.
Pokazat ću vam primjerom.
Imam sliku. Njegova veličina: 200 x 800 piksela (omjer 2 prema 8). Nema grešaka prilikom učitavanja. Međutim, još uvijek ne mogu koristiti ovu sliku, jer mi "Kontakt" ne dopušta da je u potpunosti odaberem.
Pokriti
Veličina naslovnice za punu verziju stranice je 1590 x 400 piksela.
Napomena: u mobilnoj verziji i aplikacijama ne prikazuje se puna verzija omota, već samo dio, veličine 1196 x 400 piksela. Pogledajte kako je izrezan u mobilnoj aplikaciji:
Da se to ne bi dogodilo, postavite glavne elemente naslovnice unutar 1196 x 400 piksela.
Priložene slike
U ažuriranom dizajnu "Kontakta" širina feeda vijesti je fiksna. To znači da se slike priložene uz post više ne rastežu, već ostaju takve kakve jesu. Stoga, ako želite da vaša slika ispuni svoj puni prostor u News Feedu, mora biti široka najmanje 510 piksela. Najbolje je da to bude kvadrat ili pravokutnik u pejzažnoj orijentaciji.
Zvuči malo zbunjujuće :) Stoga ću vam pokazati na primjeru.
Recimo da imamo sliku kvadratnog oblika sa stranicama od 510 piksela. Ako ga prikvačimo na naš post, izgleda sjajno u feedu vijesti na svim uređajima:
A ovako izgleda horizontalna slika u pejzažnoj orijentaciji (širina 510 piksela):
Kao što vidite, što je slika uža (po visini), izgleda manja u feedu pametnog telefona. Da biste to provjerili, pogledajte sliku ispod:
Jasno je da razlika ovdje nije osobito kritična, a korisnici pametnih telefona i dalje će uzeti u obzir vašu sliku, samo će u drugom slučaju biti malo ugodniji.
Slike za postove s poveznicama
Svi ovi podaci preuzeti su iz označnog koda Open Graph:
Ako Open Graph nije naveden, naslov se preuzima iz meta oznake Naslov, a slika iz članka. Istodobno, možete ga jednostavno promijeniti - ili odabrati drugu sliku iz članka pomoću posebnih strelica:
Ili prenesite svoje:
Minimalna veličina slike koju možete koristiti kao najavu za svoj članak je 537 x 240 piksela. Međutim, možete prenijeti veće slike sve dok se poštuje omjer slike.
Slika za članak kreiran u uređivaču
Veličina slike za naslovnicu članka kreiranog u uređivaču je 510 x 286 piksela. Bolje je da je tamne boje i više-manje jednobojna, jer se naziv članka i zajednice gubi na svijetloj pozadini.
dobar primjer:
Nije baš dobar primjer:
Veličina fotografija i videa za priče
Veličina za fotografije je 1080 x 1920 piksela. Veličina videa je 720 x 1280 piksela.
Specifikacije za video snimke:
- do 15 sekundi;
- ne više od 5 MB;
- h.264 kodek;
- AAC zvuk.
U pričama morate koristiti fotografije i videozapise u okomitom formatu.
Imajte na umu: u ovom trenutku priče u ime zajednica mogu dodavati samo velike zajednice za koje su programeri VKontaktea otvorili ovu značajku. A to se radi pomoću službene aplikacije. To se ne može učiniti s računala.
Veličina omota foto albuma
Veličina video slike
1280 x 720 piksela.
Wiki stranica
Područje wiki sadržaja široko je 607 piksela. Ako prenesete veću sliku, ona će automatski učitati širinu od 400 piksela. Primjer: Imam sliku veličine 1366 x 768. Ako je dodam na wiki stranicu, izgleda ovako:
Da biste promijenili veličinu slike, morate kliknuti na nju i postaviti željene vrijednosti:
Kako raditi s wiki stranicama, u nastavku ću detaljno opisati. Stoga se ovdje nećemo zadržavati na ovoj točki.
Kako osigurati da se slike VKontaktea ne smanjuju? Utjecaj pozadine i veličine na kvalitetu slike.
Ako ste ikada pokušali prenijeti slike na VKontakte (bilo da je to slika avatara ili samo fotografija s vašeg putovanja), vjerojatno već znate da se one obično smanjuju. To je posebno vidljivo na tamnoj (a posebno crvenoj) pozadini i kada slika nije prevelika. Primjer:
Kako osigurati da se kvaliteta slika ne pogorša?
Kako se slika ne bi smanjila (točnije, smanjila se, ali u znatno manjoj mjeri), potrebno ju je učiniti 2-3 puta većom od željene veličine. Na primjer, ako trebamo napraviti avatar veličine 200 x 500 piksela, snimamo sliku veličine 400 x 1000 piksela. Ako trebate napraviti izbornik veličine 510 x 400 piksela, uzimamo - 1020 x 800.
Tamnoplava slika koju sam postavio iznad je 510 x 350. Napravio sam je dvostruko veću (1020 x 700) i spremio. To je ono što je ispalo iz toga:
Kako to popraviti? Odgovor je vrlo jednostavan - trebate odabrati drugu pozadinu. Činjenica je da su pikseli vidljiviji na tamnoj pozadini nego na svijetloj. Stoga, ako želite postići savršenu kvalitetu (iako gornja slika već izgleda sasvim normalno), tada morate malo promijeniti shemu boja. Na primjer, učinite pozadinu bijelom, a tekst plavim:
Kako dizajnirati zaglavlje stranice
Zaglavlje vaše javne stranice ili grupe prvo je što korisnici vide kada vas posjete. U većini slučajeva na ovom mjestu se nalazi navigacijski izbornik koji se temelji na javnim materijalima, zanimljivim objavama ili važnim najavama. Pogledajmo primjere kako različite tvrtke koriste ovaj prostor.
Pokriti
Ne tako davno, VKontakte je uveo ažuriranje - sada možete prenijeti velike i lijepe naslovnice (1590 x 400 piksela) na stranice. Da biste to učinili, idite na postavke i kliknite gumb "Preuzmi".
Na naslovnicu možete staviti bilo što: od naziva i motoa vaše tvrtke do svih vrsta promocija, ponuda, pa čak i natjecanja.
Preporučam obratiti posebnu pozornost na mogućnosti dinamičkog pokrivanja. Pročitajte naš članak o tome kako funkcionira, za koje se svrhe može koristiti i s kojim uslugama ga instalirati.
Primjeri dinamičkih omota:
Naslovnica + opis zajednice + poveznica na stranicu
Neke tvrtke posebno ne popravljaju nikakve objave u zaglavlju kako bi korisnici imali priliku pročitati osnovne informacije o stranici i odmah otići na stranicu.
Opis s hashtagovima
Neke tvrtke standardnom opisu stranice dodaju hashtagove koji je karakteriziraju. To je učinjeno kako bi stranica imala jasniju relevantnost, a zbog toga je i viša u potrazi za relevantnim upitima. Da budem iskren, ne znam radi li ova metoda ili ne. Nisam vidio slučajeve na ovu temu, pa ako netko zna bit ću zahvalan ako podijelite link.
Prikvačeni post koji govori o čemu je stranica
Ako želite detaljnije govoriti o svojoj stranici (s fotografijama, linkovima i lijepim izgledom), tada možete uz zaglavlje priložiti wiki post ili članak napravljen u editoru sa svijetlom slikom na objavi koja će potaknuti korisnike na kliknite na njega. Primjer takvog posta:
A evo što korisnik vidi nakon što klikne na vezu:
Otvoren je izbornik grupe
Otvorenim menijem nazivam takav jelovnik, koji odmah pokazuje od kojih se stavki sastoji. Odnosno, slika-najava wiki posta u potpunosti duplicira njegov sadržaj. Tako korisnici odmah vide što ih unutra čeka. Pokazat ću vam primjerom.
Evo kako izgleda prikvačena objava u zaglavlju stranice Flatro:
Izbornik grupe zatvoren
Zatvoreni izbornik je isti wiki post kao u prethodnom stavku, samo najava ima sliku bez stavki izbornika. Obično na njemu pišu: “Izbornik”, “Navigacijski izbornik” ili “Kretanje kroz javne materijale”.
Evo što vidimo kada kliknemo na njega:
Usput, vrijedi napomenuti da su to daleko od jedine opcije. Zapravo, na ovoj slici možete napisati što god želite. Glavna stvar je da korisnik želi kliknuti na njega i razumije što ga nakon toga čeka. Primjer:
Grupni izbornik
Spojeni izbornik je kada je slika na najavi vašeg izbornika jedna slika s avatarom. Malo niže ću vam detaljno reći kako napraviti takav jelovnik, ali za sada samo pogledajte kako lijepo izgleda.
GIF i avatar u jednoj slici
Ali ovaj dizajn šešira me se stvarno jako dojmio. Gif koji se automatski reproducira spaja se s avatarom u jedinstvenu kompoziciju i privlači pažnju korisnika, iako o njemu nema nikakvih informacija.
Usput, špijunirao sam ovaj primjer u grupi SMM marketingaša Sergeja Šmakova. Dakle, zahvaljujem mu na pronalasku :)
Skriveni izbornik
Skriveni izbornik dostupan je samo za grupe (stranice nemaju takvu funkciju). Da biste ga vidjeli, trebate kliknuti na odgovarajuću poveznicu. Prednost ove metode dizajna je što korisnici mogu vidjeti glavne informacije zajednice, a ako žele koristiti izbornik, trebaju napraviti samo jedan klik. Međutim, ovdje postoji mali nedostatak - nisu svi korisnici svjesni postojanja ove značajke, pa bi vaš izbornik mogao dobiti manje pažnje nego da je prikvačen na vrh stranice.
Automatska reprodukcija videa
Krajem studenog 2015. na društvenoj mreži VKontakte pojavila se zanimljiva inovacija - čim korisnik uđe na vašu stranicu, video priložen uz zaglavlje počinje se automatski reproducirati. Ovom tehnikom možete privući još više pažnje korisnika (posebno onih koji su prvi posjetili vašu stranicu), a pritom ne živcirati one kojima se ne sviđa kada im se nameće njihov sadržaj, jer se video reproducira bez zvuka i praktički se ne miješa .
Kako dodati ovaj video u zaglavlje vaše stranice?
Da biste to učinili, moraju biti ispunjena tri uvjeta:
- Priložite video na objavu i prikvačite ovu objavu na vrh zajednice.
- Uz video, ništa drugo ne smije biti priloženo unosu. Samo video i tekst nisu obavezni.
- Videozapis mora prenijeti VKontakte - igrači trećih strana nisu podržani.
Objava koja dobiva mnogo repostova
Drugi način da produktivno iskoristite prostor u zaglavlju vaše stranice je da na njega prikvačite jedan od svojih najuspješnijih postova – onaj koji je već stekao i nastavlja dobivati veliki broj lajkova i dijeljenja. Zašto to učiniti, mislim da svi razumiju - što više repostova, to je veća pokrivenost, stranica prima više pretplata.
Najave novih klipova, albuma, događaja
Prezentacija novih proizvoda/usluga
Popusti i promocije
Slučajevi, recenzije kupaca
Oglašavanje aplikacija
Praktične šale
Pravila zajednice
Linkovi na druge društvene mreže
Naveo sam daleko od svih opcija dizajna za kapu. Zapravo, na naslovnici i u prikvačenoj objavi možete objaviti bilo koju informaciju: poslove, najave, poveznice na najprodavanije proizvode itd. Stoga se nemojte ograničavati na gore navedene primjere. Uključite svoju maštu i upotrijebite dizajn svoje zajednice za postizanje svojih ciljeva.
Kakav bi trebao biti avatar
Avatar nije samo lijepa slika s logotipom vaše tvrtke, već je i radni alat za marketera, s kojim on ostvaruje svoje ciljeve. Pogledajmo pobliže kako bi to trebalo biti kako bi privukli pažnju korisnika i potaknuli ih da dovrše ciljanu radnju. Počnimo sa sličicom.
Sličica avatara
- Tekst na sličici avatara mora biti dovoljno velik da se može čitati.
- Tekst se ne smije širiti dalje od minijature.
- Korisnicima treba biti jasno što je prikazano na profilnoj slici.
- Ako je moguće, najbolje je ne koristiti slike dionica jer one često smanjuju kredibilitet tvrtke.
- Nepoželjno je da sličica avatara bude previše izblijedjela i dosadna jer će u suprotnom biti izgubljena u odnosu na svjetlije avatare konkurenata.
- Ako želite da vaš avatar izgleda moderno, napravite ga u minimalističkom stilu: manje teksta, sjenki, gradijenta i elemenata koji nemaju nikakvo semantičko značenje. Vaš avatar bi trebao biti što jednostavniji i uredniji. Ovaj stil je trenutno u trendu.
- Ako vam je cilj privući pozornost korisnika i izdvojiti se od ostalih avatara u feedu, morat ćete uključiti maštu. Razmislite na što sami obraćate pažnju kada tražite zanimljive zajednice? Evo, primjerice, nekoliko puta su me privukli avatari s upaljenim svjetlom, što obično ukazuje da je stigla nova poruka. Ovo je vrlo stara tehnika, ali me iz nekog razloga još uvijek pogađa – kad vidim takvo svjetlo, sigurno ću ga držati na oku.
Ne kažem da će ovaj trik funkcionirati i na vašoj stranici. Poruka koju želim prenijeti je da postoji toliko mnogo načina da se izdvojite, samo morate sebi postaviti pitanje i postati malo kreativniji. Evo, na primjer, još jedne zanimljive ideje na koju se teško da bih pomislio:
Avatar je crni krug: veliki i mali. Čini se, zašto to uopće učiniti? Ali kada se pomičete po popisu zajednica, takvi avatari privlače pozornost, jer su jako različiti od svih ostalih.
Koje informacije se mogu staviti na sličicu avatara
Iako je sličica avatara vrlo mala, može se (i trebala bi) koristiti za privlačenje sljedbenika u vašu zajednicu. Kako to učiniti? Pogledajmo nekoliko opcija:
Najava novog proizvoda/usluge/događaja
Prednosti tvrtke/usluge/stranice
Telefonski broj tvrtke
Povoljne cijene
Besplatna dostava
Inače, vrlo često se uz naziv same grupe dodaje podatak da tvrtka pruža besplatnu dostavu, tako da će korisnici svakako obratiti pažnju na to.
Zaliha
Natjecanja
Poslovi
Kakav bi trebao biti sam avatar?
Razmišljao sam kakva bi trebala biti sličica avatara i koji se tekst može staviti na nju. A sada prijeđimo na sam avatar. Puna verzija avatara bit će prikazana samo u zajednici koja nema skup naslovnica. Za takve sam slučajeve napisao ovaj odjeljak. Dakle, kako bi trebao izgledati avatar vaše zajednice kako bi korisnici odmah shvatili da je vaša tvrtka odgovorno i profesionalno pristupila izradi stranice.
- Avatar mora biti visoke kvalitete. O tome kako to postići, napisao sam malo više. Za one koji su propustili ovaj dio, reći ću ukratko – veličina avatara bi trebala biti 2-3 puta veća od one koju ste planirali.
- Poželjno je da avatar bude u kombinaciji s izbornikom: da bude u istoj shemi boja, da ima iste fontove, elemente itd. Zahvaljujući tome, zaglavlje vaše stranice izgledat će urednije i profesionalnije. Primjer:
- Sam avatar i minijatura avatara mogu se razlikovati. Na primjer, možete nacrtati krug na avataru, stilizirati ga kako god želite, odabrati to područje kao minijaturu i stilizirati ostatak avatara u drugom stilu.
- Kako biste potaknuli korisnike da se pretplate na vašu stranicu ili napišu poruku predstavniku tvrtke, možete postaviti odgovarajući poziv na akciju na samom dnu profilne slike i popratiti ga strelicom koja pokazuje na gumb.
- Pokušajte ne stavljati previše informacija na avatar, inače će izgledati preopterećeno i neuredno. Dodajte mu samo najvažnije točke i pazite da između njih postoji "zrak".
Druga mogućnost je podijeliti avatar na dva dijela. Jedan za sličicu i jedan za ostatak avatara.
Koje informacije se mogu staviti na avatar?
Zapravo, na avatar se može staviti bilo što. Za razliku od minijature, zaista ima gdje lutati. Najvažnije, nemojte ga zloupotrijebiti :)
Domena web-mjesta
Telefon/adresa/radno vrijeme
Natječaji/promocije
Najviše kupovanih proizvoda/Novosti
informacije o isporuci
Oglašavanje u mobilnim aplikacijama
Glavne prednosti tvrtke / stranice / proizvoda itd.
Obnova asortimana/nove kreacije, itd.
Informacije da je vaša zajednica službena
Informacije o nadolazećim događajima
Adrese računa na drugim društvenim mrežama
Prošireni opis stranice
Hvali se
Općenito, apsolutno se sve informacije mogu postaviti na avatar. Uključio sam samo nekoliko ideja kako biste mogli vidjeti što drugi rade i inspirirati se njihovim primjerima. Pa, imajte na umu glavne preporuke: avatar bi trebao biti visoke kvalitete, font bi trebao biti velik, a između elemenata bi trebalo biti više "zraka".
Kako stvoriti spojeni avatar i izbornik
Da biste napravili spojeni avatar i izbornik, trebat će vam Adobe Photoshop ili njegov ekvivalent. Objasnit ću cijeli proces koristeći Photoshop kao primjer. Pa, idemo.
- Preuzmite predložak za Photoshop, koji sam posebno pripremio za ovaj članak. U normalnoj veličini (izbornik - širina 510 piksela, avatar - 200) ili uvećana (izbornik - širina 1020 piksela, avatar - 400).
- Otvorite sliku koju želite uzeti kao osnovu.
- Kopirajte ga, zalijepite u predložak i postavite na način na koji želite da bude izrezan.
- Dodajte efekte, tekst, grafiku i još mnogo toga.
- Ako ne želite da se dio slike izgubi (u tom razmaku, koji iznosi 50 piksela), pomaknite ga udesno kao što je prikazano na sljedećem GIF-u:
- Odaberite alat "Ugniježđenje" i kliknite na gumb "Fragmenti duž vodilica".
- Izbrišite nepotrebne fragmente (desni klik - "Izbriši fragment") i uredite postojeće (desni klik - kliknite na prazno mjesto - uzmite željeno područje i rastegnite ga do željene veličine).
- Idite na odjeljak "Datoteka" i odaberite naredbu "Spremi za web".
- Idite na mjesto gdje ste spremili slike (desktop ili neki određeni direktorij) i tamo pronađite mapu pod nazivom "Slike". Ovdje će biti vaše slike. Sada ih ostaje samo ispuniti na stranici.
p.s. Visinu avatara možete promijeniti prema vlastitom nahođenju. Uzeo sam maksimalnu veličinu - 500 piksela, ali ovu vrijednost možete imati i manje. Na primjer, kao na stranici "Wiki markup":
Kako koristiti widgete
Widgeti su također dio dizajna VK zajednice. Uz pomoć njih korisnik može: naručiti, pretplatiti se na vaš newsletter, sudjelovati u nagradnoj igri, čitati i ostavljati recenzije, otvoriti pretragu zajednice, dobiti poklon, kupon za popust itd.
Evo nekoliko primjera kako izgledaju widgeti na stranici VKontakte:
Kako postavljati slike
Ako ste web dizajner ili imate umjetnički ukus i osjećaj za lijepo, onda vam neće biti teško osmisliti korporativni identitet za svoje slike. No, čini mi se da će takvih u ovom članku biti manjina (inače, ni ja nisam jedan od njih). Stoga, pogledajmo pobliže kako se to radi na primjerima uspješnih tvrtki.
Usput, imajte na umu da gotovo sve poznate tvrtke VKontakte brendiraju svoje slike, odnosno dodaju mali logotip, adresu svoje stranice ili vodeni žig. To povećava svijest o robnoj marki i štiti vaše slike od kopiranja. Isplati li se, svatko odlučuje za sebe. Jedino što bih želio savjetovati je da ako se ipak odlučite na to, pokušajte paziti da vaš logo ne bude presvijetli i da ne zauzima previše prostora, inače će sav naglasak ići na njega i slika će izgubiti svoju privlačnost.
Gdje mogu dobiti dobre slike?
Imamo dobar članak na ovu temu na našem blogu - "". Svi su besplatni, ali za neke je potrebna registracija. Ako ne pronađete ništa prikladno za sebe, pokušajte pretraživati po ključnoj riječi + pozadina (ili, ako je na engleskom, pozadina). Tipično, takav zahtjev proizvodi slike visoke kvalitete. Ali ovdje morate biti oprezni i provjeriti vrstu licence, inače, ako imate ozbiljan posao, možete upasti u nevolje.
A što je s onima koji ne znaju raditi u Photoshopu?
Ako nikada niste radili u Photoshopu (ili bilo kojem drugom grafičkom uređivaču) i još niste spremni odvojiti vrijeme da ga savladate, možete koristiti usluge koje već imaju gotove predloške slika za razne društvene mreže:
1. Fotor.com
Nakon toga na lijevoj strani ekrana odaberite predložak koji nas zanima. Napominjemo da su besplatni samo oni predlošci koji nemaju ikonu dijamanta.
Umetnite ga u predložak, odaberite ga lijevom tipkom miša, odaberite naredbu Layer (ikona sendviča) i kliknite Premjesti na dno. Tako će naša slika ići u pozadinu, a svi natpisi će biti postavljeni iznad nje.
Nakon toga mijenjamo tekst, font, veličinu fonta, poziciju natpisa itd.
Zatim kliknite na ikonu u obliku diskete, odaberite naziv, format slike, kvalitetu i kliknite na gumb Prijava za preuzimanje.
2.Canva.com
Još jedna usluga koja će vam pomoći da lijepo uredite svoju sliku. Radi na istom principu kao i prethodni. Registriramo se u uslugu (možete koristiti svoj Google+ račun ili e-mail).
Odaberite svoje područje djelovanja. Preskačemo korak u kojem se od vas traži da pozovete prijatelje. Dolazimo do glavnog izbornika, gdje odabiremo Facebook objavu ako nam je potrebna pravokutna fotografija ili Instagram objavu ako nam treba kvadratna.
Odaberite predložak (ako je predložak označeno s "FREE", onda je besplatan), promijenite tekst.
Ako je potrebno, prenesite svoju sliku, prilagodite veličinu, promijenite tekst, font i poziciju natpisa. Nakon toga kliknite gumb "Preuzmi", odaberite format slike i spremite je na svoje računalo ili bilo koji drugi uređaj.
Kako formatirati članke u uređivaču
Od nedavno, VKontakte može pisati članke u posebnom uređivaču. Da biste stvorili članak, morate kliknuti na slovo "T":
Kako koristiti wiki oznake
Eto, dolazimo do najzanimljivijeg i ujedno teškog dijela. Možda među čitateljima ima ljudi koji ne znaju što je wiki oznaka, a općenito prvi put čuju za ovaj izraz. Stoga ću, posebno za vas, dati definiciju koju sam „Kontakt“ daje.
Wiki označavanje je jezik za označavanje koji se koristi za formatiranje teksta na web stranicama (obično klasificiranih kao wiki projekti) i olakšava pristup značajkama HTML jezika. Na našim stranicama wiki stranice su dobra alternativa redovitim objavama i tekstualnoj navigaciji. Ako trebate izraditi veliki članak s različitim formatiranjem teksta (podebljano, podcrtano, naslovi itd.) ili mu dodati grafiku, ili jednostavno stvoriti šareni navigacijski izbornik za svoju zajednicu, wiki je neophodan.
Baš kao što Wordpress (ili bilo koji drugi CMS) ima HTML uređivač pomoću kojeg stvarate članke, Contact ima svoj uređivač za stvaranje i uređivanje wiki stranica. izgleda ovako:
Pomoću ovog uređivača izrađuju se navigacijski izbornici, kao i članci sa slikama, videozapisima i audio snimkama. Malo niže ću detaljno analizirati kako raditi u ovom uređivaču, ali prvo vas molim da za sebe označite dvije veze. Oni će vam puno pomoći u učenju wiki oznake.
U ovom članku ćemo analizirati kako lijepo i pravilno organizirati grupu u kontaktu kako bi ga učinili što jednostavnijim za korištenje.
Uzeti u obzir, kako lijepo i ispravno urediti VK grupu nećemo biti u smislu dizajna, nego u smislu ciljeva s kojima se grupa suočava.
Glavni cilj svake grupe– osvojiti posjetitelja tako da odmah shvati o čemu se radi u grupi i želi postati njezin član. Kako bi grupa bila što prikladnija, morate svesti na najmanju moguću mjeru broj radnji od strane posjetitelja. Odnosno, u idealnom slučaju, kako bi korisnik razumio o čemu se radi u grupi, ne bi trebao raditi nikakve dodatne klikove ili pomicanje stranice.
Da biste shvatili kako pravilno izgraditi dizajn grupe u kontaktu, razmotrite njegovu strukturu prema glavnim elementima.
Pripremio sam poseban vizualni dijagram s objašnjenjima.
Dijagram kako lijepo i ispravno urediti grupu u VK.
Dijagram možete vidjeti uživo. veza.
1. Avatar.
Glavni grafički element grupe. Njegova struktura može biti različita ovisno o temi grupe. Jedan primjer pogodan za prodajni tim prikazan je na dijagramu. Ključne preporuke za dizajn avatara:
ALI) Prijenos esencije. Glavna svrha avatara je prenijeti ključne značajke grupe, reći što i za koga je. U tome će vam pomoći ne samo sama slika, već i tekstualni natpisi. Ipak, poželjno je da tekst bude što manji.
B) Kvalitetna slika. Grafika bi trebala biti kvalitetna i lijepa, ali ništa više. Avatar ne bi trebao pretjerano odvratiti pozornost od glavnog sadržaja.
U) Iskoristite sav mogući prostor. Maksimalna veličina izlaznog avatara je 200 puta 449, nije preporučljivo raditi manje. Ako radite više, zadržite proporcije.
2. Status grupe.
Unatoč činjenici da je ovo relativno mali element stranice, prilično je važan. U statusu morate ukratko prenijeti najvažnije podatke o svojoj grupi. Maksimalni iznos statusa je 140 znakova.
Pokušajte da status bude što jasniji i sažetiji. Koristite ikone. Kodovi ikona za ugrađivanje mogu se pronaći, na primjer, .
Primjeri kodova ikona za prodajne grupe:
Telefon - šifra: _9742;
Ikona kod slanja poruke: _9993;
Pokazivač - šifra: _128073; ili šifra: _10145;
3. Opis grupe s izbornikom ili prikvačenom objavom.
Ispod statusa u samom središtu stranice nalazi se glavni sadržaj. Postoje 2 glavne opcije za sadržaj koji može sadržavati. Ovo je opis grupe s jelovnikom i prikvačenom objavom sa zida.
Izbornik je prilično zgodan u smislu navigacije, ali zahtijeva dodatni klik za proširenje, pa se nećemo zadržavati na izradi izbornika za grupu u detalje. Na internetu postoji mnogo materijala na temu wiki označavanja.
Za računalnu verziju grupe, po našem mišljenju, bolje je prikvačeni post učiniti glavnim sadržajem, jer može zauzeti cijelo korisno područje, prilično je zgodan i ne zahtijeva dodatne klikove od korisnika.
Opće smjernice za izradu prikvačenog posta:
O. Glavni tekst treba biti što lakši za čitanje. Aktivno koristite ikone i značke.
B. Ukupna visina prikvačenog posta - ne smije prelaziti donju granicu avatara. Empirijski, možete odabrati optimalnu količinu tekstualnog sadržaja.
C. Preporučena veličina priložene slike je 395 x 289. Ove su veličine optimalne za postavljanje ključnih informacija u nju.
Osim glavnih elemenata, postoje i drugi jednako značajni, a to su: grupni zid, rasprave, albumi, videozapisi, dokumenti i kontakti.
Ovi elementi su u biti grupni sadržaj. Sadržaj- to je glavni razlog zašto se posjetitelj pretplatio na grupu. Dizajn sadržaja treba biti u skladu s glavnim stilom grupe. No dizajn nije toliko važan koliko sadržaj samog sadržaja.
Ako je grupa prazna i osim dizajna ne sadrži ništa vrijedno, malo je vjerojatno da će se netko na nju pretplatiti. U ovom članku nećemo pisati detaljnije o sadržaju. Članak o tome kako lijepo i ispravno urediti grupu VKontakte. Ako trebate pomoć pri pisanju sadržaja, možete nas kontaktirati u sklopu usluge “ ”
To je sve za danas o dizajnu grupa. Napišite svoja pitanja o članku u komentarima ispod.
Za pitanja o naručivanju usluga pišite na icq 275129,
Grafički dizajn grupe u kontaktu sastoji se od nekoliko slika različitih veličina. Svaki od njih obavlja svoju ulogu, stoga se proizvodi prema zasebnom tehničkom zadatku.
- Avatar. Donedavno je gornji omot imao veliku ulogu u zajednici. Ali pristaše starog stila još uvijek ga mogu koristiti kao bazu. Avatar treba sadržavati osnovne podatke o tvrtki: logo, naziv tvrtke, kontakt podatke i nekoliko riječi o smjeru djelovanja. Jedan od najvažnijih dijelova avatara je minijatura, vidljiva u tražilici kontakata i feedu vijesti. Veličina avatara je široka 200 piksela.
- Pokriti. U novom dizajnu naslovnica je postala glavni element grafičkog dizajna zajednice. Ulaskom u grupu, prva stvar na koju osoba obraća pozornost je naslovnica, tako da ona treba što više odražavati vaše aktivnosti. Tamo biste također trebali postaviti kontakt podatke i logotip tvrtke. Preporučena veličina omota navedena je u postavkama grupe prilikom učitavanja.
- Prijelazni natpis izbornika. Tradicionalno, gumb izbornika nalazi se na prijelaznoj slici, dizajniranoj u stilu zajednice. Osim toga, preporučamo da tamo postavite ponudu koja je potencijalno zanimljiva kupcima.
- Slika sa stavkama izbornika. Navigacijski element koji korisnicima omogućuje navigaciju sadržajem grupe u nizu. Jelovnik može sadržavati sve potrebne informacije za sudionike: dostava, plaćanje, kontakti, o tvrtki, katalog i još mnogo toga. Prilikom izrade slike, bolje ju je odabrati tako da možete lako dodati nove gumbe u izbornik ili unaprijed razmisliti o stavkama izbornika, izbjegavajući daljnje prerade.
- Slike za navigaciju za interne stranice. Ovi elementi služe za praktičnu navigaciju korisnika kroz odjeljke zajednice i ugodan izgled internih stranica.
