Ako vytvoriť menu v skupine VKontakte. Ako správne vytvoriť menu v skupine VKontakte: podrobné pokyny

Krásny dizajn komunity VKontakte nie je rozmar, ale dôležitý prvok, ktorý buduje dôveru používateľov vo vás a vašu spoločnosť. Ak verejná stránka alebo je skupina navrhnutá neprofesionálne, vaši potenciálni klienti môžu celkom logicky usúdiť, že ste vo svojej práci rovnako nedbalí. Aby ste tomu zabránili, uistite sa, že vaša stránka VKontakte je krásna, elegantná a ľahko použiteľná. Ako to spraviť? Prečítajte si nižšie.

Aktuálne veľkosti obrázkov VKontakte

Pred časom spustili vývojári sociálnej siete VKontakte nový dizajn. To viedlo k zmenám vo veľkosti a princípoch zobrazovania obrázkov. Poznámka, ktorá bude uvedená nižšie, zodpovedá všetkým inováciám a obsahuje veľkosti, ktoré sú v súčasnosti relevantné.

Teraz poďme podrobnejšie ku každému bodu.

Veľkosť avatara VK

Minimálna veľkosť avatara je 200 x 200 pixelov. Ak sa pokúsite nahrať obrázok, ktorý je menej ako 200 pixelov široký alebo dlhý, zobrazí sa vám takáto chyba:

Maximálna veľkosť avatara je 200 x 500 pixelov. V zásade však môžete nahrávať obrázky a väčšia veľkosť– až 7000 pixelov na každej strane. Hlavná vec je, že pomer strán nepresahuje 2 až 5.

Ukážem vám to na príklade.

Mám obrázok. Jeho veľkosť: 200 x 800 pixelov (pomer 2 až 8). Pri načítavaní nedochádza k žiadnym chybám. Tento obrázok však stále nemôžem použiť, pretože „Kontakt“ mi neumožňuje vybrať ho úplne.

Kryt

Veľkosť obalu pre plnú verziu stránky je 1590 x 400 pixelov.

Pozor: v mobilnej verzii a aplikáciách sa nezobrazuje celá verzia obalu, ale len jej časť s rozmermi 1196 x 400 pixelov. Pozrite si, ako je orezaný v mobilnej aplikácii:

Aby ste tomu zabránili, umiestnite hlavné prvky obálky do veľkosti 1196 x 400 pixelov.

Priložené obrázky

V aktualizovanom dizajne Kontaktu sa zafixovala šírka informačného kanála. To znamená, že obrázky pripojené k stĺpiku už nie sú natiahnuté, ale zostávajú tak, ako sú. Ak teda chcete, aby váš obrázok zaplnil celý priestor v news feede, jeho šírka musí byť aspoň 510 pixelov. Najlepšie je, ak ide o štvorec alebo obdĺžnik v orientácii na šírku.

Znie to trochu mätúco :) Tak vám to ukážem na príklade.

Povedzme, že máme obrázok štvorcového tvaru so stranami 510 pixelov. Ak ho pripojíme k nášmu príspevku, bude vyzerať veľmi dobre v spravodajskom kanáli na všetkých zariadeniach:

A takto vyzerá horizontálny obrázok v orientácii na šírku (šírka 510 pixelov):

Ako vidíte, čím užší je obrázok (na výšku), tým menší vyzerá v informačnom kanáli smartfónu. Ak to chcete vidieť, pozrite sa na obrázok nižšie:

Je jasné, že rozdiel tu nie je obzvlášť kritický a používatelia smartfónov sa budú stále pozerať na váš obrázok, len v druhom prípade budú o niečo pohodlnejší.

Obrázky pre príspevky s odkazmi

Všetky tieto údaje pochádzajú z kódu značky Open Graph:

Ak nie je zadaný Open Graph, názov sa prevezme z metaznačky Title a obrázok z článku. Zároveň ho môžete jednoducho zmeniť – alebo vybrať iný obrázok z článku pomocou špeciálnych šípok:

Alebo nahrajte svoje:

Minimálna veľkosť obrázka, ktorý môžete použiť ako oznámenie pre svoj článok, je 537 x 240 pixelov. Môžete však nahrať väčšie obrázky, pokiaľ sú zachované proporcie.

Obrázok pre článok vytvorený v editore

Veľkosť obrázka pre obálku článku vytvoreného v editore je 510 x 286 pixelov. Je lepšie, ak má tmavú farbu a je viac-menej jednofarebný, pretože na svetlom pozadí sa stráca názov článku a komunity.

Dobrý príklad:

Nie veľmi dobrý príklad:

Veľkosť fotografie a videa pre príbehy

Veľkosť fotografií je 1080 x 1920 pixelov. Veľkosť videa je 720 x 1280 pixelov.

Technické špecifikácie pre video nahrávky:

• až 15 sekúnd;
• nie viac ako 5 MB;
• kodek h.264;
• Zvuk AAC.

Príbehy musia používať fotografie a videá vo vertikálnom formáte.

Poznámka: príbehy v mene komunít môžu v súčasnosti pridávať iba veľké komunity, pre ktoré vývojári VKontakte túto funkciu otvorili. A to sa deje pomocou oficiálnej aplikácie. Toto sa nedá urobiť z počítača.

Veľkosť obalu fotoalbumu

Veľkosť obrazu videa

1280 x 720 pixelov.

Wiki stránka

Šírka oblasti obsahu stránky wiki je 607 pixelov. Ak nahráte väčší obrázok, automaticky sa nahrá so šírkou 400 pixelov. Príklad: Mám obrázok s rozmermi 1366 x 768. Ak ho pridám na stránku wiki, bude to vyzerať takto:

Ak chcete zmeniť veľkosť obrázka, musíte naň kliknúť a nastaviť požadované hodnoty:

Nižšie sa podrobne porozprávam o tom, ako pracovať s wiki stránkami. Preto sa tu týmto bodom nebudeme zaoberať.

Ako zabezpečiť, aby sa obrázky VKontakte nezmenšovali? Vplyv pozadia a veľkosti na kvalitu obrazu.

Ak ste sa niekedy pokúšali nahrať obrázky VKontakte (nezáleží na tom, či to bol obrázok avatara alebo len fotografia z vašej cesty), pravdepodobne už viete, že majú tendenciu sa zmenšovať. Je to viditeľné najmä na tmavom (a najmä červenom) pozadí a keď obrázok nie je príliš veľký. Príklad:

Ako zabezpečiť, aby sa kvalita obrázkov nezhoršila?

Aby sa obrázok nezmrštil (alebo skôr nezmrštil, ale v oveľa menšej miere), je potrebné, aby bol 2-3 krát väčší, ako je požadovaná veľkosť. Napríklad, ak potrebujeme vytvoriť avatara s rozmermi 200 x 500 pixelov, urobíme obrázok s rozmermi 400 x 1000 pixelov. Ak potrebujete vytvoriť menu s veľkosťou 510 x 400 pixelov, použite 1020 x 800.

