Vytvoření skupiny VKontakte. Adresy účtů v jiných sociálních sítích. Stáhněte si hotový obal pro skupinu

Ahoj moji drazí!

Dnes vám řeknu podrobně, jak vytvořit menu pro skupinu VKontakte. Podle mých zkušeností menu ve skupině v kontaktu zvyšuje počet hovorů a požadavků o 20 %. K tvorbě skupinového menu je důležité přistupovat zodpovědně. Proto jsem pro vás připravil šablonu menu PSD, která vám usnadní práci.

Začnu tím, že dnes existují dvě možnosti nabídky:

Možnost 1: Nabídka uzavřené skupiny

Zavřená nabídka, otevře se po kliknutí na odkaz. V níže uvedeném příkladu se nabídka otevře, když kliknete na odkaz „OTEVŘÍT NABÍDKU SKUPINY!“.



Možnost 2: Otevřít nabídku skupiny (připnutý příspěvek)

Otevřená nabídka je v podstatě připnutý příspěvek s aktivním odkazem.



Druhá možnost nabídky se objevila relativně nedávno, když bylo možné připnout příspěvky ze zdi do záhlaví skupiny nebo veřejné stránky. Nyní je nejúčinnější.

Obě možnosti používají označení wiki. Wiki značení umožňuje snadno a rychle navrhnout vzhled skupiny, vytvářet grafické tabulky a spoilery, formátovat text a pracovat s obrázky, odkazy a kotvami. Nebudu se podrobně zabývat značením, protože... VKontakte má vestavěný vizuální editor, který automaticky překládá váš obsah do značek wiki. Zde uvedu pouze základní kódy, bez kterých nelze vytvořit jídelníček.

Jak vytvořit otevřenou nabídku na VKontakte

Proces tvorby menu rozebereme na příkladu Varianty 2, tzn. otevřít menu.

Abychom vám usnadnili orientaci, připravil jsem pro vás Šablona nabídky PSD: [Pozor. Design VKontakte se změnil. Nové rozvržení a další relevantní informace v]

Šablona nabídky skupiny PSD

K vytvoření externího menu potřebujete 2 obrázky: avatar (vpravo) a centrální (akční obrázek).

Rozměry avataru: 200 x 332 px

Rozměry středového obrázku: 395 x 282 px



Krok 1

Pomocí šablony PSD pro skupinové menu stažené výše vytvořte dva obrázky požadovaných velikostí.

Krok 2

Ve své skupině přejděte na „Správa komunity“ (vpravo pod avatarem). Najděte položku „Materiály“ (na kartě „Informace“) a nastavte je jako „Omezené“.



Krok 3

Nyní se vraťte na hlavní stránku vaší skupiny a klikněte na „Upravit“ v bloku „Materiály“, který se objeví (již jsem jej přejmenoval na Group Menu).



Při úpravě stránky nastavte titulek, pomocí panelu nástrojů můžete vytvářet sekce nebo jakékoli jiné informace. Klikněte na „Uložit stránku“ a „Zpět na stránku“



Krok 4.



V mém příkladu https://vk.com/page-42211349_47355854,

První čísla 42211349 jsou vaše ID skupiny

Druhé číslice 47355854 jsou ID stránky

Trik: další stránky můžete vytvořit ručně. Chcete-li to provést, postupujte takto:
https://vk.com/pages?oid=-хххххххх&p=název stránky
Kde,
xxxxxxxxxx je vaše ID skupiny
pagename – název vaší stránky

Krok 5.



A zveřejnit příspěvek.

Krok 6.

Nyní nahrajte avatar skupiny (obrázek vpravo). Na zdi se objeví duplicitní obrázek avatara - smažte jej.

Krok 7

Nyní pozornost. Klikněte na DOBA PUBLIKACE PŘÍSPĚVKU (levý dolní roh příspěvku).



A klikněte na „Připnout“. Zavřete toto okno a obnovte stránku skupiny (F5).



Krok 8

Zapíšeme stav skupiny (použijte pouze 1 řádek), abychom zarovnali obrázky, pokud kresba na vašem avataru nezačíná úplně shora (v šabloně mého avatara, možnost 2). A tohle jsme dostali:



VÝSLEDEK.

Menu je připraveno! Nyní, když kliknete na centrální obrázek, otevře se vaše nabídka:



Zde jej můžete upravovat, zveřejňovat fotografie, videa, vytvářet nové sekce a zveřejňovat odkazy.

Můžete také vytvořit grafické menu (podmenu) uvnitř hlavního menu. Jeho šířka by neměla přesáhnout 600 px. Výška je neomezená. Což vám umožňuje vytvářet vynikající vstupní stránky VKontakte.



Ale o tom budu mluvit podrobněji v následujících článcích. Přihlaste se k odběru aktualizací blogu, abyste byli informováni o nových funkcích. Lajkujte a sdílejte článek se svými přáteli.

Své dotazy nebo názory pište do komentářů níže.

Propagace vlastního projektu (webu) na sociální síti je dnes oblíbenou a často ziskovou činností. Sociální síť je tím velmi „rybím“ místem, kde proud návštěvníků neustále proudí jako řeka. Můžete tak zvýšit uznání vlastního projektu zcela zdarma. Nejslibnější metodou propagace na sociálních sítích je podle mého názoru přidávání skupin VKontakte s jejich další propagací.

Proč potřebujete propojit nabídku?

I ve fázi vytváření skupiny VKontakte musíte předem vzít v úvahu, jak bude vypadat její „outfit“ a co přesně v něm bude zveřejněno. Koneckonců, hlavním cílem je shromáždit určité publikum do vaší skupiny...

Jak jste možná uhodli, nabídka VKontakte je jakýmsi „lákadlem“ pro skupinu, takže by měla být barevná a co nejzajímavější. V budoucnu vám může hrát do karet úspěšná grafika, která mnohonásobně znásobí vaši oblíbenost a úspěch. Kdo ví, třeba za rok budete s něhou vzpomínat, jak jste svou cestu s výzdobou právě začali. Myslíte si, že je to těžké? Vůbec ne, vyhraďte si jen pár hodin na vytvoření jedinečného menu!

