Obal pro šablonu psd skupiny VKontakte. Obal pro skupinu ve VK: cíle, použití, technické body

Chcete ozdobit svou skupinu ve 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 záhlaví do VK, také zveřejním zdroj PSD (formát photoshop) šablony požadované velikosti.

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

Co je to klobouk ve skupině ve VK? Je to jen obrázek, velikost a formát 1590×400 – JPG, GIF nebo PNG. Nachází se nahoře ve skupině VK, 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 (Můžete si stáhnout hotovou šablonu ve formátu PSD). Otevřete Photoshop, vyberte "Soubor" -> "Vytvořit" ("Soubor" -> "Vytvořit").

Objeví se okno, kde je potřeba nastavit rozměry obrázku, budeme mít šířku 1590 px, výšku 400. Barevné režimy lze standardně ponechat. Klikněte na "OK"

Chci poznamenat, že obrázek může být větší, při přidávání obrázku VK sám nabízí oříznutí na velikost, kterou potřebuje. Nad šířkou 400 px nedoporučuji nic přidávat, VK část obrázku ořízne.

V důsledku toho získáme prázdný list o velikosti, kterou potřebujeme. Následně si nakreslíme, co chceme v záhlaví vidět a svůj výtvor uložíme. 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é velikosti, klikněte na "Uložit a pokračovat"

Ve výsledku se nám zobrazí zpráva, že obal byl úspěšně načten, pak už jen jdeme do naší skupiny a obdivujeme efekt.

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

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

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

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

Proč potřebujete připojit menu

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

Jak už asi tušíte, nabídka VKontakte je jakousi „návnadou“ – háčkem do skupiny, takže by měla být barevná a co nejzajímavější. V budoucnu vám může hrát do karet dobrá grafika, která mnohonásobně znásobí vaši popularitu a úspěch. Kdo ví, třeba za rok budete s něhou vzpomínat, jak jste svou cestu s registrací právě začali. Myslíte si, že je to těžké? Vůbec ne, na vytvoření jedinečného menu si vyhraďte jen pár hodin!

K návrhu menu již vytvořené skupiny budete potřebovat neocenitelný program Photoshop a vy .... Tento editor vytváří jedinečné obrázky. Pořídíme vhodný snímek o šířce cca 380-385 pixelů (na výšku - počet položek v grafickém menu vaší skupiny). Dále musíte otevřít obrázek pomocí Photoshopu a pomocí nástroje aplikovat plánované položky nabídky na obrázek. Trocha fantazie při výběru písma, jeho velikost, barvy nepřekáží, ale bez extrémů... Ořízněte či neořízněte obrázek, pokud je dole prázdné místo, je to na vás. Pokud je obrázek smysluplný, nelze jej zkrátit.

Dalším krokem je rozdělení celého obrázku na několik menší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. Obrázek pro budoucí nabídku je možné rozdělit pomocí nezměněné funkce "Vnoření" v editoru obrázků Photoshop. 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 „sdílení“ všech obrázků byste měli mít několik obrázků, které musíte nahrát do alba předem vytvořené skupiny. Nezapomeňte omezit přístup k albu, aby se nabídka náhodně „nerozbila“. Stát se může cokoliv... Nakonec přejděte na stránku pro úpravu menu (na stejné stránce!) a bez prodlení 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 bude tento kód následující:

[], kde

nopadding - vloženo tak, aby naše nabídka neobsahovala mezery;

Když se jeden takový řádek vloží do editačního okna značkovací wiki, první položka našeho grafického menu se nebude objevovat pomalu, 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 vložit výše uvedený kód tolikrát, kolik obrázků jsme původně připravili. V souladu s tím bude pokaždé odkaz na fotografii (náš obrázek) jiný a cesta bude také odlišná od předchozí.

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

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

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

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

Populární lze nazvat i skupiny všemožných různých mixérů nebo cool zabijáckých komiksů. 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 druh redakčního systému pro stránky ve skupinách, který je podporován popisy novinek. Označ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 i celé knihovny a také si vyměňovat různé odkazy na fotografie a videa.

