Velikosti horního banneru ve skupinách VK. Vytvoření komunity v novém designu Vkontakte: je to obtížné

Navzdory relativně nízkému CTR bude mnoho společností nadále investovat své rozpočty do bannerů. A jsou pro to důvody. Display reklama umožňuje zvýšit povědomí o značce a rozšířit její dosah.

Bannerová reklama VKontakte

Platforma nabízí několik formátů propagace, z nichž jeden je textově-grafický blok. Objevuje se pouze v plná verze sociální média vpravo.

Banner může odkazovat na jakýkoli externí zdroj, skupinu nebo komunitu na VKontakte a také na aplikaci. Existují 3 hlavní typy bloků:

Obrázek a text (145x85)
Velký obrázek (145x165)
Propagace komunity (145x145)

Jak vytvořit banner VKontakte

Banner můžete vytvořit v libovolném grafický editor. Vytvořte obrázek správná velikost a popusťte uzdu své fantazii.

Můžete také využít online služeb a hotové šablony aby váš banner vypadal profesionálněji. Například Canva nebo Easy.

Jak umístit banner VK

Vyberte si formát, který vám nejlépe vyhovuje, a navrhněte banner.

Nastavte si cílové publikum. Čím užší je výběr, tím je pravděpodobnější, že upoutá pozornost zainteresovaných uživatelů.

Nastavte platbu za 1000 zobrazení nebo kliknutí. Výběr bude záviset na vašich cílech: zvýšit povědomí o značce nebo zvýšit návštěvnost? Nezapomeňte kampaň pojmenovat.

Zkontrolujte všechny podrobnosti a klikněte na Vytvořit reklamu. Poté v sekci Reklamní kampaně můžete spouštět a zastavovat zobrazování banneru a také sledovat statistiky.

Příklady bannerů VKontakte

Vytvoření a umístění banneru je snadné, ale jak to udělat, aby byl nápadný a efektivní? Níže se podíváme na 50 příkladů reklam, které upoutají pozornost.

ZDARMA

Nejlákavější a nejpoutavější reklama je nabídka získat něco hodnotného zdarma. Uživatelé na toto „kouzelné“ slovo aktivně reagují a inzerenti ho používají.

VOLÁNÍ

Další účinnou technikou je výzva: „Staň se!“, „Zjistit!“, „Slabý?“. Taková slova vás motivují k akci.

HODNOTA

Nejzřejmější strategií akvizice návštěvnosti je komunikovat hodnotovou nabídku.

INTRIKA

OSOBNÍ ZNAČKA

Na ve velkém počtu bannery můžete vidět tváře profesionálů, kteří vám nabízejí lepší život. Efektivní příjem budovat důvěru.

ILUSTRACE

Pokud vám nevyhovuje osobní značka, upoutejte pozornost výraznou ilustrací a charakterem. Koukej jak to funguje.

MEM

V Nedávno specialisté v soukromé chaty, začátečníci-targetologové, smms, ale i podnikatelé, kteří si sami vyzkouší ruce PROTI promo příspěvky, velmi často kladou otázku „jakou velikost potřebujete pro propagační příspěvek? Proto jsem se rozhodl na příkladech podrobně popsat, jaký by měl být formát banner pro propagační příspěvek aby se krásně a maximálně zobrazoval na PC, mobilech a tabletech. Tak jdeme 🙂

Pro vizuální příklad porovnám dva bannery o velikostech 1280*720 a 800*525. Ano, mimochodem, velikost a kvalita banneru může být různá - nejdůležitější jsou zde proporce. Takže takto vypadá takový banner ve zpravodajském kanálu na různých zařízeních:

PC - STARÝ DESIGN VKontakte

Jak vidíte, banner o velikosti 800*525 má na pravé straně mnohem větší okraj než při použití velikosti 1280*720. I když je širší a zachycuje větší plochu pro prohlížení prostřednictvím news feedu. Pojďme se podívat, jak budou tyto bannery vypadat v novém designu VKontakte.

PC - NOVÝ DESIGN