K návrhu menu již vytvořené skupiny budete potřebovat neocenitelný program Photoshop a... Tento editor vytváří jedinečné obrázky. Pořiďte vhodný obrázek o šířce přibližně 380-385 pixelů (výška je počet položek v grafické nabídce vaší skupiny). Dále musíte otevřít obrázek pomocí Photoshopu a pomocí nástroje použít plánované položky nabídky na obrázek. Trocha fantazie při výběru písma neuškodí jeho barevná velikost, ale bez zajíždění do extrémů... Je na vás, abyste se rozhodli, zda obrázek oříznete či nikoli, pokud je dole prázdné místo. Pokud má obrázek smysl, nemusíte jej zkracovat.

Dalším krokem je rozdělení celého obrázku na několik malých. Jinými slovy, musíte obrázek rozdělit na předpokládané položky nabídky, ve kterých každá z nich po kliknutí na sebe přesměruje člena skupiny na jinou stránku atd. Pomocí nezměněné funkce „Cutting“ v editoru obrázků Photoshopu je možné rozdělit obrázek pro budoucí nabídku. Samozřejmě můžete použít hotové šablony, naštěstí nyní není nic složitého stáhnout si tu, která se vám líbí, a aplikovat ji.

Po „rozdělení“ všech obrázků byste měli mít několik obrázků, které je třeba nahrát do alba předem vytvořené skupiny. Nezapomeňte omezit přístup k albu, aby se menu náhodou nerozbilo. Stát se může cokoli... Nakonec přejděte na stránku pro úpravu nabídky (na stejné stránce!) a okamžitě se řiďte tímto doporučením.

Přejděte tedy do skupiny a naproti nápisu „Nejnovější zprávy“ klikněte na nabídku „Upravit“. V okně, které se objeví, budete muset vložit značkovací kód wiki. Pro grafické menu by tento kód vypadal následovně:

[], kde

nopadding – vkládá se tak, aby naše nabídka neobsahovala mezery;

Když se jeden takový řádek vloží do editačního okna wiki markup, okamžitě se objeví první položka našeho grafického menu, ale bude pouze první! Chcete-li provést úplný postup pro přidání všech položek grafické nabídky naší skupiny VKontakte, budete muset výše uvedený kód vložit tolikrát, kolik obrázků jsme původně připravili. Podle toho bude pokaždé odkaz na fotku (náš obrázek) jiný a cesta se bude také lišit od předchozí.

Po dokončení celého procesu vkládání a úpravy odpovídajících wiki kódů značek potvrdíme naše změny tlačítkem „Uložit“ a samozřejmě si prohlédneme nově vytvořené mistrovské dílo – grafické menu skupiny VKontakte.

Příklady designu populárních skupin VKontakte

Příklady, jak navrhnout skupiny VKontakte, mohou být uvedeny hodiny. Pro milovníky zvířat to vypadá například takto:

a pro fanoušky populárních online her CS to bude takto:

Oblíbené jsou také skupinky všemožných smíchů nebo vtipné zabijácké komiksy. Jedním slovem, každému podle svého!

Stručné informace o označování wiki

Jak již víte, označení wiki VKontakte, o kterém jsem psal o něco dříve () je jakýsi systém pro úpravu stránek ve skupinách a který je podpořen popisy novinek. Značení umožňuje členům skupiny kolektivně vytvářet nespočet stránek s křížovými odkazy. Ve skupinách můžete vytvářet miniencyklopedie a dokonce celé knihovny a také si vyměňovat různé odkazy na fotografie a videa.

Pokud opravdu chcete zvládnout vědu vytváření multifunkčních a barevných kontaktních skupin, připojte se ke skupině: http://wiki.vkontakte.ru/, která obsahuje „tuny“ užitečných informací... Navíc nainstalovaná aplikace bude výborným rádcem http://vkontakte.ru/app1755280 , kde jsou prezentovány vynikající videonávody na značení wiki.

Vytvářejte „živá“ grafická menu s originálním designem.

Krásný design komunity VKontakte není rozmar, ale důležitý prvek, který buduje důvěru uživatelů ve vás a vaši společnost. Pokud je veřejná stránka nebo skupina navržena neprofesionálně, vaši potenciální klienti mohou zcela logicky dojít k závěru, že jste ve své práci stejně nedbalí. Abyste tomu zabránili, ujistěte se, že vaše stránka VKontakte je krásná, čistá a snadno použitelná. Jak to udělat? Přečtěte si níže.

Aktuální velikosti obrázků VKontakte

Před časem vývojáři sociální sítě VKontakte spustili nový design. To vedlo ke změnám ve velikosti a principech zobrazování obrázků. Poznámka, která bude uvedena níže, odpovídá všem inovacím a obsahuje velikosti, které jsou v tuto chvíli relevantní.

Nyní pojďme ke každému bodu podrobněji.

Velikost avatara VK

Minimální velikost avatara je 200 x 200 pixelů. Pokud se pokusíte nahrát obrázek, který je méně než 200 pixelů široký nebo dlouhý, zobrazí se tato chyba:

Maximální velikost avatara je 200 x 500 pixelů. V zásadě však můžete nahrát větší obrázky – až 7000 pixelů na každou stranu. Hlavní věc je, že poměr stran nepřesahuje 2 až 5.

Ukážu vám to na příkladu.

Mám obrázek. Jeho velikost: 200 x 800 pixelů (poměr 2 až 8). Při načítání nedochází k žádným chybám. Tento obrázek však stále nemohu použít, protože „Kontakt“ mi neumožňuje jej úplně vybrat.

Pokrýt

Velikost obalu pro plnou verzi webu je 1590 x 400 pixelů.

Pozor: v mobilní verzi a aplikacích se nezobrazuje plná verze krytu, ale pouze jeho část o rozměrech 1196 x 400 pixelů. Podívejte se, jak je oříznut v mobilní aplikaci:

Abyste tomu zabránili, umístěte hlavní prvky krytu v rozmezí 1196 x 400 pixelů.

Přiložené obrázky

V aktualizovaném designu Kontaktu byla pevně stanovena šířka kanálu novinek. To znamená, že obrázky připojené ke sloupku již nejsou roztažené, ale zůstávají tak, jak jsou. Pokud tedy chcete, aby váš obrázek zaplnil celý prostor v news feedu, jeho šířka musí být alespoň 510 pixelů. Nejlepší je, když se jedná o čtverec nebo obdélník v orientaci na šířku.

Zní to trochu zmateně :) Takže vám to ukážu na příkladu.

Řekněme, že máme čtvercový obrázek se stranami 510 pixelů. Pokud jej připojíme k našemu příspěvku, bude vypadat velmi dobře ve zpravodajském kanálu na všech zařízeních:

A takto vypadá horizontální obrázek v orientaci na šířku (šířka 510 pixelů):

Jak vidíte, čím užší je obrázek (na výšku), tím menší vypadá ve feedu smartphonu. Chcete-li to vidět, podívejte se na obrázek níže:

Je jasné, že rozdíl zde není nijak zvlášť kritický a uživatelé chytrých telefonů se stále budou dívat na váš obrázek, jen ve druhém případě budou o něco pohodlnější.

Obrázky pro příspěvky s odkazy

Všechna tato data pocházejí z kódu značky Open Graph:

Pokud není zadán Open Graph, je název převzat z metaznačky Title a obrázek z článku. Zároveň jej můžete snadno změnit – nebo pomocí speciálních šipek vybrat jiný obrázek z článku:

Nebo nahrajte svůj:

Minimální velikost obrázku, který můžete použít jako oznámení pro svůj článek, je 537 x 240 pixelů. Můžete však nahrát větší obrázky, pokud budou zachovány proporce.

Obrázek pro článek vytvořený v editoru

Velikost obrázku pro obálku článku vytvořeného v editoru je 510 x 286 pixelů. Je lepší, když je tmavá a víceméně jednobarevná, protože na světlém pozadí se ztrácí název článku a komunity.

Dobrý příklad:

Ne moc dobrý příklad:

Velikost fotografie a videa pro příběhy

Velikost fotografií je 1080 x 1920 pixelů. Velikost videa je 720 x 1280 pixelů.

Technické specifikace pro video nahrávky:

• až 15 sekund;
• ne více než 5 MB;
• kodek h.264;
• Zvuk AAC.

Příběhy musí používat fotky a videa ve vertikálním formátu.

Upozornění: příběhy jménem komunit mohou v současné době přidávat pouze velké komunity, pro které vývojáři VKontakte tuto funkci otevřeli. A to pomocí oficiální aplikace. To nelze provést z počítače.

Velikost obalu fotoalba

Velikost obrazu videa

1280 x 720 pixelů.

Wiki stránka

Šířka oblasti obsahu stránky wiki je 607 pixelů. Pokud nahrajete větší obrázek, automaticky se nahraje na šířku 400 pixelů. Příklad: Mám obrázek o rozměrech 1366 x 768. Pokud ho přidám na stránku wiki, bude to vypadat takto:

Chcete-li změnit velikost obrázku, musíte na něj kliknout a nastavit požadované hodnoty:

O tom, jak pracovat s wiki stránkami, se podrobně zmíním níže. Proto se zde tímto bodem nebudeme zabývat.

Jak zajistit, aby se obrázky VKontakte nezmenšovaly? Vliv pozadí a velikosti na kvalitu obrazu.

Pokud jste někdy zkoušeli nahrát obrázky VKontakte (nezáleží na tom, zda to byl obrázek avatara nebo jen fotografie z vašeho výletu), pravděpodobně už víte, že mají tendenci se zmenšovat. To je zvláště patrné na tmavém (a zejména červeném) pozadí a v případě, že obrázek není příliš velký. Příklad:

Jak zajistit, aby se kvalita snímků nezhoršila?

Aby se obrázek nezmenšil (nebo spíše nezmenšil, ale v mnohem menší míře), je nutné jej 2-3krát zvětšit, než je požadovaná velikost. Pokud například potřebujeme vytvořit avatara o rozměrech 200 x 500 pixelů, pořídíme snímek o rozměrech 400 x 1000 pixelů. Pokud potřebujete vytvořit menu o velikosti 510 x 400 pixelů, vezměte 1020 x 800.

Obrázek na tmavě modrém pozadí, který jsem ukázal těsně výše, má velikost 510 na 350. Udělal jsem ho dvakrát větší (1020 na 700) a uložil. Co z toho vyplynulo:

Jak to opravit? Odpověď je velmi jednoduchá – je potřeba zvolit jiné pozadí. Pixely jsou totiž vidět lépe na tmavém pozadí než na světlém. Pokud tedy chcete dosáhnout dokonalé kvality (ačkoli obrázek výše již vypadá docela normálně), musíte trochu změnit barevné schéma. Udělejte například pozadí bílé a text modrý:

Jak navrhnout záhlaví stránky

Záhlaví vaší veřejné stránky nebo skupiny je první věc, kterou uživatelé uvidí, když vás navštíví. Ve většině případů toto místo obsahuje navigační nabídku pro veřejné materiály, některé zajímavé příspěvky nebo důležitá oznámení. Podívejme se na příklady toho, jak různé společnosti tento prostor využívají.

Pokrýt

Není to tak dávno, co VKontakte představil aktualizaci - nyní můžete na stránky nahrávat velké a krásné obálky (1590 x 400 pixelů). Chcete-li to provést, přejděte do nastavení a klikněte na tlačítko "Stáhnout".

Na obálku můžete umístit cokoli, co chcete: od názvu a motta vaší společnosti po nejrůznější propagační akce, nabídky a dokonce i soutěže.