Obrázok na tmavomodrom pozadí, ktorý som ukázal hneď vyššie, má veľkosť 510 x 350. Urobil som ho dvakrát väčší (1020 x 700) a uložil som ho. Vyšlo z toho toto:

Ako to opraviť? Odpoveď je veľmi jednoduchá – treba zvoliť iné pozadie. Ide o to, že na tmavé pozadie pixely sú viditeľné lepšie ako v režime svetla. Preto, ak chcete dosiahnuť perfektná kvalita(hoci obrázok vyššie už vyzerá celkom normálne), potom musíte mierne zmeniť farebnú schému. Napríklad urobte pozadie biele a text modrý:

Ako navrhnúť hlavičku stránky

Hlavička vašej verejnej stránky alebo skupiny je prvá vec, ktorú používatelia uvidia, keď vás navštívia. Vo väčšine prípadov toto miesto obsahuje navigačné menu pre verejné materiály, niektoré zaujímavé príspevky alebo dôležité oznámenia. Pozrime sa na príklady toho, ako rôzne spoločnosti využívajú tento priestor.

Kryt

Nie je to tak dávno, čo VKontakte predstavil aktualizáciu - teraz môžete na stránky nahrať veľké a krásne obaly (1590 x 400 pixelov). Ak to chcete urobiť, prejdite na nastavenia a kliknite na tlačidlo "Stiahnuť".

Na obálku môžete umiestniť čokoľvek chcete: od názvu a motta vašej spoločnosti až po všetky druhy akcií, ponúk a dokonca aj súťaže.

Odporúčam venovať osobitnú pozornosť možnostiam dynamického krytu. Prečítajte si náš článok o tom, ako to funguje, na aké účely sa dá použiť a s akými službami sa dá nainštalovať.

Príklady dynamických krytov:

Obálka + popis komunity + odkaz na webovú stránku

Niektoré spoločnosti špeciálne nepripínajú žiadne príspevky do hlavičky, aby používatelia mali možnosť prečítať si základné informácie o stránke a okamžite prejsť na stránku.

Popis s hashtagmi

Niektoré spoločnosti pridávajú k popisu štandardnej stránky hashtagy, ktoré ju charakterizujú. Deje sa tak preto, aby stránka mala jasnejšiu relevanciu a vďaka tomu bola vyššie vo vyhľadávaní relevantných dopytov. Úprimne povedané, neviem, či táto metóda funguje alebo nie. Nevidel som žiadne prípady na túto tému, takže ak niekto vie, bol by som vďačný, keby ste zdieľali odkaz.

Pripnutý príspevok informujúci o tom, o čom stránka je

Ak chcete o svojej stránke povedať podrobnejšie (s fotografiami, odkazmi a krásnym rozložením), môžete do hlavičky pripojiť wiki príspevok alebo článok vytvorený v editore s jasným obrázkom v oznámení, ktorý povzbudí používateľov. aby ste naň klikli. Príklad takéhoto príspevku:

A toto vidí používateľ po kliknutí na odkaz:

Skupinové menu je otvorené

Otvoreným menu nazývam menu, ktoré hneď ukazuje, z akých položiek sa skladá. To znamená, že obrázok oznámenia príspevku wiki úplne duplikuje jeho obsah. Používatelia tak okamžite vidia, čo ich vnútri čaká. Ukážem vám to na príklade.

Takto vyzerá pripnutý príspevok v hlavičke stránky Flatro:

Skupinové menu je zatvorené

Uzavreté menu je rovnaký wiki príspevok ako v predchádzajúcom odseku, len oznámenie obsahuje obrázok bez položiek menu. Zvyčajne naň píšu: „Menu“, „Navigačné menu“ alebo „Navigácia vo verejných materiáloch“.

A toto vidíme, keď naň klikneme:

Mimochodom, stojí za zmienku, že to zďaleka nie sú jediné možnosti. Na tento obrázok si v podstate môžete napísať, čo chcete. Hlavná vec je, že používateľ na to chce kliknúť a chápe, čo ho potom čaká. Príklad:

Zlúčené menu pre skupinu

Zlúčené menu je, keď obrázok na oznámení vášho menu tvorí jeden obrázok s avatarom. Nižšie vám podrobne poviem, ako urobiť takéto menu, ale zatiaľ sa len pozrite, ako krásne to vyzerá.

GIF a avatar v jednom obrázku

Ale táto dizajnová možnosť pre klobúk ma naozaj potešila. Automaticky prehrávaný GIF sa spája s avatarom do jedinej kompozície a priťahuje pozornosť používateľov, aj keď na ňom nie sú žiadne informácie.

Mimochodom, tento príklad som si všimol v skupine obchodníka SMM Sergeja Shmakova. Preto mu ďakujem za nález :)

Skryté menu

Skrytá ponuka je dostupná len pre skupiny (stránky túto funkciu nemajú). Ak ho chcete vidieť, musíte kliknúť na príslušný odkaz. Výhodou tohto spôsobu návrhu je, že používatelia môžu vidieť hlavné informácie o komunite a ak chcú použiť menu, stačí im kliknúť. Tu je však malá nevýhoda – nie všetci používatelia vedia o existencii tejto funkcie, takže vášmu menu sa môže venovať menej pozornosti, ako keby bolo pripnuté v hornej časti stránky.

Automatické prehrávanie videa

Koncom novembra 2015 sa na sociálnej sieti VKontakte objavila zaujímavá novinka – akonáhle používateľ navštívi vašu stránku, začne sa automaticky prehrávať video pripojené k hlavičke. Pomocou tejto techniky môžete upútať ešte väčšiu pozornosť používateľov (najmä tých, ktorí vašu stránku navštívili prvýkrát) a zároveň nedráždiť tých, ktorým sa nepáči, že im ich obsah vnucuje, pretože video sa prehráva bez zvuku a prakticky neruší .

Ako pridať takéto video do hlavičky vašej stránky?

Aby to bolo možné, musia byť splnené tri podmienky:

• Pripojte video k príspevku a pripnite tento príspevok na začiatok komunity.
• Okrem videa by sa k záznamu nemalo pripájať nič iné. Voliteľné iba video a text.
• Video musí byť nahrané na VKontakte - prehrávače tretích strán nie sú podporované.

Príspevok, ktorý má veľa zdieľaní

Ďalším spôsobom, ako produktívne využiť priestor v hlavičke vašej stránky, je pripnúť na ňu jeden z vašich najúspešnejších príspevkov – ten, ktorý už získal a stále získava veľké množstvo lajky a zdieľania. Prečo to urobiť, myslím, že každý chápe – čím viac repostov, tým väčší dosah, tým viac odberov stránka získava.