No, v novém designu VKontakte se obě tyto velikosti liší pouze výškou, zatímco šířka zůstává stejná. A na rozdíl od stará verze VK, vpravo nepozorujeme velké odsazení. Banner 800*525 však zachycuje mnohem větší viditelnou oblast ve zdroji zpráv než velikost 1280*720 - obrázek je vyšší a větší!

A nyní se podívejme, jak budou tyto bannery vypadat mobilní verze Aplikace VKontakte pro IOS.

MOBIL - ZPRÁVY

Stejně jako v novém designu VKontakte vypadá banner 800*525 mnohem větší (vyšší) než banner 1280*720. A to je u mobilní verze hodně velké plus, protože plocha pro sledování zpráv je tam malá a reklamy s takovou velikostí banneru zaberou většinu!

No, teď se podívejme, jak bude čtvercový obrázek vypadat v news feedu! Pro přehlednost udělám tabulku.

PC - starý design V kontaktu s	PC - nový design VKontakte	Mobil - aplikace VKontakte

No, teď jsme to jasně viděli větší pohled získat obrázky o velikosti 800 * 525 a více, které se blíží čtvercovému tvaru. Ale! nezapomeňte, že promo příspěvky obsahují i text, takže při výběru velikosti obrázku nezapomeňte, že pro zobrazení textu na různá zařízení, obrázek by neměl zabírat veškerý viditelný prostor v kanálu zpráv! To je důležité!

Protože nyní část publika „sedí“ na VKontakte prostřednictvím nového designu a většina publika prostřednictvím starého, je lepší použít velikost 800*525. Ano, zkoušeli jsme a trápili se s jinými velikostmi, zkoušeli jsme zmenšit odsazení od pravého okraje, ale jen se zvětšilo a nejmenší odsazení (s přihlédnutím k více prohlížení přes mobil) se ukázalo o velikosti 800 * 525.

Tak a to je pro dnešek vše. Děkujeme za pozornost a kvalitní promo pro vás! 😉

Děkuji za pozornost!

V létě 2016 vývojáři sociální sítě Vkontakte konečně překvapili své uživatele zcela aktualizovaným designem. Po pravdě, štamgasti tohoto webu vnímali svěží design velmi nejednoznačně, in více to se týkalo vlastníků komunit se sloučeným obrázkem jako designem (avatar + banner). Vzdálenost mezi připnutými zprávami a avatarem se doslova zdvojnásobila, banner se znatelně zvětšil a klesl níže a miniatura komunity nyní není čtverec, ale kulatá plocha - všechny tyto nepříjemné okamžiky způsobily spoustu problémů lidem, kteří si objednali a dříve nainstalovali návrhy pro své skupiny. Jediným východiskem v této situaci bylo předělat starý design tak, aby vyhovoval novým požadavkům při zachování konceptu.

Ačkoli se design komunit Vkontakte zdá být docela problematický (zejména ve srovnání s jinými sociálními sítěmi, kde většinou stačí obdélníkový kryt a čtvercový avatar), ve skutečnosti to není tak úplně pravda. Dále budou popsány požadavky na grafické obrázky a obecně způsoby návrhu skupiny jako takové.

První způsob, jak zvýšit atraktivitu své komunity, je standardní schéma „avatar + banner + menu“.

Avatar

Avatar zůstal na 200 na 500 pixelů (ale stále lepší než 400 na 1000 s rezervou na kvalitu), i když zpočátku, během beta testování nového designu, byla taková možnost velikosti zvažována jako 200 na 300. Miniatura je nyní kulatá , ale pokud je tento kruh vepsán do čtverce , pak jeho rozměry budou 200 x 200 pixelů, jako tomu bylo dříve.

Banner (připnutý příspěvek)

Optimální velikost banner je 1024 x 680 pixelů (s okrajem kvality). Na internetu jsem narazil na mnoho variant ideální velikosti banneru, ale přesto při velikosti 1024 na 680 nejsou části banneru oříznuty při prohlížení z počítače, z běžné mobilní verze nebo z aplikace pro Android. Za zmínku také stojí, že banner je nyní nižší z důvodu zdvojení názvu komunity v oblasti nad obrázkem a přenesení data vyvěšení z oblasti pod obrázkem na místo pod duplicitním názvem. Další důležitý bod je nedostatečná klikatelnost na banner z mobilního zařízení. Tito. z telefonu, lidé budou muset kliknout na odkaz pod obrázkem, nikoli na obrázek samotný.