Pokud opravdu chcete zvládnout vědu o vytváření multifunkčních a barevných skupin v kontaktu, 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 , který poskytuje vynikající videonávody na značení wiki.

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

Čím lépe je vaše skupina navržena, tím více pozornosti může přitáhnout. Pokud jde o spolupráci s komerční komunitou, design by měl být propracován důkladně. Faktem je, že krásný design skupiny VKontakte zvyšuje důvěru v komunitu ze strany předplatitelů a také zvyšuje konverzní poměr pro nové členy. V článku se dozvíte, co to je. Noví členové se rovnají novým objednávkám a prodeji. Více lidí znamená více peněz.

Jedním z příkladů, jak změna designu ve skupině zvýšila nárůst odběratelů, je veřejnost věnovaná zdravému stravování – vk .com/goodiet. Jsou zde zveřejňovány různé recepty pro sportující a hlídající si jídelníček.

V současné době má komunita více než 360 000 odběratelů. V počátečních fázích vývoje administrativa skupiny nevěnovala příliš pozornosti designu svého webu.

Komunita se rozvinula prostřednictvím zveřejňování šťavnatých fotografií a správných článků, stejně jako prostřednictvím reklamy na jiných publikách. Zde je příklad vkusně navrženého obsahu z jejich skupiny.

vk.com/goodiet - Jedná se o vynikající kuřecí řízky ze zelí. Užitečná výživa pro sport.

Průměrné náklady na předplatitele byly pravděpodobně 3-4 rubly. Po dosažení prvních 50 000 účastníků se administrátoři rozhodli změnit svůj design a objednali od designérů obal a avatara.

Díky tomu se zvýšilo procento konverze na předplatitele a také se snížila cena na účastníka na 1,5 rublů.

Návrh skupiny

Než začnete navrhovat svou komunitu, musíte vědět, co je součástí návrhu skupiny.

Pokrýt

Jeden z hlavních designových prvků. Obal dává první dojem z kapely. Proto je důležité věnovat jeho tvorbě velkou pozornost.

Návrh skupinového avatara

Druhý nejdůležitější designový prvek. V novém designu obalu je avatar téměř neviditelný. To ale neznamená, že byste se s jeho tvorbou neměli obtěžovat.

Když kliknete na ava, otevře se v novém okně v plné velikosti.

Pokud použijete klasický styl vzhledu bez obalu, zobrazí se avatar takto:

Návrh menu

Velmi užitečný nástroj pro navigaci veřejnosti. Velmi často se používá v komerčních skupinách nebo komunitách, které potřebují kategorizovat obsah. Například menu je velmi užitečné ve veřejných knihách.

Produktové karty

Používá se u veřejnosti prodávající zboží nebo služby.

K dnešnímu dni používá nový formát obalu 90 % skupin. Pokud jste také dali přednost tomuto stylu, pak věnujte velkou pozornost vytvoření krásného krytu.

Jak změnit design skupiny VK?

Nejprve se rozhodněte, které prvky budete měnit.

Pokud chcete nainstalovat nový kryt, přejděte do nabídky správy komunity.

V okně „Základní informace“ klikněte na tlačítko „Stáhnout“ vedle části „Obálka komunity“.

Po nastavení obalu přejdeme k přidání nového avatara. Chcete-li to provést, přesuňte kurzor myši nad oblast avatara a klikněte na tlačítko stahování.

Vyberte požadovanou fotografii z počítače.

Chcete-li nastavit obrázek na kartě produktu, musíte je nejprve povolit v nastavení komunity.

Chcete-li to provést, přejděte do sekce správy a otevřete nabídku "Sekce".

V nabídce, která se otevře, zapněte sekci produktů.

Nastavte obrázek.

Optimální rozměry

Obal - 1590 x 400 pixelů.

Avatar – 200 x 200 pixelů.

Banner pro menu - 510 x 510 pixelů.

Obrázek na kartě produktu je 834x834 pixelů.

Hotové šablony pro obaly a avatary pro navrhování skupin VKontakte

Pokud nechcete trávit čas vytvářením designu a peněz pro návrháře, můžete si stáhnout šablony pro nový design skupin Vkontakte ve formátu psd.

