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:

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;
Návod, 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 obálky 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ů.

Rada: Pokud najdete obrázek, který se vám opravdu líbí, ale jeho proporce nejsou doporučené, můžete jej stále 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. Výběr 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. Tady . 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).

Pojďme si promluvit 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:.

Tvé 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 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 zlepš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;
Relevantnost: 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í komunitního krytu 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 v 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 novou hru FIFA17 mohou koupit.

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 nějaké 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.

Předmluva...

Ahoj milí čtenáři, opět jsem 12 dní nepsala... Když se stanete poprvé v životě rodičem, změní se vaše preference časových možností ve prospěch být se svou milovanou dcerou... :)

Dnes jsem se rozhodl jít nad rámec svého blogu, abych pomohl mému blogu najít nové čtenáře. Rozhodl jsem se vytvořit veřejnou stránku na VKontakte, a tak začít socializovat svůj blog.

Proč veřejná a ne skupina VKontakte? Volba mezi veřejností a skupinou musí být učiněna před začátkem tvorby – pak to nebude možné. Jaký je rozdíl mezi veřejností a skupinou Stručně řečeno, skupina má pokročilejší funkce, zatímco veřejnost je stručnější a přehlednější. Takže zhruba na základě rozdílů ve funkčnosti by bylo možné porovnat skupinu VKontakte s fórem a veřejnou stránku s osobním blogem.

A také jsem si chtěl ujasnit definice nových západních konceptů propagace stránek na sociálních sítích. SMO (Social Media Optimization) je optimalizace webu/blogu na sociálních sítích a SMM (Social Media Marketing) je propagace webu/blogu na sociálních sítích.

Mimochodem, pojem public pochází z anglického public, což se překládá jako veřejnost, společnost, tzn. přístupné socializaci! 🙂

To je vše, dost předmluv, začínám vytvářet veřejnou stránku na VKontakte. Nastupování na vaši stránku VKontakte a klikněte na nabídku Moje skupiny.

Otevře se seznam mých skupin a v pravém horním rohu kliknu na nápis Vytvořit komunitu, objeví se cedule, ve které jsem vyzván k výběru Typ komunity: Skupina, Veřejná stránka nebo Událost.

Vyberu si veřejnou stránku, nebo jednodušeji řečeno veřejnou stránku. Pro propagaci zadávám jméno svého nového asistenta na sociální síti VKontakte — Blogujte na WordPress vlastníma rukama a klikněte na Vytvořit komunitu.

Následuje stránka - Vytvoření oficiální stránky, kde je potřeba vybrat, jaká je moje veřejná stránka. Vyberu web a souhlasím s pravidly VKontakte, potvrzuji, že jsem oficiálním zástupcem svého webu, a poté kliknu na Vytvořit stránku dole.

Dále kliknu na další nastavení níže, kde můžete autorizovat svůj Twitter účet, aby všechny publikace na mé veřejné stránce automaticky šly na můj Twitter. V nějakém století otevírám pro svůj blog dlouho zavedený, ale prakticky nepoužívaný Twitter. Povoluji to – nyní bude obsahovat více pravidelných záznamů! Nyní vyberu kategorii mé veřejnosti - Webové stránky. Přidám odkaz na svůj blog. Vyplňuji datum vytvoření svého blogu. Vše jsem prozatím dokončil se základním nastavením, můžete uložit. Technicky jsem dostal hotovou, fungující, ale zatím prázdnou veřejnou stránku.

Jak krásně navrhnout veřejnou stránku na VKontakte?

Přesouvám se k druhé důležité části mého dnešního pátrání – prázdnou veřejnou stránku je třeba zaplnit něčím, co přitáhne čtenáře. Nejprve jej ale musíte graficky navrhnout. Zdá se to snadné – vyberte a nahrajte fotku a je to.

Ale aby byla veřejná nebo skupina VKontakte krásná a atraktivní, musíte ovládat Photoshop na úrovni jednoduchého uživatele a znát pár triků - jak umístit obrázky do záhlaví veřejné skupiny nebo skupiny VKontakte.