Jídelní lístek

Co se týče designu menu a označení wiki, obecně se nic nezměnilo. Stále používám šířku nabídky 606 pixelů a libovolnou hodnotu délky. Pro přizpůsobivost na mobilních zařízeních je lepší rozvržení navigace uvnitř tabulky – takto se při prohlížení na telefonu jednoduše úměrně zmenší, aby se vešla na obrazovku. Ale pokud jste vytvořili navigaci, kde jsou položky jednoduše pod sebou, pak to nemusíte dělat - metoda tabulky je nezbytná pouze pro ty typy nabídek, kde je počet tlačítek na řádku více než jedno. Obecně je pro pohodlí uživatelů lepší nedělat menu pouze ve formě odkazů na materiály, ale vytvářet wiki stránky se složitou strukturou.

Pokud potřebujete jeden obrázek pro design, pak nejprve vyplňte nějakou skupinu pro experimenty s avatarem a bannerem ve formě připnuté novinky. Zkopírujte do své skupiny všechna data z ukázkové komunity: stav, jméno (to je důležité, protože tato data jsou ve zprávách duplicitní) a požádejte klienta o text, který bude nad bannerem.
Poté si již můžete vzít vzorek pomocí snímku obrazovky, který je nutné umístit do Photoshopu.

Existuje také metoda návrhu jako „obálka + banner + menu“. Obecně můžete nechat pouze kryt a dát všechny nejvíce důležitá informace. Ale v každém případě musí být avatar nastaven: nebude vidět ve skupině samotné, ale miniatura komunity z něj bude odebrána. Optimální velikost obalu je 1590 x 400 pixelů a obrázek můžete nahrát pomocí příkazu "Community Management" - "Community Cover: Upload".

Velikosti obrázků pro design VKontakte

Avatar: 200 x 500 pixelů (kvalita 400 x 1000 pixelů);
Miniatura avatara 200x200px
Velikost banneru nebo připnutého příspěvku ve skupině: 1024 x 680 pixelů, ale ne méně než 510 pixelů na šířku;
Nabídka: šířka 606px;
Pokrytí 1590 x 400 pixelů.

Počet aktivních uživatelů a fanoušků sociálních sítí bývá 100 % z celkového počtu uživatelů Celosvětová Síť. Vedoucí pozici v Runetu přitom stabilně zaujímá sociální síť V kontaktu s. Kromě toho je považován za nejmasivnější - více než 150 milionů registrovaných uživatelů, a to bez botů, opuštěných a falešných účtů.

Tuto skutečnost nebylo možné využít v reklamě celku. Dnes VKontakte nabízí nejpohodlnější reklamu, a to jak pro běžní uživatelé, takové a pro reklamní agentury. Zároveň jsou nejoblíbenější bannery VKontakte. Uživatelé je efektivně využívají k rozvoji podnikání a informování o událostech v komunitních skupinách:

1. VK bannery

Banner VKontakte - statický nebo animovaný obrázek s popiskem a sloganem, který je zároveň odkazem, na který se kliknutím dostanete na stránku s podrobnějšími informacemi o produktu, službě, akci. Tato akce volal " přechod podle banneru».

Reklamu na sociální síti VKontakte představují dva bannery na levé straně. Zisk z nich však může překonat ta nejdivočejší očekávání. Je zajímavé, že můžete umístit nejen reklamní bannery Vkontakte, určený k prodeji produktu / služby, ale také těch, které budou zajímat běžné uživatele.

Jakýsi hybrid profesionální a spotřebitelské reklamy je schopen zabít dvě mouchy jednou ranou. Díky tomu správa přední ruské sociální sítě téměř zdvojnásobila cílové publikum inzerentů:

Typy reklamy VKontakte

Obvykle se reklama VKontakte dělí na dva typy ( platební metodou). Lze ji nazvat cílovou a necílovou. Pokud u cílené reklamy platíte za kliknutí na banner, pak u necílené reklamy platíte za zobrazení. 1000 zobrazení je přitom mnohem levnějších než 1 kliknutí. Ať se vám to líbí nebo ne, ale z 1000 zobrazení subjekt s největší pravděpodobností udělá alespoň 1 přechod. Proto je druhá možnost výhodnější.