Doporučuji věnovat zvláštní pozornost možnostem dynamického krytu. Přečtěte si náš článek o tom, jak to funguje, k jakým účelům jej lze používat a s jakými službami jej lze nainstalovat.

Příklady dynamických krytů:

Obálka + popis komunity + odkaz na web

Některé společnosti konkrétně nepřipínají žádné příspěvky do záhlaví, aby uživatelé měli možnost přečíst si základní informace o stránce a okamžitě přejít na web.

Popis s hashtagy

Některé společnosti přidávají k popisu standardní stránky hashtagy, které ji charakterizují. Děje se tak proto, aby stránka měla jasnější relevanci a díky tomu byla výše ve vyhledávání relevantních dotazů. Upřímně řečeno, nevím, jestli tato metoda funguje nebo ne. Neviděl jsem žádné případy na toto téma, takže pokud někdo ví, byl bych vděčný, kdybyste mohli sdílet odkaz.

Připnutý příspěvek sdělující, o čem stránka je

Pokud chcete o své stránce říci podrobněji (s fotografiemi, odkazy a krásným rozložením), můžete do záhlaví připojit wiki příspěvek nebo článek vytvořený v editoru s jasným obrázkem na oznámení, který povzbudí uživatele klikněte na něj. Příklad takového příspěvku:

A toto vidí uživatel po kliknutí na odkaz:

Skupinové menu je otevřené

Otevřeným menu nazývám menu, které hned ukazuje, z jakých položek se skládá. To znamená, že obrázek oznámení wiki příspěvku zcela duplikuje jeho obsah. Uživatelé tak okamžitě vidí, co je uvnitř čeká. Ukážu vám to na příkladu.

Takto vypadá připnutý příspěvek v záhlaví stránky Flatro:

Skupinové menu je zavřené

Uzavřené menu je stejný wiki příspěvek jako v předchozím odstavci, pouze oznámení obsahuje obrázek bez položek menu. Obvykle na něj píšou: „Nabídka“, „Navigační nabídka“ nebo „Navigace ve veřejných materiálech“.

A toto vidíme, když na něj klikneme:

Mimochodem, stojí za zmínku, že to nejsou zdaleka jediné možnosti. Na tento obrázek si v podstatě můžete napsat, co chcete. Hlavní je, že uživatel na to chce kliknout a chápe, co ho poté čeká. Příklad:

Sloučené menu pro skupinu

Sloučené menu je, když obrázek na oznámení vašeho menu tvoří jeden obrázek s avatarem. Níže vám podrobně řeknu, jak si takové menu vyrobit, ale zatím se jen podívejte, jak krásně to vypadá.

GIF a avatar v jednom obrázku

Ale tato designová varianta klobouku mě opravdu potěšila. Automaticky přehrávaný GIF se spojí s avatarem do jediné kompozice a přitahuje pozornost uživatelů, i když na něm nejsou vůbec žádné informace.

Mimochodem, tento příklad jsem zahlédl ve skupině obchodníka SMM Sergeje Shmakova. Takže mu za ten nález děkuji :)

Skryté menu

Skryté menu je dostupné pouze pro skupiny (stránky tuto funkci nemají). Chcete-li jej zobrazit, musíte kliknout na příslušný odkaz. Výhodou této metody návrhu je, že uživatelé vidí hlavní informace o komunitě, a pokud chtějí použít nabídku, stačí udělat jedno kliknutí. Zde je však malá nevýhoda – ne všichni uživatelé o existenci této funkce vědí, takže vašemu menu může být věnována menší pozornost, než kdyby byla připnuta v horní části stránky.

Automatické přehrávání videa

Na konci listopadu 2015 se na sociální síti VKontakte objevila zajímavá novinka – jakmile uživatel navštíví vaši stránku, začne se automaticky přehrávat video připojené k záhlaví. Pomocí této techniky můžete upoutat ještě více pozornosti uživatelů (zejména těch, kteří vaši stránku navštívili poprvé) a zároveň nepopudit ty, kterým se nelíbí, že jim jejich obsah vnucuje, protože video se přehrává bez zvuku a prakticky neruší .

Jak přidat takové video do záhlaví vaší stránky?

K tomu je třeba splnit tři podmínky:

• Připojte video k příspěvku a připněte tento příspěvek na začátek komunity.
• Kromě videa by se k záznamu nemělo připojovat nic jiného. Volitelné pouze video a text.
• Video musí být nahráno na VKontakte – přehrávače třetích stran nejsou podporovány.

Příspěvek, který má hodně sdílení

Dalším způsobem, jak produktivně využít místo v záhlaví vaší stránky, je připnout na ni jeden z vašich nejúspěšnějších příspěvků – ten, který již získal a nadále získává velké množství lajků a sdílení. Proč to dělat, myslím, že každý chápe – čím více repostů, tím větší dosah, tím více odběrů stránka získává.

Oznámení o nových videích, albech, událostech

Prezentace nových produktů/služeb

Slevy a akce

Případy, recenze zákazníků

Reklama aplikací

Kreslí

Pravidla komunity

Odkazy na jiné sociální sítě

Neuvedl jsem všechny možnosti návrhu záhlaví. V zásadě můžete na svou titulní stránku a připnutý příspěvek umístit jakékoli informace: volná pracovní místa, oznámení, odkazy na nejprodávanější produkty atd. Neomezujte se tedy na výše uvedené příklady. Použijte svou představivost a použijte design své komunity k dosažení svých cílů.

Jaký by měl být avatar?

Avatar není jen krásný obrázek s logem vaší společnosti, ale také pracovní nástroj marketéra, kterým dosahuje svých cílů. Podívejme se podrobně na to, jak by to mělo být, abychom upoutali pozornost uživatelů a povzbudili je k provedení cílové akce. Začněme miniaturou.

Miniatura avatara

1. Text na miniatuře avatara by měl být dostatečně velký, aby se dal přečíst.







2. Text by neměl přesahovat miniaturu.