Zvažte 5 nejoblíbenějších webů, kde můžete najít šablony:

1. FreePSD. Public VK, jehož autor umísťuje šablony skupinových návrhů ke stažení zdarma. Zde si můžete stáhnout zdroje psd pro nejoblíbenější témata a změnit je tak, aby vyhovovaly vašemu stylu.

1. Vy-PS.en. Web, který hostuje bezplatné šablony obálky, avatary a nabídky pro Vkontakte. Také zde najdete podrobné návody na práci se zdrojovými soubory ve Photoshopu.

1. Erohovec.en. Velký výběr šablon pro nový design Vkontakte pro nejoblíbenější témata.

1. Všechno-Pro-Vkontakte. Stránka poskytuje obrovský výběr obrázků pro menu, avatary a bannery.

1. Volný, uvolnitpsd šablony. Další veřejnost VKontakte, kde jsou pravidelně zveřejňovány šablony pro obálky, bannery, avatary a příspěvky.

Úprava šablony

Po stažení šablon návrhů musíte pochopit, jak je upravit. K tomu potřebujeme program Photoshop, protože právě ona pracuje s formátem psd.

Spusťte Photoshop, otevřete nabídku "Soubor" a vyberte "Otevřít".

Otevřete požadovaný zdroj z počítače.

Protože používáme šablonu, stačí změnit pouze textové prvky.

Chcete-li to provést, vyberte nástroj s ikonou "T" a klikněte na některý z textových prvků.

Zadejte svůj text.

Příklad vytvoření banneru.

Po úplném dokončení úprav uložte výsledek ve formátu png nebo jpg.

Chcete-li to provést, otevřete nabídku "Soubor" a klikněte na "Uložit jako ...".

V okně, které se otevře, změňte typ souboru z psd na ten, který potřebujete.

Možné problémy

Při vytváření návrhu můžete zaznamenat potíže, takže při práci s návrhem skupiny musíte zvážit možné problémy.

Špatná kvalita obrazu

Velmi častým problémem je, když uživatelé při vytváření avatara nebo obalu používají obrázky s nízkým rozlišením a roztahují je na optimální velikost. Zkuste jako hlavní fotografii na pozadí použít fotografie s rozlišením 1280x720 pixelů nebo vyšším.

Nedostatek nápadů

Pokud nevíte, jak navrhnout komunitu, podívejte se na pár příkladů konkurentů. Zkuste načerpat inspiraci a najít zajímavá designová řešení. Hlavní věcí není kopírovat všechny jejich prvky, protože jakýkoli design by měl být jedinečný.

Výsledek

V důsledku toho stojí za zmínku, že design skupiny VK je nejdůležitější součástí propagace. Krásný design může zvýšit úvodní konverze a také zvýšit důvěru předplatitelů.

Pro vytvoření kvalitního obalu, avatara nebo menu není nutné hledat pomoc profesionálního designéra, vždy můžete použít bezplatné šablony.

Krásný design komunity VKontakte není rozmar, ale důležitý prvek, který utváří 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ě, mohou vaši potenciální zákazníci zcela logicky usoudit, že jste ve své práci také 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.

Skutečné velikosti obrázků "VKontakte"

Před časem vývojáři sociální sítě VKontakte spustili nový design. To vedlo k tomu, že se změnily velikosti a principy zobrazování obrázků. Poznámka, která bude uvedena níže, odpovídá všem inovacím a obsahuje rozměry, které jsou v daném okamžiku relevantní.

Nyní se na jednotlivé položky podíváme blíže.

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ě ale můžete nahrát větší obrázky – až 7000 pixelů na každou stranu. Hlavní věc je, že poměr jejich stran nepřesahuje 2 ku 5.

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