Obrázek. Tematický obrázek, který charakterizuje váš produkt/službu, stránku na sociální síti atd.;
Název. Může to být hlasitý slogan, název společnosti;
Podpis. Krátký vstup nebo jedinečný prodejní návrh ( pokud to velikost banneru umožňuje, aby se vešel).

Pravidla reklamy VKontakte

2. Proč potřebujeme bannery VKontakte?

Kromě širokého pokrytí publika a vysoké popularity má bannerová reklama VKontakte jednu velmi důležitou výhodu - schopnost přesně cílit. Téměř 90 % úspěchu reklamní kampaně závisí na jejím správném nastavení. Koneckonců vás nezajímají všichni účastníci VKontakte, ale pouze určitá část z nich.

Nastavení VK vám umožní nezávisle určit, která část publika se váš banner zobrazí. Existuje cílení podle věku, geografie, pohlaví atd.

Správným nastavením cílení odstraníte zbytečná zobrazení, čímž optimalizujete rozpočet na reklamní kampaň.

Stejně jako u jiných reklamních platforem je důležité pochopit, co přesně stojí za to propagovat prostřednictvím VKontakte. Hlavním účelem návštěvy sociální sítě je komunikace a zábava. Z toho můžeme usoudit, že nejlepší je inzerovat spotřební zboží, může také dát dobrý výsledek reklama za účelem generování potenciálních zákazníků. Prakticky každý vysoce specializovaný reklama VKontakte je odsouzen k neúspěchu.

Před vložením banneru zkontrolujte, zda má inzerovaný produkt/značka komunitu, skupinu fanoušků, veřejnost. Jejich přítomnost výrazně zvýší šance na úspěch vaší reklamní kampaně.

Také věnujte pozornost cenová kategorie. Nemá smysl propagovat na sociálních sítích produkty, které stojí více než 200 USD:

3. Jak umístit banner na VKontakte? Cheat sheet pro začátečníky, tajemství a tipy

Před přidáním banneru klikněte na odkaz "Inzerce" v patičce stránky:

Klikněte na " Vytvořit reklamu“ a podívejte se na následující seznam:

Zde si musíte vybrat, co přesně budete inzerovat: aplikace VKontakte (IFrame a Flash), komunita ( veřejnost, skupina nebo setkání), nahrávání videa ( s odkazem na web inzerenta) nebo na externím webu.

Poslední možnost je nejoblíbenější. Odkaz z takového banneru VKontakte zpravidla přesměrovává uživatele na vstupní stránka (vstupní stránka).

Bannerové reklamní formáty VKontakte

Lze použít tři typy reklam:

Obrázek + text. Zde můžete umístit banner VKontakte 90 x 65 pixelů s názvem (25 znaků) a popisem (60 znaků);
Velký obraz. Je možné přidat banner o velikosti 90 x 120 pixelů bez popisu a s nadpisem 25 znaků;
Exkluzivní možnost. Banner 90 x 160 pixelů s nadpisem o 25 znacích. Jeho hlavní výhodou je, že při jeho předvádění se nezobrazují jiné reklamy. Náklady na takovou reklamu jsou však 2x vyšší.

Výběrem požadovaný formát a při nahrávání dat byste měli uvést předmět a podsekci ( geografie, demografie, zájmy, vzdělání a práce, jakož i další parametry). V další možnosti lze objasnit operační systém, typ zařízení, retargetingové skupiny, prohlížeč.

Čím přesněji nastaveno cílové publikum, tím lepší CTR a s dobrou návštěvností a konverzí.

V závěrečné fázi nastavení, před vytvořením banneru VKontakte, určíme způsob platby ( za zobrazení nebo kliknutí), reklamní platformy ( můžete si navíc vybrat partnerské stránky sociální sítě), náklady na přechod. Přiřaďte reklamní kampani název.

Klikněte na " Vytvořit reklamu"! A čekáme, až to projde moderováním. Vaše bannery VKontakte se zpravidla za pár hodin zobrazí potenciálním zákazníkům. Nyní je vaším úkolem sledovat statistiky poskytované sociální sítí VKontakte a přijímat včasná rozhodnutí ke zlepšení výkonu.