Oznamy o nových videách, albumoch, udalostiach

Prezentácia nových produktov/služieb

Zľavy a akcie

Prípady, recenzie zákazníkov

Aplikačná reklama

Praktické vtipy

Pravidlá komunity

Odkazy na iné sociálne siete

Neuviedol som všetky možnosti dizajnu hlavičky. V zásade môžete na svoju titulnú stránku a pripnutý príspevok umiestniť akékoľvek informácie: pracovné ponuky, oznámenia, odkazy na najpredávanejšie produkty atď. Neobmedzujte sa teda na príklady uvedené vyššie. Použite svoju predstavivosť a použite dizajn svojej komunity na dosiahnutie svojich cieľov.

Aký by mal byť avatar?

Avatar nie je len krásny obrázok s logom vašej spoločnosti, ale aj pracovný nástroj obchodníka, pomocou ktorého dosahuje svoje ciele. Pozrime sa podrobne na to, ako by to malo byť, aby sme upútali pozornosť používateľov a povzbudili ich k vykonaniu cieľovej akcie. Začnime s miniatúrou.

Miniatúra avatara

1. Text na miniatúre avatara by mal byť dostatočne veľký, aby sa dal prečítať.







2. Text by nemal presahovať miniatúru.







3. Používatelia by mali pochopiť, čo je zobrazené na avatare.







4. Ak je to možné, je lepšie nepoužívať obrázky z akcií, pretože často znižujú dôveryhodnosť spoločnosti.




5. Je nežiaduce, aby miniatúra avatara bola príliš vyblednutá a nudná, inak sa stratí na pozadí jasnejších avatarov konkurentov.



6. Ak chcete, aby váš avatar vyzeral moderne, urobte ho v minimalistickom štýle: menej textu, tieňov, prechodov a prvkov, ktoré nenesú žiadnu sémantickú záťaž. Váš avatar by mal byť čo najjednoduchší a najčistejší. Tento štýl je momentálne trendy.







7. Ak je vaším cieľom upútať pozornosť používateľov a odlíšiť sa od ostatných avatarov vo feede, budete musieť zapojiť svoju fantáziu. Zamyslite sa nad tým, čomu venujete pozornosť, keď hľadáte zaujímavé komunity? Nie raz ma napríklad zaujali avatary s horiacim svetlom, ktoré zvyčajne naznačuje, že prišla nová správa. Je to veľmi stará technika, no z nejakého dôvodu na mňa stále pôsobí – keď uvidím také svetlo, určite na ňom nechám pohľad.

Netvrdím, že táto technika bude na vašej stránke fungovať. Pointa, ktorú chcem povedať, je, že existuje veľa, veľa spôsobov, ako vyniknúť, stačí sa len opýtať a byť trochu kreatívny. Napríklad tu je ďalší zaujímavý nápad, čo by som si o sebe sotva pomyslel:

Avatar je čierny kruh: veľký a malý. Zdalo by sa, prečo to vôbec robiť? Keď si však prelistujete zoznam komunít, takíto avatari upútajú pozornosť, pretože sa veľmi líšia od všetkých ostatných.

Aké informácie možno umiestniť na miniatúru avatara?

Aj keď je miniatúra avatara veľmi malá, môže sa (a mala by) použiť na prilákanie sledovateľov do vašej komunity. Ako to spraviť? Pozrime sa na niekoľko možností:

Oznámenie nového produktu/služby/udalosti

Výhody firmy/služby/stránky

Telefónne číslo spoločnosti

Výhodné ceny

Doprava zdarma

Mimochodom, veľmi často informácie o tom, čo firma poskytuje doprava zdarma, sa pridávajú k samotnému názvu skupiny, aby tomu používatelia určite venovali pozornosť.

skladom

Súťaže

Voľné pracovné miesta

Aký by mal byť samotný avatar?

Pozrel som sa na to, aká by mala byť miniatúra avatara a aký text by sa na ňu dal umiestniť. Teraz prejdime k samotnému avatarovi. Plná verzia Avatar sa zobrazí iba v komunite, v ktorej nie je nainštalovaný kryt. Práve pre takéto prípady som napísal túto časť. Aký by teda mal byť avatar vašej komunity, aby používatelia okamžite pochopili, že vaša spoločnosť pristupovala k vytvoreniu stránky zodpovedne a profesionálne.

1. Avatar musí mať vysokú kvalitu. Písal som o tom, ako to dosiahnuť trochu vyššie. Pre tých, ktorým táto časť ušla, poviem v krátkosti – veľkosť avatara by mala byť 2-3 krát väčšia, ako ste plánovali.
2. Je žiaduce, aby bol avatar kombinovaný s menu: je to rovnaké farebná škála, mala rovnaké písma, prvky atď. Vďaka tomu bude hlavička vašej stránky vyzerať čistejšie a profesionálnejšie. Príklad:
3. Samotný avatar a miniatúra avatara sa môžu líšiť. Môžete napríklad nakresliť kruh na svoj avatar, navrhnúť ho tak, ako sa vám páči, vybrať túto oblasť ako miniatúru a navrhnúť zvyšok avatara v inom štýle.




Ďalšou možnosťou je rozdeliť avatara na dve časti. Jeden je pre miniatúru a druhý je pre zvyšok avatara.




4. Ak chcete povzbudiť používateľov, aby sa prihlásili na odber vašej stránky alebo napísali správu zástupcovi spoločnosti, môžete umiestniť zodpovedajúcu výzvu na akciu úplne dole na avatar a doplniť ju šípkou smerujúcou k tlačidlu.




5. Snažte sa na svoj avatar neumiestňovať príliš veľa informácií, inak bude vyzerať preťažene a neupravene. Pridajte k tomu len tie najdôležitejšie body a uistite sa, že medzi nimi je „vzduch“.

Aké informácie je možné umiestniť na avatar?

V podstate si na svoj avatar môžete dať čokoľvek, čo chcete. Na rozdiel od miniatúry je tu skutočne priestor na túlanie sa. Hlavné je to nezneužívať :)

Doména lokality

Telefón/adresa/otváracie hodiny

Súťaže/propagácie

Najčastejšie nakupované produkty/nové položky

informácie o doručení

Reklama v mobilnej aplikácii

Hlavné výhody firmy/stránky/produktu a pod.

Aktualizácia sortimentu/nová kreativita a pod.

Informácie, že vaša komunita je oficiálna

Informácie o pripravovaných akciách

Adresy účtov v iných sociálnych sieťach

Rozšírený popis stránky

Chváli sa

Vo všeobecnosti môžete na svoj avatar umiestniť absolútne akékoľvek informácie. Práve som zahrnul niekoľko nápadov, aby ste videli, čo robia ostatní, a inšpirovali sa. Majte na pamäti základné odporúčania: avatar by mal byť vysoko kvalitný, písmo by malo byť veľké a medzi prvkami by malo byť viac „vzduchu“.