Mám obrázek. Jeho velikost: 200 x 800 pixelů (poměr 2: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ů.

Upozornění: v mobilní verzi a aplikacích se nezobrazuje plná verze obalu, ale pouze jeho část o velikosti 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 "Kontakt" 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, musí být široký alespoň 510 pixelů. Nejlepší je, aby to byl čtverec nebo obdélník v orientaci na šířku.

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

Řekněme, že máme čtvercový obrázek se stranami 510 pixelů. Pokud jej připneme k našemu příspěvku, bude vypadat skvěle 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 ověřit, podívejte se na obrázek níže:

Je jasné, že rozdíl zde není nijak zvlášť kritický a uživatelé smartphonů budou stále brát v úvahu 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 jsou převzata 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 je převzat 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 vlastní:

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 je dodržen poměr stran.

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é barvy 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ů.

Specifikace pro nahrávání videa:

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

V příbězích musíte použít fotky a videa ve vertikálním formátu.

Vezměte prosím na vědomí: v tuto chvíli mohou příběhy jménem komunit přidávat pouze velké komunity, pro které vývojáři VKontakte tuto funkci otevřeli. A to pomocí oficiální aplikace. Nelze to provést z počítače.

Velikost obalu fotoalba

Velikost obrazu videa

1280 x 720 pixelů.

Wiki stránka

Oblast obsahu wiki je široká 607 pixelů. Pokud nahrajete větší obrázek, automaticky se načte o šířce 400 pixelů. Příklad: Mám obrázek o rozměrech 1366 x 768. Pokud jej přidám na stránku wiki, vypadá takto:

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

Jak pracovat s wiki stránkami, popíšu podrobně 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 na VKontakte (ať už 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 patrné zejména na tmavém (a zejména červeném) pozadí a při nepříliš velkém obrázku. Příklad:

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

Aby se obrázek nezmenšil (přesněji se zmenší, ale v mnohem menší míře), je nutné jej 2–3x zvětšit, než je požadovaná velikost. Pokud například potřebujeme vytvořit avatara o velikosti 200 x 500 pixelů, pořídíme snímek o velikosti 400 x 1000 pixelů. Pokud potřebujete vytvořit nabídku o velikosti 510 x 400 pixelů, vezmeme - 1020 x 800.

Tmavě modrý obrázek, který jsem zveřejnil výše, je 510 x 350. Udělal jsem jej dvakrát větší (1020 x 700) a uložil. Vyplynulo z toho toto:

jak to opravit? Odpověď je velmi jednoduchá – je potřeba zvolit jiné pozadí. Pixely jsou totiž na tmavém pozadí vidět lépe 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ů je na tomto místě umístěno navigační menu založené na veřejných materiálech, některých zajímavých příspěvcích nebo důležitých oznámeních. Podívejme se na příklady, 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é obaly (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: 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 krytí. Přečtěte si náš článek o tom, jak to funguje, k jakým účelům jej lze použít a s jakými službami jej nainstalovat.

Příklady dynamických krytů:

Obálka + popis komunity + odkaz na stránky

Některé společnosti konkrétně neopravují žádné příspěvky v 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í ke standardnímu popisu 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ů. Abych byl upřímný, nevím, jestli tato metoda funguje nebo ne. Případy na toto téma jsem neviděl, takže pokud někdo ví, budu vděčný, když nasdílíte odkaz.

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

Pokud chcete o své stránce mluvit 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ý uživatele povzbudí, aby Klikněte na to. Příklad takového příspěvku:

A zde je to, co uživatel uvidí po kliknutí na odkaz:

Otevře se nabídka skupiny

Otevřenému menu říkám takové menu, které hned ukazuje, z jakých položek se skládá. To znamená, že obrazové oznámení příspěvku na wiki 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 zavřeno

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íší: „Nabídka“, „Navigační nabídka“ nebo „Navigace ve veřejných materiálech“.

Když na něj klikneme, uvidíme:

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

Skupinové menu

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

GIF a avatar v jednom obrázku

Ale tento design klobouku mě opravdu hodně zaujal. Automaticky hrající 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 viděl ve skupině obchodníka SMM Sergeje Šmakova. Takže děkuji za nález :)

Skryté menu

Skryté menu je dostupné pouze pro skupiny (stránky takovou funkcionalitu 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é si jsou vědomi existence této funkce, 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 vstoupí na vaši stránku, automaticky se spustí video připojené k záhlaví. Pomocí této techniky můžete upoutat ještě větší pozornost uživatelů (zejména těch, kteří vaši stránku navštívili jako první) a zároveň neobtěžovat ty, kteří nemají rádi, když je jim vnucován jejich obsah, protože video se přehrává bez zvuku a prakticky neruší .

Jak přidat toto 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 k záznamu nemělo být připojeno nic dalšího. Volitelné pouze video a text.
• Video musí nahrát VKontakte – přehrávače třetích stran nejsou podporovány.

Příspěvek, který má spoustu repostů

Dalším způsobem, jak produktivně využít prostor v záhlaví vaší stránky, je připnout na ni jeden ze svých nejúspěšnějších příspěvků – takový, který již získal a stá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ší pokrytí, tím více odběrů stránka získává.

Oznámení o nových klipech, 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ě

Vyjmenoval jsem zdaleka ne všechny možnosti designu čepice. Ve skutečnosti můžete na obálce a v připnutém příspěvku zveřejňovat jakékoli informace: pracovní místa, oznámení, odkazy na nejprodávanější produkty atd. Neomezujte se tedy na výše uvedené příklady. Zapněte 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ší firmy, ale pro obchodníka pracovní nástroj, se kterým dosahuje svých cílů. Pojďme se blíže podívat na to, jak by to mělo být, aby upoutal pozornost uživatelů a povzbudil je k dokončení cílové akce. Začněme miniaturou.

Miniatura avatara

1. Text na miniatuře avatara musí být dostatečně velký, aby byl čitelný.







2. Text nesmí přesahovat miniaturu.







3. Uživatelům by mělo být jasné, co je zobrazeno na profilovém obrázku.







4. Pokud je to možné, je nejlepší nepoužívat obrázky z akcií, 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 žádný sémantický význam. Váš avatar by měl být co nejjednodušší a nejúhlednější. Tento styl je momentá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 zapnout fantazii. Přemýšlejte o tom, na co si sami dáváte pozor při hledání zajímavých komunit? Tady mě například vícekrát zaujaly avatary s hořícím světlem, které většinou značí, že přišla nová zpráva. Jde 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 oči.

Neříkám, že tento trik bude fungovat i na vaší stránce. Pointa, kterou chci zdůraznit, je, že existuje tolik způsobů, jak vyniknout, stačí si položit otázku a být trochu kreativní. Zde je například další zajímavý nápad, který by mě jen stěží 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

Ačkoli 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 společnosti/služby/stránky

Telefonní číslo společnosti

Výhodné ceny

Doprava zdarma

Mimochodem, velmi často se k názvu samotné skupiny přidává informace o tom, že společnost poskytuje dopravu zdarma, takže tomu budou uživatelé určitě věnovat pozornost.

Skladem

Soutěže

Pracovní místa

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

Zvažoval jsem, jaká by měla být miniatura avatara a jaký text na ni lze umístit. Nyní přejděme k samotnému avatarovi. Plná verze avatara se zobrazí pouze v komunitě, která nemá nastavenou obálku. Právě pro takové případy jsem napsal tuto část. Jak by tedy měl vypadat váš komunitní avatar, aby uživatelé okamžitě pochopili, že vaše společnost přistoupila k tvorbě stránky zodpovědně a profesionálně.

1. Avatar musí mít vysokou kvalitu. O tom, jak toho dosáhnout, jsem psal o něco výše. Pro ty, kterým tato část unikla, řeknu ve zkratce – velikost avatara by měla být 2-3x větší, než jste plánovali.
2. Je žádoucí, aby byl avatar kombinován s nabídkou: být stejného barevného schématu, mít stejné fonty, prvky atd. Díky tomu bude vaše záhlaví 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 avatara nakreslit kruh, upravit jej podle libosti, vybrat tuto oblast jako miniaturu a upravit zbytek avatara v jiném stylu.




Další možností je rozdělit avatara na dvě části. Jeden pro miniaturu a jeden 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 příslušnou výzvu k akci úplně dole na profilový obrázek a doplnit ji šipkou směřující k tlačítku.




5. Snažte se na 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 avatar?

Ve skutečnosti lze na avatara umístit cokoli. Na rozdíl od miniatury je opravdu kam se toulat. Hlavně to nezneužívat :)

Doména webu

Telefon / adresa / otevírací doba

Soutěže/propagační akce

Nejčastěji nakupované produkty/novinky

informace o doručení

Reklama v mobilních aplikacích

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

Obnovení sortimentu/nové výtvory 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ě lze na avatara umístit naprosto jakékoli informace. Zahrnul jsem jen několik nápadů, abyste viděli, co dělají ostatní, a inspirovali se jejich příklady. Mějte na paměti hlavní 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 sloučený 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.

1. Stáhněte si šablonu pro Photoshop, 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 chcete, aby byla vyříznuta.

1. Přidejte efekty, text, grafiku a další.

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

1. Vyberte nástroj "Vnoření" a klikněte na tlačítko "Fragmenty podél vodítek".

1. Odstraňte nepotřebné fragmenty (klikněte pravým tlačítkem - "Odstranit fragment") a upravte stávající (klikněte pravým tlačítkem - 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 na místo, kam jste uložili obrázky (na plochu nebo do nějakého konkrétního adresáře) a najděte tam složku s názvem „Images“. Zde budou vaše obrázky. Nyní zbývá pouze vyplnit je na stránce.

P.S. Výšku avatara lze změnit podle vašeho uvážení. Vzal jsem maximální velikost - 500 pixelů, ale můžete mít tuto hodnotu méně. Například jako na stránce „Značky Wiki“:

Jak používat widgety

Widgety jsou také součástí designu komunity VK. S jejich pomocí 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 komunitní vyhledávání, získat dárek, slevový kupón atd.

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

Jak vkládat obrázky

Pokud jste webdesignér nebo máte umělecký vkus a smysl pro krásu, pak pro vás nebude těžké vymyslet firemní identitu pro vaše obrázky. Zdá se mi však, že takových lidí bude v tomto článku menšina (mimochodem ani já mezi ně 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. Jestli to stojí za to, to si každý posoudí sám. Jediné, co bych chtěl poradit, je, že pokud se pro to rozhodnete, snažte se ujistit, že vaše logo není příliš světlé a nezabírá příliš mnoho místa, jinak bude veškerý důraz kladen na něj a obrázek ztratí svou přitažlivost.

Kde mohu získat dobré obrázky?

Na našem blogu máme dobrý článek na toto téma - "". 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). Takový požadavek obvykle vytváří vysoce kvalitní obrázky. 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ů.

A co ti, kteří nevědí, jak pracovat ve Photoshopu?

Pokud jste nikdy nepracovali ve Photoshopu (ani v jiných grafických editorech) a ještě si nejste připraveni věnovat čas jeho zvládnutí, můžete využít služeb, 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žte ji do šablony, vyberte ji levým tlačítkem myši, vyberte příkaz Vrstva (ikona sendviče) a klikněte na Přesunout dolů. Náš obrázek tedy 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 v podobě 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ě uspořádat váš obrázek. Funguje na stejném principu jako předchozí. Registrujeme se do služby (můžete použít svůj Google+ účet nebo e-mail).

Vyberte si pole působnosti. 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 potřebujeme čtvercovou.

Vyberte šablonu (pokud je šablona označena „FREE“, pak je zdarma), změňte text.

V případě potřeby nahrajte svůj obrázek, upravte velikost, 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

Od nedávné doby může VKontakte sázet č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á jsou mezi čtenáři lidé, kteří nevědí, co je označení wiki, a obecně tento termín slyší poprvé. Proto, speciálně pro vás, uvedu definici, kterou dává samotný "Kontakt".

Wiki markup je značkovací jazyk, který se používá ke zdobení textu na webových stránkách (obvykle související s třídou wiki projektů) a usnadňuje přístup k funkcím 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 jen 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. O něco níže podrobně rozeberu, jak pracovat v tomto editoru, ale nejprve vás žádám, abyste si pro sebe uložili dva odkazy. 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 vytvořit jeden obrázek by mělo být snadné, ale zároveň najít ten dokonalý je docela obtížné.

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

V dubnu 2017 se stal dostupným pro komunity. Jedná se o zcela novou funkci a skvělou příležitost k oživení (v pravém slova smyslu) designu vaší skupiny za účelem zvýšení efektivity a návratnosti propagace.

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

• Velikost krytu pro skupinu Vkontakte;
• Pokyny, jak vytvořit obal 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 obalu zobrazen na šířku 795 pixelů a výšku 200 pixelů. U mobilních telefonů se přizpůsobí úměrně šířce obrazovky. Vkontakte však doporučuje nahrát obrázek o velikosti alespoň 1590 × 400 pixelů.

Rada: Pokud najdete obrázek, který se vám hodně líbí, ale není to doporučený poměr stran, můžete jej přesto použít! Nahráním tohoto obrázku budete moci vybrat viditelnou oblast a odříznout vše nepotřebné pomocí interních prostředků 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ů je podél okrajů obrázku oříznut na 196 pixelů a přibližně 83 pixelů zabírají ikony systému telefonu. Zvažte pohodlí pro mobilní uživatele. Většina z nich je na VKontakte.

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 soukromými zprávami.

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

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 designem, vytvořili jsme šablonu pro obálku skupiny VK (1590x400px).

Řekněme několik dalších podrobností 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 viděli, jak vypadá.
• Chcete-li začít vytvářet 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 ne každý může být designér. 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 být pro vás a vaši firmu opodstatněný.

Pokud je vaše skupina například o knihách, můžete vyfotografovat své police a použít tuto fotografii jako obálku. To napoví, že jste na knihy, a můžete očekávat, že ostatní fanoušci knih budou na tuto fotku dobře reagovat.

Skladové fotografie

Pokud nemáte žádné osobní fotografie, které byste chtěli použít, vyhledejte je na fotoskladech (stránky s obrázky zdarma), kde můžete najít 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 změnili/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 svou fotografii pomocí těchto nástrojů dokonce vylepšit. Vyberte si například jeden ze svých oblíbených citátů a přidejte jej na 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:

• Dodržujte požadované rozměry obalu (1590px na šířku a 400px na výšku);
• Vyberte vysoce kvalitní obrázky;
• Nepřetěžujte obraz vizuálními prvky;
• Vyberte si 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 obrazu lidi přitahuje

Zde jsou některé ingredience, díky kterým jsou obrázky působivé:

• 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í konverze;
• Typografie: výběrem správného písma bude vaše sdělení jasné;
• Hashtagy a text: najděte správná slova, která vyprovokují vaše publikum k cílené akci.

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

Například Coca-Cola na obálce používá obecně přijímané červené logo s nápisem „taste ... feel“ a jako pozadí šťastný pár s drinkem v ruce. 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é!

Kam se lidé dívají?

Při vymýšlení dokonalého obalu může být zajímavé podívat se na některé výzkumy. Podařilo se mi na toto téma najít jeden zábavný. Je v angličtině, ale stručně sdělím podstatu.

Bylo zjištěno, že pokud chcete upozornit na určitý prvek na obrázku, pak podle principu vizuální fronty pohled osoby zobrazené na fotografii, která se dívá na prvek, nasměruje diváka na toto místo. To může být zábavný způsob, jak použít vzhled osoby na obálce pro skupinu Vkontakte.

Společnost Kissmetrics také zjistila, že může být efektivní přidat prvek, který na obalu „vyskočí“. 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.

Přemýšlení z krabice

Obaly 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ů.

Příklady skupin s kvalitními obaly

Nyní, když víme, jak udělat dobrý kryt skupiny 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 inspiraci.

Protože nyní děláme zakázkovou práci, můžeme odpovědět na vaše otázky ohledně designu sociálních médií, pokud nějaké máte. Neváhejte je poslat na náš mail nebo napište přímo sem do komentářů. Společně můžeme vytvořit perfektní kryt pro vaši skupinu Vkontakte a zvýšit návratnost vašeho úsilí o její propagaci.