4. Jak vložit banner do skupiny VKontakte?

Podívejme se, jak vytvořit banner ve skupině VKontakte.

Krok 1. Přejděte na stránku skupiny:

Krok 2. V bloku napravo vyberte položku " Propagujte komunitu»:

Před zhotovením banneru určíme formát přechodů banneru nebo zobrazení. Uložte a počkejte, až banner projde moderováním:

5. Bannerová reklama VKontakte

Bannerová reklama na VKontakte často plní funkci podpory obrazu a pomáhá propagovat nové značky. To však neznamená, že nemůže být prodejní nebo méně efektivní než kontextový. Bannerová reklama přispívá k vytvoření věrného publika a poskytuje zadržovanou poptávku. Z uživatele si postupně tvoří potenciálního klienta. Pokud potřebujete změnit značku nebo vstoupit na trh s novým produktem, bannery VKontakte fungují skvěle pro uznání.

Reklama na Facebooku je určena pro starší publikum, Odnoklassniki dobře pokrývá regiony. Současně bannerová reklama na VKontakte - řešení na jednom místě, která vám umožní propagovat značky a nové produkty mezi mladými lidmi. Pracuje tam, kde vaši potenciální klienti odpočívají a mluví s nimi jejich jazykem, je v oblasti jejich zájmu.

Při tvorbě bannerů je důležité vzít v úvahu vlastnosti publika a využívat funkce podniková identita. Čím profesionálněji je banner vytvořen, tím je nápadnější a efektnější.

6. Jak vytvořit banner VKontakte pro svůj vlastní web, proč je potřeba a jak jej lze použít?

Klikací banner poskytuje přechod na jakoukoli stránku webu. Při jeho vytváření je třeba vzít v úvahu následující body. Po nahrání banneru do mediálních souborů vašeho webu přidejte kód kamkoli do zdroje. Například se rozhodnete přidat banner VKontakte na postranní panel:

Přejděte na widgety a přidejte následující kód:

Do pole „ adresa odkazu»Uveďte adresu stránky, kam chcete návštěvníka po kliknutí na banner přesměrovat. "Cesta k obrázku" je odkaz na banner. Zkopírujte odkaz na obrázek a vložte jej na místo "Cesta k obrázku".

Testování je jednou z nejdůležitějších fází realizace úspěšné reklamní kampaně. Při výběru banneru VKontakte pro web musíte zajistit vytvoření několika nadpisů, obrázků a textů. Analyzujte statistiky a proveďte změny v nastavení, čímž optimalizujete svou reklamní kampaň:

7. Vytváření bannerů pro VKontakte

Lze omezit jednoduchý obrázek, nicméně personalizace pro konkrétního uživatele a interaktivita banneru dosáhne vysokého výsledku.

Banner by tedy měl obsahovat zajímavé informace, motivaci k přechodu/kliknutí, být krásný, mít profesionální grafický design.

Existuje několik způsobů, jak vytvořit bannery:

Objednávka u projektanta;
Samostatná tvorba v grafickém editoru;
Používání speciální programy vytvářet bannery;
Tvorba pomocí online služeb.

Jeden z nejúčinnějších, nejjednodušších a rychlé způsoby je vytváření bannerů online. Pro tyto účely můžete využít službu jako bannerfans.com. Rozhraní v ruském jazyce a velký výběr šablon vám umožní vytvořit zajímavý layout.

V tomto článku bych rád systematizoval všechny své znalosti o návrhu skupin VKontakte na základě mých zkušeností s interakcí s klienty a jejich preferencí. Navíc za posledních šest měsíců VKontakt provedl spoustu změn, o kterých si mnozí ani neuvědomují. Některým novinkám jsem se chtěl věnovat podrobněji, protože mezi nimi jsou opravdu užitečné a užitečné věci. Zdá se, že jsme se všichni již vzpamatovali z nějakého šoku po redesignu VKontakte a pro viditelné změny bylo objeveno multivariantní fungování a naplnění skupiny. Návrh skupin tedy nyní zahrnuje složitý postup, který se neomezuje pouze na grafickou složku v podobě krásných obrázků. Majitelé nyní musí vzít v úvahu mnoho nuancí budování skupinové struktury v závislosti na obchodním tématu a uživatelském pohodlí.