Ako vytvoriť bezproblémový avatar a menu

Ak chcete vytvoriť zlúčený avatar a menu, budete potrebovať program Adobe Photoshop alebo jeho ekvivalent. Ako príklad vysvetlím celý proces pomocou Photoshopu. Tak, poďme.

1. Stiahnite si šablónu Photoshopu, ktorú som špeciálne pripravil pre tento článok. V normálnej veľkosti (menu – šírka 510 pixelov, avatar – 200) alebo zväčšené (menu – šírka 1020 pixelov, avatar – 400).
2. Otvorte obrázok, ktorý chcete použiť ako základ.
3. Skopírujte ho, vložte do šablóny a umiestnite tak, ako by ste ho chceli vystrihnúť.

1. Pridajte efekty, text, grafiku atď.

1. Ak nechcete stratiť časť obrázka (v tej medzere 50 pixelov), posuňte ho doprava, ako je znázornené na nasledujúcom obrázku GIF:

1. Vyberte nástroj „Rezanie“ a kliknite na tlačidlo „Fragmenty pozdĺž vodidiel“.

1. Odstráňte nepotrebné fragmenty (kliknutie pravým tlačidlom myši - „Odstrániť fragment“) a upravte existujúce (kliknutie pravým tlačidlom myši - kliknite na prázdne miesto - vyberte požadovanú oblasť a roztiahnite ju na požadovanú veľkosť).

1. Prejdite do sekcie "Súbor" a vyberte príkaz "Uložiť pre web".

1. Prejdite na miesto, kde ste uložili obrázky (pracovná plocha alebo nejaký konkrétny adresár) a nájdite priečinok s názvom „Obrázky“. Toto je miesto, kam pôjdu vaše obrázky. Teraz ich už zostáva len vyplniť na stránke.

P.S. Výšku avatara je možné zmeniť podľa vlastného uváženia. Zobral som maximálnu veľkosť - 500 pixelov, ale vaša hodnota môže byť menšia. Napríklad ako na stránke „Wiki Markup“:

Ako používať widgety

Widgety sú tiež súčasťou dizajnu komunity VK. Pomocou nich môže používateľ: zadať objednávku, prihlásiť sa na odber bulletinu, zúčastniť sa súťaže, čítať a zanechať recenzie, otvoriť vyhľadávanie v komunite, získať darček, zľavový kupón atď.

Tu je niekoľko príkladov toho, ako vyzerajú widgety na stránke VKontakte:

Ako navrhnúť obrázky pre príspevky

Ak ste webový dizajnér alebo máte umelecký vkus a zmysel pre krásu, potom pre vás nebude ťažké vymyslieť firemný štýl pre vaše obrázky. Zdá sa mi však, že takíto ľudia budú v tomto článku v menšine (mimochodom medzi nich nepatrím ani ja). Pozrime sa preto bližšie, ako sa to robí, na príkladoch úspešných firiem.

Mimochodom, všimnite si, že takmer všetky známe spoločnosti VKontakte označujú svoje obrázky, to znamená, že pridávajú malé logo, adresu svojej stránky alebo vodoznak. To zvyšuje povedomie o značke a chráni vaše obrázky pred kopírovaním. Či sa to oplatí robiť, je na rozhodnutí každého. Jediná vec, ktorú by som chcel poradiť, je: ak sa tak rozhodnete, snažte sa uistiť sa, že vaše logo nie je príliš svetlé a nezaberá príliš veľa miesta, inak sa naň bude klásť dôraz a obrázok bude stratí svoju atraktivitu.

Kde môžem získať dobré obrázky?

Máme to na našom blogu dobrý článok o tejto téme - " ". Všetky sú zadarmo, no niektoré vyžadujú registráciu. Ak nenájdete nič vhodné pre seba, skúste hľadať podľa kľúčové slovo+ tapeta (alebo, ak je v angličtine, tapeta). Výsledkom tohto typu požiadavky sú zvyčajne obrázky vysokej kvality. Tu však musíte byť opatrní a skontrolovať typ licencie, inak, ak máte seriózny obchod, môžete sa dostať do problémov.

Čo by mali robiť tí, ktorí nevedia pracovať vo Photoshope?

Ak ste nikdy nepracovali vo Photoshope (alebo v iných grafických editoroch) a ešte nie ste pripravení venovať čas jeho zvládnutiu, môžete využiť služby, ktoré už majú hotové obrazové šablóny pre rôzne sociálne siete:

1. Fotor.com

Potom na ľavej strane obrazovky vyberte šablónu, ktorá nás zaujíma. Upozorňujeme, že bezplatne sú poskytované iba šablóny, ktoré nemajú ikonu diamantu.

Vložíme ho do šablóny, vyberieme ľavým tlačidlom myši, vyberieme príkaz Vrstva (ikona sendviča) a klikneme Presunúť nadol. Týmto spôsobom náš obrázok pôjde na pozadí a všetky nápisy sa naň prekryjú.

Potom zmeníme text, písmo, veľkosť písma, polohu nápisu atď.

Potom kliknite na ikonu diskety, vyberte názov, formát obrázka, kvalitu a kliknite na tlačidlo Prihlásiť sa na stiahnutie.

2. Canva.com

Ďalšia služba, ktorá vám pomôže krásne navrhnúť váš obrázok. Funguje na rovnakom princípe ako predchádzajúci. Zaregistrujte sa v službe (môžete použiť svoje účet Google+ alebo email).

Vyberte si pole pôsobnosti. Preskočíme krok, v ktorom budete požiadaní o pozvanie priateľov. Dostaneme sa do hlavnej ponuky, kde vyberieme príspevok na Facebooku, ak potrebujeme obdĺžnikovú fotografiu, alebo príspevok na Instagrame, ak je štvorcový.

Vyberte šablónu (ak je šablóna označená „ZADARMO“, ​​znamená to, že je bezplatná), zmeňte text.

V prípade potreby nahrajte svoj obrázok, upravte rozmery, zmeňte text, font a polohu nápisu. Potom kliknite na tlačidlo „Stiahnuť“, vyberte formát obrázka a uložte ho do počítača alebo iného zariadenia.

Ako formátovať články v editore

Nedávno VKontakte umožnilo písanie článkov v špeciálnom editore. Ak chcete vytvoriť článok, musíte kliknúť na písmeno „T“:

Ako používať značky wiki

No a tu sa dostávame k najzaujímavejšiemu a zároveň náročnému úseku. Možno sú medzi čitateľmi ľudia, ktorí nevedia, čo je označenie wiki a počujú tento výraz prvýkrát. Preto, špeciálne pre vás, uvediem definíciu, ktorú dáva samotný „Kontakt“.