Beru foťák, stavím ho na stativ, do ruky beru netbook a fotím další ->

Fotka se moc nepovedla... No a pro můj kreativní nápad se hodí právě takový nasvícený! 🙂 Načtu to do Photoshopu a opatrně se vystřihnu netbookem a stínem. Nebudu vysvětlovat, jak se mi ve Photoshopu pracovalo, není to moc zajímavé, pokud máte blog a Photoshop ještě neumíte, doporučuji se naučit, naštěstí zadáním vyhledávání “Photoshop tutoriály nebo Photoshop lekce” získáte mnoho velmi užitečných odkazů.

Udělám dva obrázky, jeden velký uprostřed záhlaví mé veřejné stránky Vkontekte. Tajemství je, jak vložit obrázek do záhlaví veřejné stránky nebo skupiny VKontakte??? Je to jednoduché! Hotový obrázek musíte vložit do nového příspěvku na zeď a publikovat.

A můj hlavní obrázek je načten, nyní načítám standardní boční obrázek... A moje veřejná stránka VKontakte nyní vypadá takto:

Můžete vidět a přihlásit se k odběru mé veřejné stránky ->

Obálka pro skupiny VKontakte se objevila již v roce 2016. Stala se alternativou k vertikálnímu avataru. Podle zástupců sociální sítě poskytují komunitní obaly více příležitostí pro kreativní experimenty. Na ně můžete umístit nejen atraktivní fotografie, ale také nápisy, logo a další výzvy k akci.

Díky tomuto materiálu se naučíte, jak vyrobit krásné a nezapomenutelné obaly pro skupinu VKontakte. Nemusíte ovládat složitosti grafických editorů, stahovat software a kupovat licenci. Výrazný design pro komunitu VKontakte lze snadno vytvořit pomocí bezplatných online nástrojů.

Doporučená velikost obalu pro skupinu VKontakte je 1590 × 400 pixelů. Vlastníci komunity však mohou používat grafiku v jiných velikostech. Například při prohlížení veřejné stránky z počítače se obal zobrazí ve velikosti 795x200 pixelů. Pro uživatele mobilních zařízení se záhlaví komunity přizpůsobí velikosti obrazovky.

Univerzální kryt, který se zobrazí rovnoměrně na počítačích i mobilních zařízeních.

Uživatelé chytrých telefonů vidí „oříznutou“ verzi komunitních krytů – po stranách je oříznuto 190–200 pixelů. Při vytváření grafiky pro veřejnou stránku VKontakte nezapomeňte na tuto funkci, jinak bude výzva k akci nebo logo odříznuto, což negativně ovlivní značku i konverzi.

Při vytváření krytu pro svou komunitu VKontakte jsem nebral v úvahu doporučení sociální sítě, takže na chytrých telefonech je kryt oříznutý.

Pokud jste vyfotili nebo našli ve fotobance obrázek, který dokonale popisuje vaši firmu, ale neodpovídá doporučeným velikostem VKontakte, nenechte se odradit. Takovou grafiku lze umístit i na obálku komunity – stačí určit viditelnou oblast a oříznout obrázek ve vestavěném editoru sociální sítě.

Co by mělo být na obálce komunity

Při vytváření „hlavičky“ pro skupinu VKontakte nezapomeňte, že by měla obsahovat pouze základní informace a nic nadbytečného. Pokud přijímáte klienty v kancelářích, nezapomeňte na obálce uvést adresy, telefonní čísla a otevírací dobu poboček. Pokud se chystáte prodávat veřejně nějaké zboží, například originální plyšové hračky, demonstrujte je v „záhlaví“.

Pokud si nejste jisti, jaké prvky umístit na obálku komunity, použijte následující příručku:

Titul. Nepřehánějte to s kreativitou. Potenciální předplatitelé by měli z názvu okamžitě pochopit, kde se nacházejí a jaké užitečné informace mohou získat z veřejné stránky.
Titulky. S jeho pomocí můžete název rozluštit nebo doplnit. Snažte se být ve své formulaci struční.
Logo. Pokud má vaše společnost krásné a kvalitní logo, umístěte ho do záhlaví skupiny. Tento prvek zvýší povědomí o vaší značce.
Kontaktní údaje. Na obálce skupiny můžete také uvést své telefonní číslo nebo e-mail. Pokud si například doručujete jídlo domů a vaše firma má jednotné telefonní číslo pro příjem objednávek, umístěte ho do záhlaví.
Fotografie podle cílového publika. Další způsob, jak sdělit budoucímu předplatiteli, že skupina pro něj bude užitečná. Před zveřejněním fotografie nebo obrázku se svou cílovou skupinou však nezapomeňte provést analýzu a nakreslit portréty potenciálních klientů.
Fotografie produktu. Pokud se chystáte prodávat produkty veřejně, použijte v záhlaví kvalitní fotografie produktů.

Abyste lépe pochopili, jak správně navrhnout obálku skupiny VKontakte, podívejte se na úspěšné a neúspěšné příklady.

Příklady dobrých a špatných obalů pro záhlaví skupiny VKontakte

Začněme úspěšnými příklady. Majitelé této veřejnosti odvedli skvělou práci s grafikou - obálka obsahuje název, podtitul, logo, kontaktní informace a výzvu k akci.

Další příklad vydařené obálky. „Záhlaví“ není zahlceno informacemi – obsahuje pouze název, logo a fotografie produktu. Podrobné informace o aktivitách komunity jsou zveřejněny ve statusu.

Lakonické, jednoduché a vkusné. Na obálce není nic nadbytečného. Všechny potřebné údaje - pracovní doba a pracovní rozvrh, adresa, kontaktní čísla - jsou uvedeny v informacích komunity.

Není to moc dobrý příklad krytí skupiny VKontakte. Ano, záhlaví obsahuje kontaktní čísla, název a podnadpis, logo a USP. Jen není zcela jasné, ve kterých městech společnost působí a jaké služby poskytuje. Ve stavu komunity také není žádné dekódování. Budoucí předplatitelé si budou muset přečíst text ve veřejných informacích, aby pochopili, zda potřebují služby společnosti nebo ne.

Další příklad špatné obálky. Správce komunity se rozhodl dát všechny informace do „hlavičky“ a skončil se smrtící směsí. U smartphonu je navíc kryt po stranách odříznut - uživatel neuvidí seznam se sortimentem, kontaktní informace a část loga.

Nyní, když zhruba chápete, jak vytvořit obal skupiny VK a co na něj umístit, je čas přejít k praxi. A s tím vám pomůže jednoduchý a bezplatný online editor Canva.

Chcete-li vytvořit obálku v , nemusíte procházet zdlouhavým registračním procesem nebo kupovat licenci. K přihlášení můžete použít svůj účet Google nebo facebookový profil.

Krok 1.Jakmile se přihlásíte do Canva, začněte vytvářet svůj obal. To lze provést dvěma způsoby - ručně s uvedením velikosti „čepice“. Když kliknete na tlačítko „Vytvořit obálku skupiny VK“, Canva otevře novou šablonu s doporučenými rozměry – 1590x400 pixelů – a možnostmi rozvržení.

Krok 2.Pokud nevíte, co na obal, experimentujte s volnými rozvrženími. Vyzkoušejte možnosti obálky, zkuste změnit barvu pozadí, umístění nápisů, rámečků a log.

Krok 3Chcete-li změnit pozadí obalu, nahrajte svůj obrázek do editoru kliknutím na ikonu „Stahování“ a kliknutím na tlačítko „Nahrát vlastní obrázky“.