Jde především o výběr. grafický design dvou vzájemně se vylučujících možností, voj vnitřní menu, výběr vstupního bodu do interní nabídky, pochopení rozdílu mezi katalogem a vitrínou produktů, příprava propagačních materiálů k propagaci skupiny, používání užitečné aplikace. Ale nejdřív. Nejprve zvážíme hlavní prvky skupinového designu, poté přejdeme k jejich interakci ve formě různých kombinací a poté si povíme o některých užitečné čipy a jemnosti.

1. Horizontální kryt (záhlaví)
Začněme snad horizontální kryt nebo klobouky. Vývojáři VKontakte nás ujišťují, že obal díky své velikosti poskytuje větší flexibilitu při poskytování a vizualizaci informací. Obvykle kromě krásný obrázek záhlaví obsahuje logo, doprovodné informace, kontakty, výzvu k připojení ke skupině, adresu webu. Mám podezření, že jednou budou obálky jediné možná varianta skupinový design, takže bych na ně doporučoval přejít okamžitě, aby se předešlo pozdějším předělávkám vyšší moci.

Jak stáhnout obal
Chcete-li stáhnout obálku, musíte přejít na Správa komunity >> Základní informace o bloku >> Obálka komunity >> Stáhnout. Doporučená velikost obalu je 1590×400 pixelů. Záhlaví nemůže mít žádná funkční tlačítka, na která lze kliknout - ve skutečnosti je to obrázek a je to. Dnes je obal viditelný na mobilních zařízeních a zdá se, že už je vidět i v aplikacích a klientech.

Záložka Wiki Nejnovější zprávy
V horním bloku pod záhlavím mohou být nyní tři karty: připnutý příspěvek, informace o komunitě a nabídka wiki (pouze ve skupinách, na veřejné stránkyžádná taková záložka neexistuje). Důraz je stále kladen na připnutý příspěvek, ale i když je přítomen, uživatel bude mít nyní vždy přístup k informacím o komunitě přepínáním mezi kartami. Aby se zobrazila záložka nabídky wiki (původně nazvaná Nejnovější zprávy), musíte přejít na Správa komunity » Sekce » Obsah » Omezený (nebo veřejný) » Uložit.

2. Vertikální avatar
Nyní se pojďme věnovat starému dobrému avatarovi pro skupinu o velikosti 200x500 pixelů. I když je to také způsob, jak navrhnout skupinu. Obvykle jsou na avataru umístěny následující informace: logo, doprovodný text nebo slogan, kontakty, výzva k připojení ke skupině. V mobilních zařízeních není vidět celý avatar, je viditelná pouze jeho část – miniatura. K vytvoření skupiny můžete použít obojí vodorovný uzávěr(obálka) nebo vertikální banner. Pokud existuje záhlaví, svislý avatar není viditelný. Avatar nemůže mít žádná funkční tlačítka, na která lze kliknout - ve skutečnosti je to obrázek a je to.

3. Miniatura
V současné době se k vytvoření miniatury používá vertikální avatar o minimální velikosti 200x200 pixelů. Miniatura se používá v příspěvcích a příspěvcích jako malý kruh u názvu a jako větší kruh v některých výběrech a zmínkách komunity. V souvislosti s přechodem na zaoblený tvar se zpřísnily požadavky na miniaturu. Aby byl text na miniatuře přečten celý, nesmí vizuálně přesahovat hranice kruhu.

Jak nahrát miniaturu
Miniatura se stala zcela nezávislým prvkem a při použití obalu (záhlaví) v designu skupiny nyní musíte udělat samostatnou miniaturu, mějte na paměti. Pokud skupina nemá záhlaví (obálku), pak pro nahrání miniatury musíte kliknout na "Nahrát fotografii" v bloku avatarů (vpravo nahoře). Pokud je v návrhu záhlaví (obálka), pak pro nahrání miniatury musíte kliknout na kroužek bezprostředně pod záhlavím a vybrat tam položku „Nahrát fotografii“.