Wiki markup je značkovací jazyk, ktorý sa používa na formátovanie textu na webových stránkach (zvyčajne klasifikovaných ako wiki projekty) a umožňuje ľahší prístup k možnostiam jazyka HTML. Na našej stránke sú wiki stránky dobrou alternatívou k bežným príspevkom a textovej navigácii. Ak potrebujete vytvoriť veľký článok s rôznym formátovaním textu (tučné, podčiarknuté, nadpisy atď.) alebo k nemu pridať grafiku, alebo jednoducho vytvoriť farebné navigačné menu pre vašu komunitu, wiki je nevyhnutná.

Rovnako ako Wordpress (alebo akýkoľvek iný CMS) má HTML editor, pomocou ktorého vytvárate články, Contact má vlastný editor na vytváranie a úpravu wiki stránok. Vyzerá to takto:

Pomocou tohto editora sa vytvárajú navigačné ponuky, ako aj články s obrázkami, videami a zvukovými nahrávkami. Nižšie podrobne rozoberiem, ako pracovať v tomto editore, ale najprv vás požiadam o uloženie dvoch odkazov do záložiek. Veľmi vám pomôžu pri učení sa značiek wiki.

5 hlasov

Dobrý deň, milí čitatelia môjho blogu. Týmto článkom otváram sériu publikácií na tému krásny dizajn skupín VKontakte. Teraz budeme pracovať na vytvorení menu, potom prejdeme k vytvoreniu štýlového jedného obrázka a na záver sa naučíme, ako urobiť obrázky klikacími.

Nakoniec skončíte s komunitou, ktorá vyzerá asi takto. Po kliknutí na tlačidlo prechodu sa skutočne otvorí ďalšia štýlová stránka.

Práca pred nami nie je taká náročná, podrobne vysvetlím, ako postupovať. Práca nebude trvať dlhšie ako pár hodín. Hovorme o všetkom v poriadku.

1. Príprava na prácu. Nástroje, bez ktorých sa nezaobídete

Takže predtým, ako sa dostanem k hlavnej otázke a začneme sa zaoberať tým, ako vytvoriť menu v skupine VKontakte, poďme sa rozprávať o tom, čo budete potrebovať.

1.1. Photoshop

Samozrejme sa zaobídete aj bez Photoshopu, pozrite si toto video, ktoré všetko podrobne vysvetľuje. Ak chceš. Ak však na to nemáte, potom vám dôrazne odporúčam, aby ste sa potrápili a prešli si všetky tri moje publikácie.

Ak chceš normálnu skupinu, tak ti neostáva nič iné, len sa naučiť Photoshop. Bez kvalitných obrázkov nemôžete nikam ísť. Môžem vám odporučiť kurz od Zinaidy Lukyanovej . Na svoju novú profesiu si zvyknete rýchlo a bez toho, aby ste sa nudili a dokonca si môžete zarobiť peniaze pomocou svojich dizajnérskych zručností. Dosť vedomostí!

Takže dobre, pokračujme. Je k dispozícii všetko, čo potrebujete? Potom ste pripravení ísť ďalej.

2. Práca vo Photoshope alebo „urob si sám“ menu

No a teraz môžete začať pokyny krok za krokom priamo na vytvorenie menu. Otvorte Photoshop a potom ilustráciu s ponukou. Dúfam, že nebudú žiadne problémy. V pravom hornom rohu vyberte „Súbor“ a potom „Otvoriť“. Dokument nájdeme v počítači. Čo bude ďalej?

Obrázok je potrebné vystrihnúť. Vyberte nástroj „Rezanie“. Ako vidíte, je skrytý pod „rámom“. Stačí naň kliknúť a na niekoľko sekúnd podržať ľavé tlačidlo myši, kým sa nezobrazí ďalšia ponuka.

Teraz na samotnom obrázku kliknite pravým tlačidlom myši a nájdite „Rozdeliť fragment“.

V tomto konkrétnom prípade rozdelím obrázok na 4 časti. prečo je to tak? Akékoľvek tlačidlo na internete je obrázok, ktorému je priradený špecifický kód. Nasmerujete šípku na požadovaný fragment obrázka a váš prehliadač odošle informáciu do počítača: „Chlapče, sú tu ďalšie funkcie.“

Niekedy sa zmení celý obrázok. Napríklad tlačidlá, ktoré sa pri stlačení potopia, sú len druhý obrázok, nie je tam žiadna animácia.

V mojom prípade je potrebné jeden obrázok rozdeliť na niekoľko častí a každej z nich priradiť vlastnú akciu. Niekde je odkaz na zoznam produktov, niekde odkaz na webovú stránku. Na obrázku je tiež časť označená ako „Menu“. Pri prejdení myšou by sa nemalo nič stať.

V dobrom slova zmysle som mal zvýrazniť 5 častí, aby som tlačidlá oddelil rovnomernejšie, ale ospravedlňujem sa tým, že keď človek minie, aj tak si urobí, čo chcel a ak stlačí správne, nebude vedieť. čokoľvek.

Nie je problém urobiť viac kategórií alebo ich usporiadať do dvoch stĺpcov. Ak rozumiete základným informáciám, zvládnete všetko ostatné.

Linky som posunul, aby to bolo hladšie. Nie je to ťažké, robí sa to pomocou kurzora.

Uistite sa, že obrázky sú uložené ako jpeg (najvyššia kategória vpravo). Ďalej kliknite na „Uložiť“.

Dobre, teraz je po všetkom.

S tým sme skončili, teraz môžeme prejsť k samotnej skupine a práci s kódom.

3. Rozloženie vo VK pre figuríny

Kedysi som si myslel, že označenie wiki sa vzťahuje iba na komunity. Neviem, či sa niečo zmenilo, alebo to tak bolo vždy, ale teraz je úplne jedno, či vytvoríte skupinu alebo verejnú stránku. Stránky sa dajú robiť tu aj tam.

No, ostáva už len drobná záležitosť rozloženia. Otvorte „Zoznam stránok Wiki“.

A pridajte nový.

Daj tomu meno. V našom prípade jedálny lístok.

A prejdite na úpravy.

Prvým krokom je pridanie všetkých častí nášho obrázka.

Načítava.

Urobte to z priečinka zdola nahor v zozname. Od úplne poslednej (spodnej, v mojom prípade „Napísať adminovi“) po hornú („Menu“), potom všetko správne zapadne, aj keď nie je také ťažké pretiahnuť fragmenty myšou. Čo je pre vás výhodnejšie.

Teraz musíme odstrániť odsadenie a vytvoriť rôzne prepojenia fragmentov a na niektorých miestach úplne odstrániť možnosť kliknutia. Prepnime do režimu kódu.

Značky „stred“ označujú, že fotografia a jej fragmenty sú umiestnené v strede. Odstránim ich, aby som vám uľahčil vnímanie informácií.