Po nahrání obrázku do služby klikněte na obrázek. „Spadne“ na vrchol designu. Chcete-li z něj vytvořit pozadí, podržte levé tlačítko myši a přetáhněte obrázek dolů. Pokud nejste spokojeni s viditelnou oblastí na obálce, dvakrát klikněte na pozadí a posuňte obrázek požadovaným způsobem. Kliknutím na značku zaškrtnutí nahoře uložíte změny.

Krok 4.Chcete-li na obálku přidat text, klikněte na ikonu „Text“ a seznamte se s typy nápisů a fontů.

Pro jakýkoli nápis můžete definovat font, velikost, barvu, písmena a řádkování. Nebojte se experimentovat – všechny změny lze jednoduše odstranit pomocí kombinace kláves Ctrl+Z.

Krok 5.Když je obal připraven, uložte obrázek kliknutím na tlačítko „Stáhnout“ v horní části nabídky.

Služba nabídne výběr formátu - PNG, JPG a PDF (standardní i pro tisk). Pro VKontakte je lepší použít první dva formáty.

Stačí kliknout na tlačítko „Stáhnout“ a za pár sekund bude hotový obal na vašem počítači.

Evgenia Kryuková

* Aktualizace článku.

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? Čtěte níže.

Nemáte čas nebo chuť porozumět tématu? Objednejte si design sociálních sítí od TexTerra. Vypracujeme pro vás jednotný koncept a poskytneme hotové šablony ve formátu .psd.

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 obrázky větší velikosti - 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 vybrat jiný obrázek z článku pomocí speciálních šipek:

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 název článku a komunity se na světlém pozadí ztrácí.

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.

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:

Nová nabídka odkazů

Není to tak dávno, co vývojáři VKontakte konečně potěšili vlastníky komunit novým nástrojem, pomocí kterého můžete vytvářet menu – rychle a bez jakýchkoli potíží s wiki stránkami. Vypadá to poněkud primitivně, takže vám také řeknu, jak vytvořit krásné menu.

Nabídka se zobrazí automaticky, pokud používáte komunitní aplikace nebo máte připojený obchod. Například na předchozím obrázku jsou všechny tři položky nabídky odkazy na aplikace. Sem můžete přidat ten svůj - u důležitých příspěvků, alb, diskuzí atd. až 7 kusů (aplikaci nepočítám). Můžete však odkazovat pouze na zdroje v rámci sociální sítě, kromě stránek wiki.

Chcete-li upravit nabídku, klikněte na „Přizpůsobit“ v pravém horním rohu widgetu:

Chcete-li přidat položku nabídky, klikněte na Nový odkaz.

V okně, které se otevře, vyberte titulní obrázek (minimální velikost – 376x256 px), zadejte název položky nabídky (je důležité dodržet 20 znaků s mezerami), přidejte odkaz a klikněte na „Uložit“.

Pokud chcete skrýt aplikaci z nabídky, změnit její název nebo obálku, klikněte na „Upravit“ vedle příslušné položky. Totéž lze provést s dalšími odkazy, které byly přidány ručně a vyžadují úpravy.

Výstup by měl být něco takového:

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á.

Chcete krásně navrhnout svou komunitu VKontakte, ale nemáte potřebné dovednosti? Objednejte si registraci u naší společnosti. Připravíme pro vás avatara, obálku, šablony nadpisů, menu a náhledy produktů.

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í

Praktické vtipy

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, aby upoutal pozornost uživatelů a povzbudil je k provedení cílové akce. Začněme miniaturou.

Miniatura avatara

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

Text by neměl přesahovat miniaturu.

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

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

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

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.

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? Nejednou mě například upoutali avataři 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 jí uživatelé budou určitě věnovat pozornost.

Skladem

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ě.

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.
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:

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.

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.

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 mohli se inspirovat. 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 pojďme.

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).
Otevřete obrázek, který chcete použít jako základ.
Zkopírujte ji, vložte do šablony a umístěte ji tak, jak byste ji chtěli vyříznout.

Přidejte efekty, text, grafiku atd.

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

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

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).

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

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:

class="incut">

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í.

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.