4. Banner
Banner (anglický banner - vlajka, banner) - grafický obrázek informační, propagační nebo propagační. Banner je připojen jako obrázek k příspěvku a může mít pouze jeden interní odkaz. Mnoho lidí je stále přesvědčeno, že z banneru na hlavní stránce lze vytvořit několik odkazů. Není, stačí jeden odkaz a je to. Vyzdvihl bych následující typy bannerů.

4.1 Informace na banneru
Běžný typ banneru obsahujícího obecná informace o firmě, skupině, službě nebo akci s podrobným seznamem benefitů a dalšími doprovodnými materiály. Často se používá jako připnutý záznam ve skupině. Velikost takového banneru je 510x307 pixelů. Při této velikosti se banner na spodní straně shoduje s avatarem. Pokud není spojení s avatarem, lze použít jakoukoli velikost. Já například používám velikost 600x350 pixelů. Čtvercový formát 510x510 pixelů je také pohodlný a nyní si získává na oblibě - banner s touto velikostí zabírá největší možnou plochu v zpravodajský kanál.

4.2 Banner pro vstup do interního menu
Pokud k banneru z předchozího odstavce přidáme chytlavý nápis „Otevřená nabídka“, získáme banner, jehož hlavním úkolem je sloužit jako vstupní bod do interní nabídky. Občas udělají zádrhel v podobě více tlačítek na banneru, ale to je iluze, po stisku se uživatel stejně dostane na vnitřní stránku a tam už má každé tlačítko svůj odkaz. Velikost takového banneru je 510x307 pixelů. Při této velikosti se banner na spodní straně shoduje s autorem. Pokud není vstup do menu vázán na avatara, můžete vytvořit banner libovolné velikosti, dokonce i úzké tlačítko s nápisem „Otevřít menu“. Hlavní věc je, že šířka banneru by měla být alespoň 510 pixelů.

4.3 Karta pro repost, propagace
V poslední době získaly zvláštní význam karty pro reposty nebo propagační akce. Jeho účelem je vyzvat ke konkrétní akci. V zásadě je to "Připoj se ke skupině, odešleš nebo lajkuj a vyhraj cenu." Takové bannery se používají jako součást reklamních kampaní nebo propagací jak ve vlastních skupinách, tak k propagaci v jiných skupinách. Obvykle používám 600x350 pixelů.

4.4 Banner s animací gif
Poté, co vývojáři VK provedli větší velikost Pro obrázky gif, gify se okamžitě postavily na roveň informačním bannerům. Například na banner GIF můžete dát obrázky několika měnících se produktů nebo textů - pohyb okamžitě přitahuje pozornost. A když v červnu funkce přibyla automatické přehrávání animací gif v news feedu se pak GIFy staly předmětem velké pozornosti inzerentů a marketérů.

5. Navrhněte avatar + připnutý banner
Až donedávna byl tento modulární design sestávající z avatara a připnutého banneru nejoblíbenějším způsobem navrhování skupin. Další podrobnosti o tom, jak vytvořit takový design, jsou popsány v lekci. S příchodem hlavičky (krytu) snad obliba tohoto provedení mírně poklesne.

Navíc existuje možnost, že VKontakte opět změní některé parametry bloků a pak celý design uletí, jak se to stalo dvakrát za sebou. posledních šest měsíců. Takže, milí majitelé skupin, při výběru designu pro vaši skupinu zvažte tuto skutečnost. Ano, a ještě jedna věc, v mobilních zařízeních není vidět veškerá krása jednoho obrázku, protože se nezobrazuje avatar, ale pouze miniatura a připnutý záznam je umístěn o něco níže.

6. Interní navigační menu
Menu ve formuláři aktivní odkazy je umístěn na vnitřní stránce VKontakte a je napsán pomocí příkazů označení wiki. Jak vytvořit samotnou vnitřní stránku je popsáno v lekci. Uživatel se pohybuje ve skupině pomocí nabídky. Níže se budeme zabývat typy interního menu, ale nyní se zaměřme na několik důležitých bodů.