Ak chcete, môžete urobiť to isté, ale nezabudnite, že ilustrácia sa posunie doprava.

Znova sa vrátime ku kódu, aby sme odstránili zarážky medzi fragmentmi obrázka.

Aby sa obrázok po zmene veľkosti opäť zjednotil, vložte bodkočiarku a napíšte značku nopadding (;nopadding).

Bude to vyzerať takto.

Za každým fragmentom by samozrejme nemalo byť žiadne odsadenie, a preto je potrebné značky duplikovať.

Teraz ilustrácia vyzerá jednotne. Ak to nefunguje, skontrolujte, či ste slovo napísali správne a vložte bodkočiarku, podľa potreby odstráňte medzery, aby to bolo ako v mojom príklade. Pre výsledok je dôležitý každý malý detail.

Teraz, keď kliknete na rôzne časti obrázka, otvoria sa v novom okne.

Aby ste tomu zabránili, budete potrebovať ďalšiu značku. Nolink. Nezabudnite na bodkočiarku.

Iba na prvom obrázku nebude prechod, ale zvyšok môžete nahradiť vlastnými adresami URL.

Čitateľov môžete presmerovať na iné wiki stránky, príspevky, blogy atď. sociálne médiá. Teraz to nie je ťažké, môžete urobiť všetko. Ostáva už len šetriť.

Takto vyzerá náš jedálny lístok.

A tu je požadovaný odkaz.

4. Záverečná fáza registrácie

Konečne nastal čas rozhodnúť sa, či máte verejnú stránku alebo skupinu. Budúca stratégia závisí od toho.

Ak neviete, čo máte, prejdite do sekcie správy z kategórie „Moje skupiny“.

Ak to chcete urobiť ako ja a dať to do jedálnička, tak choďte na druhú časť a budeme pokračovať v krásnom dizajne verejnosti. Výsledkom bude niečo takéto.

Nie som zástancom toho, aby sa menu stalo iba stavovým obrázkom, ale niektorí ľudia to chcú. Nemám právo nikoho kritizovať a ak máte skupinu, môžete svoju úlohu realizovať.

5. Video návod

Pozrite si video, všetku hlavnú prácu sme už urobili, zostáva už len maličkosť.

6. Alternatívna metóda pre Dummies za 100 rubľov.

Ak máte problémy s vytváraním menu sami, neváhajte využiť túto službu - VkMenu.ru , kde za skromnú cenu 100 rubľov. (dnes je to takto), môžete si vytvoriť menu prostredníctvom online konštruktora.

Myslím, že je to skvelá alternatíva ručná práca a nadávať na všetkých a na všetko, ak nič nevyjde s označením wiki.

Týmto sa lúčim, ale nie na dlho. Trochu si oddýchnite a prejdite na ďalšiu časť.

Prihlásiť sa na odber môjho skupina VKontakte . Príjemnú zábavu a do skorého videnia!

A dnes som sa rozhodol pokračovať v tejto téme a hovoriť o tom, ako tvoriť grafické menu v kontakte s. Koniec koncov, nie každý webmaster, ktorý chce svoju skupinu krásne navrhnúť, sa uspokojí s textovým menu. Teraz je možno relevantnejšie grafické menu rôzne obrázky sú návštevníkmi vnímané oveľa lepšie ako textové odkazy. A pomocou grafiky môžete vytvoriť niečo naozaj krásne a farebné.

kde začať?

No, samozrejme, mali by ste začať výberom vhodnej grafiky alebo nakreslením menu od začiatku. Samozrejme, nie každý dokáže nakresliť menu od začiatku. Problém sa však dá vyriešiť, pretože World Wide Web je plný rôznych grafických prvkov, bezplatných aj platených, pomocou ktorých môžete realizovať svoje plány. V tejto fáze nebudem zachádzať do podrobností, pretože nie je ťažké nájsť obrázky na internete a neviem, ako kresliť. Začnem hneď s tým, že už máme vhodnú grafiku, ale nie je jasné, čo robiť ďalej?

Po stiahnutí alebo nakreslení menu ho musíte vystrihnúť. Načo to je? Je to potrebné na vytvorenie samostatných odkazov pre konkrétny obrázok. Keďže ak je naše menu umiestnené celé v skupine, nebude možné vytvoriť viac ako jeden odkaz, alebo niečo neviem. Naše menu je navyše potrebné upraviť vo veľkosti, to znamená, že hneď stojí za zváženie, že maximálna viditeľná šírka je 388 pixelov (jeden obrázok) a zvyšok bude buď orezaný alebo upravený na rozmery, ktoré určíte pri vytváraní menu v skupine, pričom sa obraz môže naťahovať alebo naopak zmenšovať, čo môže pokaziť pôvodný nápad. Za zváženie tiež stojí, že napríklad pri horizontálnom menu sa budeme musieť zamerať na šírku rovnajúcu sa 370 pixelom, inak sa menu nebude horizontálne zarovnávať.

Ukážem teda napríklad najbežnejšie tlačidlá. Všetky manipulácie s grafikou budem robiť pomocou Photoshopu, preto odporúčam použiť ho aj vy. Potom, čo sme si roztriedili veľkosti, ostáva už len rozrezať menu. Na tento účel môžete použiť pohodlný nástroj na „rezanie“.

Jednoducho vyberte požadované oblasti pomocou týchto nástrojov, napríklad:

A uložte si ho pre webové zariadenia.

V zobrazenom okne môžeme vybrať formát obrázka, jeho kvalitu a mnoho ďalšieho. IN v tomto prípade Vyberiem si formát: JPEG a najlepšia kvalita a zvyšok nechám tak, ako je, a uložím grafické menu VKontakte.

Poďme na stránku našej skupiny. A robíme niekoľko prípravných akcií: V komunitnom manažmente spájame „materiály“ a šetríme. Ak v tejto fáze niečo nie je jasné, prečítajte si článok o textovej ponuke VKontakte, všetko je tam podrobne uvedené, hovorí sa o tom.

Potom musíme nahrať naše obrázky, ktoré sme dostali pri vyrezávaní menu. To znamená, že kliknite na „pridať fotografie“.

Po nahratí obrázkov môžeme začať vytvárať menu. Ak to chcete urobiť, kliknite na „upraviť“ vedľa najnovších správ.

A teraz môžeme pridať kód pre naše menu. V mojom prípade to bude vyzerať takto:

[] [] []

Poďme sa teda bližšie pozrieť na to, čo sa tu deje:

…— tieto značky zarovnajú našu ponuku do stredu. Ak ich odstránite, ponuka sa stlačí k ľavému okraju.

foto-48249652_297601976 - cesta k nášmu obrazu. Cesta sa tvorí nasledovne: číslo albumu_číslo samotnej fotografie. Ako zistiť cestu k nášmu obrazu? Všetko je veľmi jednoduché. Prejdeme do fotoalbumu, v ktorom sa nachádzajú naše obrázky, a klikneme na požadovaný obrázok. Potom v paneli s adresou uvidíme celú cestu k nášmu obrázku.