3. Uživatelé by měli rozumět tomu, co je na avataru zobrazeno.







4. Pokud je to možné, je lepší nepoužívat stock obrázky, protože často snižují důvěryhodnost společnosti.




5. Je nežádoucí, aby miniatura avatara byla příliš vybledlá a nudná, jinak se ztratí na pozadí jasnějších avatarů konkurentů.



6. Pokud chcete, aby váš avatar vypadal moderně, vytvořte jej v minimalistickém stylu: méně textu, stínů, přechodů a prvků, které nenesou žádnou sémantickou zátěž. Váš avatar by měl být co nejjednodušší a nejúhlednější. Tento styl je aktuálně trendy.







7. Pokud je vaším cílem upoutat pozornost uživatelů a odlišit se od ostatních avatarů ve feedu, budete muset zapojit svou fantazii. Přemýšlejte o tom, čemu sami věnujete pozornost, když hledáte zajímavé komunity? Opakovaně mě například přitahují avatary s hořícím světlem, které obvykle naznačuje, že přišla nová zpráva. Jedná se o velmi starou techniku, ale z nějakého důvodu na mě stále působí – až uvidím takové světlo, určitě na něm nechám svůj pohled.

Neříkám, že tato technika bude na vaší stránce fungovat. Pointa, kterou chci poukázat, je, že existuje mnoho, mnoho způsobů, jak vyniknout, stačí se zeptat sami sebe a být trochu kreativní. Zde je například další zajímavý nápad, který by mě samotného sotva napadl:

Avatar je černý kruh: velký a malý. Zdálo by se, proč to vůbec dělat? Když ale listujete seznamem komunit, takoví avataři přitahují pozornost, protože se velmi liší od všech ostatních.

Jaké informace lze umístit na miniaturu avatara?

I když je miniatura avatara velmi malá, může (a měla by) být použita k přilákání sledujících do vaší komunity. Jak to udělat? Podívejme se na několik možností:

Oznámení o novém produktu/službě/události

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

Telefonní číslo společnosti

Výhodné ceny

Doprava zdarma

Mimochodem, velmi často je informace o tom, že společnost poskytuje bezplatné doručení, přidána k samotnému názvu skupiny, takže uživatelé tomu budou určitě věnovat pozornost.

Sklad

Soutěže

Volná místa

Jaký by měl být samotný avatar?

Podíval jsem se, jaká by měla být miniatura avatara a jaký text by na ni mohl být umístěn. Nyní přejděme k samotnému avatarovi. Plná verze avatara se zobrazí pouze v komunitě, kde není nainstalován kryt. Právě pro takové případy jsem napsal tuto část. Jaký by tedy měl být avatar vaší komunity, aby uživatelé okamžitě pochopili, že vaše společnost přistoupila k vytvoření stránky zodpovědně a profesionálně.

1. Avatar musí mít vysokou kvalitu. Psal jsem o tom, jak toho dosáhnout trochu výš. Pro ty, kterým tato část unikla, řeknu krátce – velikost avatara by měla být 2-3x větší, než jste plánovali.
2. Je vhodné, aby byl avatar kombinován s nabídkou: mít stejné barevné schéma, mít stejné fonty, prvky atd. Díky tomu bude záhlaví vaší stránky vypadat úhledněji a profesionálněji. Příklad:
3. Samotný avatar a miniatura avatara se mohou lišit. Můžete například na svůj avatar nakreslit kruh, navrhnout jej tak, jak se vám líbí, vybrat tuto oblast jako miniaturu a navrhnout zbytek avatara v jiném stylu.




Další možností je rozdělit avatara na dvě části. Jeden je pro miniaturu a druhý je pro zbytek avatara.




4. Chcete-li povzbudit uživatele, aby se přihlásili k odběru vaší stránky nebo napsali zprávu zástupci společnosti, můžete umístit odpovídající výzvu k akci úplně dole v avataru a doplnit ji šipkou směřující k tlačítku.




5. Snažte se na svůj avatar nedávat příliš mnoho informací, jinak bude vypadat přetíženě a neupraveně. Přidejte do něj jen ty nejdůležitější body a ujistěte se, že mezi nimi je „vzduch“.

Jaké informace lze umístit na avatara?

V podstatě si na svého avatara můžete dát cokoli chcete. Na rozdíl od miniatury je zde opravdu prostor pro pohyb. Hlavní je to nezneužívat :)

Doména webu

Telefon/adresa/otevírací doba

Soutěže/propagační akce

Nejčastěji nakupované produkty/nové položky

Informace o doručení

Reklama v mobilních aplikacích

Hlavní výhody firmy/stránky/produktu atp.

Aktualizace sortimentu/nová kreativita atd.

Informace, že vaše komunita je oficiální

Informace o nadcházejících akcích

Adresy účtů v jiných sociálních sítích

Rozšířený popis stránky

Chlubí se

Obecně platí, že na svůj avatar můžete umístit naprosto jakékoli informace. Právě jsem zahrnul pár nápadů, abyste viděli, co dělají ostatní, a inspirovali se. Mějte na paměti základní doporučení: avatar by měl být vysoce kvalitní, písmo by mělo být velké a mezi prvky by mělo být více „vzduchu“.

Jak vytvořit bezproblémový avatar a menu

Chcete-li vytvořit sloučený avatar a nabídku, budete potřebovat Adobe Photoshop nebo jeho ekvivalent. Vysvětlím celý proces pomocí Photoshopu jako příklad. Tak jdeme.

1. Stáhněte si šablonu Photoshopu, kterou jsem speciálně připravil pro tento článek. V normální velikosti (nabídka – šířka 510 pixelů, avatar – 200) nebo zvětšená (nabídka – šířka 1020 pixelů, avatar – 400).
2. Otevřete obrázek, který chcete použít jako základ.
3. Zkopírujte ji, vložte do šablony a umístěte ji tak, jak byste ji chtěli vyříznout.

1. Přidejte efekty, text, grafiku atd.