Vstupní body v interním menu
Chci poznamenat jeden jemný bod, který je často přehlížen. Občas si u mě klienti objednají interní menu, ale zároveň absolutně netuší, jak se uživatel dostane právě do tohoto interního menu. A jsou dva způsoby, jak se do něj dostat: buď přes pevný banner (viz odstavec 4.2), nebo přes textový odkaz v horní záložce pod stavovým řádkem (viz obrázek níže). Někdy je textový odkaz umístěn také v bloku "Odkazy" v pravém sloupci rozhraní.

Odkazy na interní menu
Zákazníci obvykle při objednávce uvádějí následující položky nabídky: O nás, Naše produkty (katalog), Způsoby doručení, Platba, Záruky, Recenze, Kontakty, Akce, Slevy, Rozpis, Jak objednat, Portfolio, Otázky a odpovědi, Info, Udělat objednávku. Odkazy z položek nabídky mohou vést do odpovídajících sekcí externího webu. Poté se odkaz automaticky otevře v novém okně. Většina bodů vede k vnitřní stránky Vkontakte. V tomto případě se stránka otevře ve stejném okně a musíte vytvořit odkaz nebo tlačítko "Návrat do hlavního menu".

Odkazy na alba s fotografiemi a videi se otevírají v novém okně. Ve stejném okně a v tento případ jediný způsob, jak se dostat zpět do menu, je přes domovská stránka nebo pomocí tlačítka "Zpět" v prohlížeči. To je možná ten nejnevhodnější okamžik s takovými odkazy.

Úprava menu
Klienti se mě často ptají, zda je možné upravit vnitřní menu. Odpověď zní, pokud jste sebevědomý uživatel a znáte režimy označování a úprav wiki, můžete upravovat. Ale pokud se v tom všem nevyznáte, tak rozhodně ne. V tomto případě stačí snížit všechna nastavení.

Budu citovat slova samotných vývojářů VKontakte. „Jedna jednoduchá rada vám ušetří spoustu námahy a nervů: pracujte pouze v jednom režimu. Buď je to vizuální režim nebo režim značkování wiki. Právě přepínání mezi těmito dvěma režimy v procesu práce na značkování přináší většinu problémů: obrázky mohou ubývat, různé parametry mohou mizet. Toto je jeden z těch bodů, které budou v budoucnu určitě opraveny, ale prozatím musíte mít tuto skutečnost na paměti.

Adaptabilita pro mobilní zařízení
A ještě jedna věc k přizpůsobivosti. Aby vnitřní menu vypadalo na mobilních zařízeních stejně, je potřeba sázet na tabulky. Poté bude obraz pevně připojen. V opačném případě, když se velikost obrazovky zmenší, obrázky mají tendenci se pohybovat jeden pod druhým, což porušuje původně plánované pořadí.

Zde opět slova vývojářů na úkor přizpůsobivosti. "Nabídka Wiki se zobrazí v mobilní prohlížeče, ale nepřizpůsobí se velikosti obrazovky, kvůli tomu nemusí obrázky vypadat stejně jako na počítači. Na webu najdete návody, jak upravit označení wiki pro mobilní zařízení, ale ani ty nezaručují 100% výkon na všech zařízeních.

7. Typy vnitřního navigačního menu
Níže jsou uvedeny nejběžnější typy interního menu. Existují jednodušší a rozpočtová řešení s vysokou mírou spolehlivosti. A existují složitější a časově náročnější návrhy z hlediska grafiky a rozvržení. Ale vypadají působivěji.

7.2 Velké grafické menu
V tomto případě je vertikální řada odkazů umístěna na velkém obrázku na pozadí a má pevně pevnou strukturu. Zde je lekce.

7.3 Menu ve formě ikon, dlaždic
Tento návrh předpokládá několik řádků a sloupců ve formuláři grafické ikony a nápisy k nim, nebo grafické vícebarevné nebo jednobarevné dlaždice.

7.4 Dynamické menu s navigačním efektem
Velmi působivý design, který simuluje navigaci na webu s efektem kliknutí na tlačítka nebo jiného označení navštívených odkazů. Takové menu je poměrně obtížné spravovat a vyžaduje dovednosti v komunikaci s označením wiki, protože budete muset také upravovat informace na stránkách v označení wiki. Zde je lekce na toto téma.