130x46px;nopadding; — možnosti obrázka: 130x46px; - šírka a výška nášho obrázka (môže sa líšiť od veľkosti samotného obrázka) - pre vertikálne menu na VKoktakte nie je potrebné uvádzať; nopadding; - bez medzier - pri použití tejto možnosti sa odstránia všetky medzery (zarážky) a obrázky sa spoja do jedného.

Tu je to, čo som dostal:

Horizontálne menu na VKontakte sa vykonáva podľa rovnakého princípu. Jediný rozdiel je v tom, že pri písaní kódu nie je potrebné umiestňovať nové položky menu na nový riadok. A tiež nezabudnite, že pri tomto usporiadaní obrázkov môžeme použiť iba šírku 370 pixelov. Trochu som opravil vyššie uvedený kód a dostal som toto:

[][][]

A takto to vyzerá:

A ešte by som dodal: Sú situácie, keď potrebujeme do menu vložiť obrázok, ale nemal by to byť odkaz. Má slúžiť ako dekorácia. Ak to chcete urobiť, použite možnosť „nolink“. Tu je jasný príklad: Rovnaké horizontálne menu, len prvé tlačidlo nie je aktívny odkaz, ale jednoduchý obrázok.

[][][]

No a to je v podstate všetko. Ako vidíte, vytvorenie grafického menu na VKontakte nie je ťažké, najdôležitejšie je nakresliť ho. A potom pomocou všetkých vedomostí získaných v tomto článku môžete vytvoriť to najlepšie menu pre svoju skupinu VKontakte. A chcem poznamenať, že horizontálne a vertikálne menu je možné kombinovať, čím sa dosiahne absolútna jedinečnosť.

Teraz budú akékoľvek manipulácie v skupinách VKontakte (menu, navigácia, stránkovanie, správy atď.) oveľa jednoduchšie, preto si stačí preštudovať moje Video kurz o technických tajomstvách skupín VKontakte. Požiadali ste o video lekcie a ja som nahral celý video kurz - vezmite si to!!!

Veľa šťastia pri experimentovaní!

Ahoj zas. Nikdy ma to neomrzí hovoriť) V našom štúdiu milujeme bezplatnú komunikáciu s našimi používateľmi, teda. keď nie ste zmätení rámcom, do ktorého ste boli zaradení, aby ste napísali potrebný článok. Na tejto stránke komunikujeme len o témach, ktoré sú pre nás zaujímavé a povieme vám o nich. A tak sme v predchádzajúcom článku zo série školiacich materiálov o VKontakte vytvorili skupinu VK a hovorili sme trochu o jej propagácii. Ale aby som bol úprimný, to nie je všetko, čo nám poskytla funkcia sociálnych skupín. Sieť vám umožňuje navrhnúť skupinu alebo verejnosť veľmi zaujímavým a dokonca profesionálnym spôsobom. Takže v tomto článku vám povieme, ako krásne navrhnúť skupinu VK a urobiť pre ňu krásne menu.

Na navrhovanie skupín sa používa označenie WIKI. V tomto článku sa tomu nebudeme venovať príliš hlboko, pretože... Ak všetko zmiešame do jedného článku, tak vás, priatelia, úplne popletieme, no naša úloha je iná. Viac o označovaní wiki vám povieme v ďalšom článku, dobre? Potom poďme ďalej.

V tomto článku sa tiež nezaobídeme bez Wiki, ale tu ju používame minimálne, takže sa do nej príliš neponárajte)). Najprv musíme vytvoriť interaktívne menu pre vašu skupinu, preto musíme vykonať prípravné kroky. Najprv zmeňme niektoré nastavenia v skupine. Prejdeme na „Správa komunity“, potom na „Diskusie“ a tu musíme pripojiť „Materiály“ a otvoriť diskusie, ako je znázornené na obrázku

Pripravený! Ďalej začneme pripravovať obrázky. V tejto fáze je vhodné vedieť pracovať s grafickými editormi, inak sa budete musieť obrátiť na freelancerov, a to sú zbytočne vyhodené peniaze. Samozrejme, je lepšie sa to naučiť, nie je to vôbec ťažké a ešte viac to budete potrebovať. Ukážeme vám, ako vykonať tento krok vo Photoshope, hoci to isté môžete urobiť v akomkoľvek inom editore.

Vyrábame šablónu pre skupinu VK ako na obrázku nižšie.

Ponuka sa bude nachádzať v okne A a jej rozmery sa môžu líšiť od rozmerov zobrazených na obrázku. Všetko závisí od veľkosti tlačidiel ponuky. V našej verzii sme navrhli vytvoriť jedno tlačidlo na riadok. Ak potrebujete vytvoriť 2 tlačidlá na riadok, šírka okna A sa musí zmenšiť na maximálne 377 pixelov. Zvyčajne vyberáme výšku empiricky. V tejto možnosti sa pri umiestnení každého prvku na hlavnej stránke skupiny do jedného riadku zvolí výška 377px.

Fáza označovania je u konca, teraz urobíme vhodný obrázok, rozrežeme náš výkres na zóny a zapíšeme si nápisy, ktoré potrebujeme, a nezabudnite, že každá samostatná zóna obrázka s nápisom, ktorý napíšete, bude vaším tlačidlom ponuky . Nemyslím si, že stojí za to písať, ako to všetko urobiť, pretože... toto sa zmení na samostatnú lekciu o Photoshope, možno o tom napíšeme, aj keď nemôžem sľúbiť - stránka má nesprávny profil. Ale ak existuje veľa požiadaviek, myslím, že pridáme článok))

Keď uložíte projekt vo Photoshope, odstránite všetky nepotrebné prvky (Photoshop vyreže a uloží všetky obrázky a biele polia spolu s nimi), musíte zmeniť názov obrázkov, najlepšie, pre pohodlie, očíslovať ich v poradí podľa ako budú umiestnené v ponuke .

Fuuuhhhh, aj s touto etapou sme skončili)) Veľa toho nezostalo! Ďalej prejdeme k samotnej skupine. Po zmene niektorých nastavení (na začiatku tohto článku) sa na stene zobrazia nové karty: „Diskusie“ a „Najnovšie správy“. Kliknite na nápis „ Nová téma» na karte diskusie a vytvorte stránku ponuky.

Musí byť pomenovaný rovnako ako v grafickom menu a potom vyplniť pole popisu. Po zadaní všetkých potrebných informácií s istotou kliknite na „Vytvoriť tému“.

Na stene uvidíte vytvorenú správu. Potom rovnakým spôsobom vytvoríte potrebný počet strán (v závislosti od počtu sekcií ponuky).