1. Pokud nechcete ztratit část obrázku (v mezeře 50 pixelů), přesuňte jej doprava, jak je znázorněno na následujícím GIF:

1. Vyberte nástroj „Řezání“ a klikněte na tlačítko „Fragmenty podél vodítek“.

1. Odstraňte nepotřebné fragmenty (kliknutí pravým tlačítkem myši - „Odstranit fragment“) a upravte stávající (klikněte pravým tlačítkem myši - klikněte na prázdné místo - vezměte požadovanou oblast a roztáhněte ji na požadovanou velikost).

1. Přejděte do sekce "Soubor" a vyberte příkaz "Uložit pro web".

1. Přejděte do umístění, kam jste uložili obrázky (na plochu nebo do nějakého konkrétního adresáře) a najděte složku s názvem „Images“. Tady budou vaše obrázky. Teď už je zbývá jen vyplnit na stránce.

P.S. Výšku avatara lze změnit podle vašeho uvážení. Vzal jsem maximální velikost - 500 pixelů, ale vaše hodnota může být menší. Například jako na stránce „Wiki Markup“:

Jak používat widgety

Widgety jsou také součástí designu komunity VK. Pomocí nich může uživatel: zadat objednávku, přihlásit se k odběru newsletteru, zúčastnit se soutěže, číst a zanechat recenze, otevřít vyhledávání v komunitě, získat dárek, slevový kupón atd.

Zde je několik příkladů toho, jak vypadají widgety na stránce VKontakte:

Jak navrhovat obrázky pro příspěvky

Pokud jste webdesignér nebo máte umělecký vkus a smysl pro krásu, pak pro vás nebude těžké vymyslet firemní styl pro vaše obrázky. Zdá se mi však, že takoví lidé budou v tomto článku v menšině (já mezi ně mimochodem také nepatřím). Pojďme se proto na příkladech úspěšných firem podívat blíže, jak se to dělá.

Mimochodem, mějte na paměti, že téměř všechny známé společnosti VKontakte označují své obrázky, to znamená, že přidávají malé logo, adresu své stránky nebo vodoznak. To zvyšuje povědomí o značce a chrání vaše obrázky před kopírováním. Zda to stojí za to, si musí každý rozhodnout sám. Jediné, co bych chtěl poradit, je: pokud se tak rozhodnete, snažte se ujistit, že vaše logo není příliš světlé a nezabírá příliš mnoho místa, jinak na něj bude kladen veškerý důraz a obrázek bude ztrácí na atraktivitě.

Kde mohu získat dobré obrázky?

Na našem blogu máme na toto téma dobrý článek – „“. Všechny jsou zdarma, ale některé vyžadují registraci. Pokud nenajdete nic vhodného pro sebe, zkuste hledat podle klíčového slova + tapeta (nebo, pokud v angličtině, tapeta). Výsledkem tohoto typu požadavku jsou obvykle obrázky vysoké kvality. Zde je ale potřeba být obezřetný a zkontrolovat typ licence, jinak, pokud máte seriózní podnikání, můžete se dostat do problémů.

Co by měli dělat ti, kteří nevědí, jak pracovat ve Photoshopu?

Pokud jste nikdy nepracovali ve Photoshopu (ani v jiných grafických editorech) a ještě nejste připraveni věnovat čas jeho zvládnutí, můžete využít služby, které již mají hotové obrazové šablony pro různé sociální sítě:

1. Fotor.com

Poté na levé straně obrazovky vyberte šablonu, která nás zajímá. Vezměte prosím na vědomí, že pouze ty šablony, které nemají ikonu diamantu, jsou poskytovány zdarma.

Vložíme do šablony, vybereme levým tlačítkem myši, vybereme příkaz Vrstva (ikona sendviče) a klikneme Přesunout dolů. Tímto způsobem náš obrázek půjde na pozadí a všechny nápisy se na něj překryjí.

Poté změníme text, písmo, velikost písma, polohu nápisu atd.

Poté klikněte na ikonu diskety, vyberte název, formát obrázku, kvalitu a klikněte na tlačítko Přihlásit se ke stažení.

2. Canva.com

Další služba, která vám pomůže krásně navrhnout váš obrázek. Funguje na stejném principu jako předchozí. Zaregistrujte se do služby (můžete použít svůj Google+ účet nebo e-mail).

Vybíráme si obor činnosti. Přeskočíme krok, ve kterém budete požádáni o pozvání přátel. Dostaneme se do hlavní nabídky, kde vybereme příspěvek na Facebooku, pokud potřebujeme obdélníkovou fotku, nebo příspěvek na Instagramu, pokud je čtvercový.

Vyberte šablonu (pokud je šablona označena „FREE“, znamená to, že je zdarma), změňte text.

V případě potřeby nahrajte svůj obrázek, upravte rozměry, změňte text, font a polohu nápisu. Poté klikněte na tlačítko „Stáhnout“, vyberte formát obrázku a uložte jej do počítače nebo jiného zařízení.

Jak formátovat články v editoru

Nedávno VKontakte umožnilo psát články ve speciálním editoru. Chcete-li vytvořit článek, musíte kliknout na písmeno „T“:

Jak používat značky wiki

No a tady se dostáváme k nejzajímavějšímu a zároveň nejtěžšímu úseku. Možná se mezi čtenáři najdou lidé, kteří nevědí, co je označení wiki a slyší tento termín poprvé. Proto, speciálně pro vás, uvedu definici, kterou dává samotný „Kontakt“.

Wiki markup je značkovací jazyk, který se používá k formátování textu na webových stránkách (obvykle klasifikovaných jako wiki projekty) a umožňuje snadnější přístup ke schopnostem jazyka HTML. Na našem webu jsou wiki stránky dobrou alternativou k běžným příspěvkům a textové navigaci. Pokud potřebujete vytvořit velký článek s různým formátováním textu (tučné, podtržené, nadpisy atd.) nebo do něj přidat grafiku nebo jednoduše vytvořit barevné navigační menu pro vaši komunitu, je wiki nepostradatelná.