Všetko je pripravené? ak áno, potom začneme upravovať naše menu. Na tento účel používame kartu „Najnovšie správy“. Opäť môžete kliknúť na „Upraviť“.

Opäť vidíme okno editora, ktorého sa už nebojíme)), už sme sa s tým stretli. Po prepnutí do režimu vizuálnej úpravy (na tento účel použite ikonu fotoaparátu v editore VK) načítame všetky naše obrázky (fragmenty ponuky) v poradí, v akom sa nachádzajú na celom obrázku. Meníme názov na zrozumiteľný pre návštevníkov. Potom sa prepneme do režimu označovania wiki a upravíme kód (o značkách wiki vám podrobne povieme v ďalšom článku, poviem vám zaujímavú vec.

Vzorový kód pre navrhované menu:

Jeden bod je tu veľmi dôležitý - pre fragmenty, ktoré neslúžia ako tlačidlo, musíte namiesto odkazu na stránku napísať značku „nolink“. V opačnom prípade sa na fragment bude dať kliknúť a keď naň používateľ klikne, samotný fragment sa otvorí ako nezávislý obrázok, ale potrebujete to?

Ak niečo nie je v poriadku, s najväčšou pravdepodobnosťou ste urobili chybu v kóde, všetko dôkladne skontrolujte a viac ako raz. A ak ste urobili všetko správne, potom po kliknutí na názov karty hlavnej ponuky skupiny uvidíte hotové grafické menu, ktoré vyzerá ako jeden celok spolu s avatarom skupiny VK.

Ak sa vaša ponuka na nižšej úrovni nezhoduje s avatarom skupiny VKontakte, vykonajte zarovnanie v kóde v dolnom fragmente zmenou výšky v px. O veľké zmeny môže to ovplyvniť kvalitu obrazu. V tomto prípade v pôvodnej šablóne grafického editora (v našom prípade Photoshop) vykonajte zmeny vo veľkosti požadovaného fragmentu a v prípade potreby prekreslite celé rozloženie. To je všetko, priatelia, registrácia skupiny VK je dokončená! Teraz ste vlastníkom profesionálne navrhnutej skupiny.

V ďalšom článku zo série školení o VKontakte sme vám povedali, ako vytvoriť interaktívne menu a profesionálne navrhnúť skupinu VKontakte. V našom ďalšom článku sa bližšie pozrieme na značkovanie wiki a pokúsime sa navrhnúť skupinu hlbšie do tohto označenia.

Ako vždy sme veľmi radi, že dostaneme akékoľvek vaše komentáre, píšte častejšie, priatelia))

Dobrý deň, priatelia!

Dnes v článku budeme hovoriť o dizajne skupín VKontakte. Toto je veľmi dôležitá časť, ktorá výrazne ovplyvňuje predaj a propagáciu vašich komunít, preto ju vrelo odporúčam prečítať.

Čo je súčasťou dizajnu?

Začnime od začiatku. Mnoho ľudí sa pýta, čo je zahrnuté v dizajne a ako vytvoriť skupinu VKontakte sami bez nej pomoc zvonka.

Čo je zahrnuté: zvyčajne dizajn skupiny obsahuje avatar, menu (špeciálny obrázok, kliknutím na ktorý človek prejde do tzv. navigačného menu, ktoré označuje hlavné prvky komunity, tzv. rýchle odkazy a odpovede na otázky). Voliteľne môže dizajn zahŕňať aj špeciálny dizajn (značenie stĺpikov).

Avatar

Pozrime sa na každý prvok komunitného dizajnu samostatne. Začnime s avatarom. Často tento prvok mnohí zanedbávajú a to ovplyvňuje iné prvky.

Avatar je v podstate prvá vec, ktorú človek uvidí pri hľadaní a keď príde do vašej komunity. Na svojom avatare musíte určite znázorniť to, čo robíte (ak predávate tovar), ak ste značka, tak vás tak rozpoznajú, no vo väčšine prípadov musíte zobraziť svoje služby alebo produkty.

Často si všímam, že ľudia robia len krásne obrázky, ktoré neodrážajú podstatu komunity. Okrem toho je vhodné uviesť kontaktné informácie a výzvu na pripojenie sa ku skupine na avataru komunity.

Čo sa týka dizajnu. V skutočnosti sa to môžete ľahko naučiť sami, aj keď na to sa budete musieť naučiť používať Photoshop bezplatné lekcie a všetko si otestujte sami.

Preto vám odporúčam míňať peniaze a nechať sa vyškoliť profesionálmi. Jednak získate praktické zručnosti (študenti väčšinou vykonávajú prácu pre zákazníkov), jednak budete vedieť vytvárať komunity nielen pre seba, ale aj pre zákazníkov. V priemere cena za dizajn avatara a menu začína od 1 500 rubľov a viac. V niektorých prípadoch si za registráciu účtujú 5-6 tisíc.

Dokončenie oboch prvkov môže v priemere trvať deň alebo dva. beriem to s rezervou. Koľko na tom môžete zarobiť, si môžete vypočítať sami. Vrátim sa teda k učeniu. Tu je samotný kurz o ktorom hovoríme o: http://www.1day1step.ru/design.php. Ceny sú tam celkom rozumné za školenie a môžete splácať po 2 klientoch.

Komunitné menu

Teraz si povedzme o komunitnom menu. Menu je založené na dizajne a takzvanom wiki značke. Aj toto sa dá naučiť a naučiť.

Jedálny lístok sa zvyčajne vytvára pre pohodlie komunity nakupovania online (a nielen všeobecne). Menu obsahuje odkazy na zákaznícke recenzie, katalóg produktov a ďalšie prvky. Ponuka je v podstate navigácia cez verejnú stránku pomocou niekoľkých kliknutí myšou.

Menu a avatar sú okamžite viditeľné pre používateľov a nových klientov. A ak je navrhnutý správne, povzbudí ľudí, aby sa pripojili k skupine a následne zadali objednávku.

Značkové príspevky

Nie všetky verejné stránky majú tento typ dizajnu, ale tie, ktoré áno, sa priaznivo líšia od ostatných. Všetky príspevky sú v tomto prípade navrhnuté v rovnakom štýle a vyzerajú veľmi harmonicky, keď sa človek posúva cez komunitnú stenu.

Náklady na navrhovanie značkových príspevkov sa líšia, takže si to musíte overiť u dizajnérov, no branding si opäť môžete urobiť sami.

Mimochodom, pomocou značkových príspevkov si vás zákazníci v news feede môžu veľmi dobre zapamätať. Odlíšite sa od konkurencie a iných verejných stránok, čo opäť znamená ďalší záujem a prílev zákazníkov.

Tu končím článok. Dúfam, že to bolo pre vás užitočné. Ak áno, zdieľajte odkaz na sociálne siete a prihláste sa na odber aktualizácií blogu.