Stejně jako Wordpress (nebo jakýkoli jiný CMS) má HTML editor, pomocí kterého vytváříte články, Contact má svůj vlastní editor pro tvorbu a úpravu wiki stránek. Vypadá to takto:

Pomocí tohoto editoru se vytvářejí navigační nabídky a také články s obrázky, videy a zvukovými nahrávkami. Níže podrobně rozeberu, jak pracovat v tomto editoru, ale nejprve vás požádám o přidání dvou odkazů do záložek. Hodně vám pomohou při učení wiki značek.

Obal pro skupinu VKontakte je po redesignu novým designovým prvkem skupiny. Zdá se, že by mělo být snadné pořídit jeden snímek, ale zároveň je docela obtížné najít ten dokonalý.

Obálka VKontakte je jednou z prvních věcí, které lidé uvidí při návštěvě vaší skupiny. Proto je tak důležité udělat na návštěvníka dobrý dojem, zprostředkovat jasné pochopení tématu a zájmu skupiny.

V dubnu 2017 byl zpřístupněn komunitám. Jedná se o zcela novou funkci a vynikající příležitost k oživení (v doslovném slova smyslu) designu vaší skupiny za účelem zvýšení efektivity a dopadu propagace.

Z tohoto článku získáte tři věci:

• Velikost krytu pro skupinu VKontakte;
• Pokyny, jak vytvořit obálku VKontakte a jak vybrat perfektní obrázek;
• Příklady skupin s vysoce kvalitními obaly.

Jaká je velikost krytu pro skupinu VKontakte?

Optimální velikost obrázku pro obálku VKontakte se může lišit. Na počítačích je obrázek na obalu zobrazen na šířku 795 pixelů a 200 pixelů na výšku. Na mobilních telefonech se přizpůsobí úměrně šířce obrazovky. VKontakte však doporučuje nahrát obrázek o velikosti alespoň 1590x400 pixelů.

Poradenství: Pokud najdete obrázek, který se vám opravdu líbí, ale jeho proporce nejsou doporučené, stále jej můžete použít! Nahráním tohoto obrázku můžete vybrat viditelnou oblast a oříznout všechny nepotřebné části pomocí interních nástrojů VKontakte.

Při vývoji designu obalu mějte na paměti, že na mobilních zařízeních s šířkou obrazovky menší než 400 pixelů jsou okraje obrázku oříznuty na 196 pixelů a přibližně 83 pixelů zabírají systémové ikony telefonu. Zvažte pohodlí pro mobilní uživatele. Na VKontakte je jich většina.

Ujistěte se, že text na krytu je dostatečně čitelný na displeji mobilního telefonu, když se kryt přizpůsobí jeho šířce. Zkontrolujte také, zda důležité prvky na krytu nejsou zakryty ikonami nabídky a osobními zprávami.

Níže je vizuální příklad toho, jak kryt vypadá na počítači, a jsou uvedeny rozměry od okraje k aktivním prvkům skupiny.

Rozměry obalu VKontakte na počítači

Jak vytvořit kryt pro skupinu VKontakte

Pokud máte nějaké designérské dovednosti, vytvořte si vlastní obal od začátku pomocí softwaru, jako je Adobe Photoshop. Volba této cesty vám umožní vytvořit design vašeho podnikání tak, jak si ho představujete.

Pokud nechcete kupovat a učit se Photoshop, použijte online služby. Zde . V současné době je to nejoblíbenější služba.

Šablony titulků pro skupinu VKontakte

Abychom vám pomohli s vývojem designu, vytvořili jsme šablonu pro obálku skupiny ve VK (1590x400px).

Promluvme si o několika dalších podrobnostech o práci s naší šablonou:

• Když šablonu otevřete, uvidíte vzhled vašeho návrhu. Obálku nemusíte nahrávat do skupiny, abyste zhodnotili, jak vypadá.
• Chcete-li vytvořit vlastní obal, dvakrát klikněte na vrstvu „obálka“. Tím se dostanete dovnitř chytrého objektu.
• Poté můžete začít vytvářet, všechny velikosti jsou uvedeny uvnitř.

Tuto a další šablony si můžete stáhnout v článku:.

Vaše fotky

Chápeme, že každý nemůže být designérem. To ale neznamená, že ne každý může mít krásný obal komunity VK. Zde je několik míst, kam se můžete podívat, abyste si vytvořili záhlaví, a také několik tipů, jak ukázat, že tento přístup může mít pro vás a vaši firmu smysl.

Pokud je vaše skupina například o knihách, můžete vyfotit své police a použít tuto fotografii jako titulní. To naznačí, že máte rádi knihy, a můžete očekávat, že ostatní fanoušci knih budou na fotografii dobře reagovat.

vk.com/best_psalterium

Skladové fotografie

Pokud nemáte žádné osobní fotografie, které byste chtěli použít, hledejte je na fotoskladech (stránky s obrázky zdarma), kde najdete perfektní obrázek pro obálku komunity VK. Moje oblíbené stránky pro hledání krásných fotek jsou Unsplash a Pixabay.

Rád bych vás vyzval, abyste upravili/vylepšili všechny vybrané fotografie, aby byly osobnější. Využít můžete nástroje online editorů Fotor, Pablo nebo Canva. Pokud chcete, můžete své fotografie dokonce vylepšit pomocí těchto nástrojů. Vyberte si například jeden ze svých oblíbených citátů a přidejte jej přes fotografii.

Jak vybrat kryt

Nyní, když víme, jak vytvořit kryt pro skupinu VKontakte, je otázkou, jaký obsah pro ni vybrat? Existují fotky, které fungují lépe než ostatní?

Podívejme se na některé důležité body:

• Udržujte požadované rozměry obalu (1590px šířka a 400px výška);
• Vyberte vysoce kvalitní obrázky;
• Nepřetěžujte obraz vizuálními prvky;
• Vyberte obrázek pro obálku se zaměřením na obecný design skupiny VKontakte;
• Používejte obrázky, které jsou originální a relevantní k vaší značce.

Jaký typ obrázků lidi přitahuje

Zde jsou některé komponenty, díky kterým jsou obrázky podmanivé:

• Emoce: pocity nutí lidi jednat;
• Relevance: včetně toho, co vyhovuje zájmům vašeho publika;
• Barvy: výběr správných barev vede ke zvýšení konverzí;
• Typografie: Výběrem správného písma bude vaše zpráva jasná;
• Hashtagy a text: Najděte správná slova, která vyprovokují vaše publikum k cílové akci.

Tyto komponenty lze použít při vytváření krytu komunity VKontakte, aby se lidé cítili určitým způsobem nebo podnikli konkrétní kroky.

Například Coca-Cola používá společné červené logo na obálce s nápisem „chuť... cítit“ a jako pozadí šťastný pár držící drink. To je samozřejmě v naději, že přimějeme lidi, aby si v mysli vytvořili nějaké spojení, že pití koly znamená štěstí. A je to účinné!

vk.com/cocacola

Kam se lidé dívají?

Při vymýšlení dokonalého obalu může být zajímavé podívat se na nějaký výzkum. Podařilo se mi najít něco zajímavého k této problematice. Je v angličtině, ale stručně sdělím podstatu.

Bylo zjištěno, že pokud chcete upozornit na konkrétní prvek na obrázku, pak pomocí principu vizuální fronty pohled osoby na fotografii, která se na prvek dívá, nasměruje diváka na toto místo. To by mohl být zajímavý způsob, jak využít perspektivu člověka v obálce skupiny VKontakte.

Společnost Kissmetrics také zjistila, že přidání prvku, který „vyskočí“ do krytu, může být efektivní. Důležité je, že by měl existovat jeden takový prvek a jeden, který vyžaduje akci.

V níže uvedeném příkladu to Electronic Arts ví a dává lidem jasně najevo, že si mohou koupit novou hru FIFA17.

vk.com/easportsfifa

Myšlení mimo krabici

Obálky pro skupinu VKontakte se staly skvělým způsobem, jak se vyjádřit, způsobem, jak vyniknout. Zde je několik originálních způsobů.

Použití známé osobnosti při návrhu oblíbené veřejné stránky o startupech
Změna krytu pro zvláštní příležitosti, nadcházející události, propagační akce nebo svátky
Použití titulní stránky k odeslání lidí na váš web
Pochlubte se speciální nabídkou pomocí obalu
Návštěvníci jsou požádáni, aby se připojili ke skupině nebo napsali zprávu.

Příklady skupin s vysoce kvalitními obaly

Nyní, když víme, jak vytvořit dobrý kryt pro skupinu VKontakte, můžeme se podívat na některé stránky, které používají vysoce kvalitní a jednoduché obrázky. Doufáme, že v nich najdete nějakou inspiraci.

vk.com/adsnews
vk.com/wbrussia
vk.com/sci_one
vk.com/businessgazeta
vk.com/cds

Protože nyní děláme zakázkovou práci, budeme schopni odpovědět na vaše dotazy ohledně designu sociálních sítí, pokud je máte. Neváhejte je poslat na náš email nebo je napište přímo sem do komentářů. Společně dokážeme vytvořit perfektní kryt pro vaši skupinu VKontakte a zvýšit dopad vašeho úsilí o její propagaci.

Chcete ozdobit svou skupinu na VK (Vkontakte) a vytvořit pro ni jedinečnou hlavičku (obálku)? V tomto článku budu mluvit o tom, jaká by měla být velikost a formát, jak přidat hlavičku do VK a také zveřejním zdroj PSD (formát Photoshopu) šablony požadované velikosti.

Jak vytvořit záhlaví (obálku) pro skupinu ve VK?

Co je to klobouk ve skupině na VK? Jedná se pouze o obrázek, velikost 1590x400 a formát - JPG, GIF nebo PNG. Nachází se nahoře ve skupině VK a vypadá takto:

Krok 1. Vytvořte obrázek požadované velikosti.

Nejprve musíme vytvořit samotný obrázek, k tomu jsem použil Photoshop (Hotovou šablonu si můžete stáhnout ve formátu PSD). Otevřete Photoshop, z nabídky vyberte „Soubor“ -> „Vytvořit“.

Objeví se okno, kde je potřeba změnit rozměry obrázku, šířka bude 1590 px, výška 400. Barevné režimy lze ponechat ve výchozím nastavení. Klikněte na "OK"

Chtěl bych poznamenat, že obrázek může být větší, když přidáte obrázek, VK nabídne jeho oříznutí na velikost, kterou potřebuje. Nedoporučuji přidávat nic nad šířkou 400 px; VK ořízne část obrázku.

V důsledku toho získáme prázdný list o velikosti, kterou potřebujeme. Dále si nakreslíme, co chceme vidět v záhlaví a uložíme náš výtvor. Moje šablona vypadá takto:

Krok 2. Změňte záhlaví ve skupině VK.

Dále musíme nahrát náš obrázek do skupiny VK. Chcete-li to provést, přejděte do naší skupiny, v pravém horním rohu (pod avatarem skupiny) klikněte na „tři tečky“ (...), z rozbalovací nabídky vyberte „Správa komunity“.

Zobrazí se okno s výzvou k nahrání obrázku, klikněte na „Vybrat soubor“

Vybereme náš obrázek a objeví se okno s možností oříznutí obrázku, protože vše odpovídá požadovaným rozměrům, klikněte na „Uložit a pokračovat“

Ve výsledku se nám zobrazí hláška, že obal byl úspěšně načten, pak jednoduše jdeme do naší skupiny a obdivujeme výsledný efekt.

Záhlaví (obálku) můžete měnit, kolikrát chcete.

Vytvořili jsme tedy vlastní klobouk pro skupinu na VK.

Můžete si také vzít jednu z navrhovaných šablon v tomto článku: