Jak vytvořit skupinový design. Jak vytvořit skupinové menu VKontakte. Obsah skupiny VKontakte

Úspěšný design skupiny VKontakte by měl být nejen krásný, ale také funkční a pohodlný. Nechte design vyřešit vaše marketingové problémy, aby skupina ke značce přilákala platící a kupující publikum a zůstala u ní navždy.

5 kroků, jak vytvořit skupinu na VKontakte

Pokrýt

Obálka komunity je dnes důležitým nástrojem pro navrhování skupiny značek v Contact a její propagaci. Můžete si jej stáhnout v sekci „Správa komunity“ na kartě „Nastavení“. Kvalitní horizontální obrázek v samotném záhlaví komunity hraje roli hlavního propagačního banneru společnosti na sociální síti. Navozuje náladu, informuje, vylepšuje image, vyzývá k cíleným akcím a zároveň prodává.

1. Používejte vysoce kvalitní ilustrace

Obálka komunity VKontakte by měla mít velikost 1590x400 pixelů, ale je lepší nahrát fotku 2-3x větší ve formátu .png. Vyhnete se tak nekvalitnímu zobrazení.

2. Upravte obrázek pro různá zařízení

Mějte na paměti, že tento obrázek může na různých zařízeních vypadat jinak – na mobilu budou okraje oříznuté, proto je nejlepší umístit všechny nejdůležitější informace blíže středu.

3. Umístěte slogan a USP

Nechte klienta vidět vaši filozofii a výhody na první obrazovce.

4. Zobrazte produkt/službu, proces nebo výsledek jejich použití

Potenciální zákazník tak bude okamžitě vědět, na co se specializujete, a bude se na produktu podílet.

5. Pomozte zákazníkům okamžitě vás kontaktovat

Na banner napište své telefonní číslo, e-mail a další firemní kontakty. Pokud je pro vaše podnikání důležitá geografická poloha, například podnikáte v gastronomickém průmyslu nebo v oblasti horeca, adresa bude také užitečná.

6. Oznamujte události

Propagujete koncerty, očekáváte uvedení nové kolekce nebo produktu nebo pořádáte festival/konferenci/klientský den? Řekněte o tom každému, kdo přijde do komunity.

7. Prezentujte akce a slevy

Kde jinde na hlavní platformě můžete publiku říct, že právě teď si u vás může objednat 2krát levněji? Hlavně nezapomeňte po vypršení nabídky změnit ilustraci.

8. Nabídněte, že podniknete cílenou akci

Při načítání komunitního obalu jsou v pravém dolním rohu vodorovně umístěna dvě tlačítka – Napsat zprávu a Připojit se ke skupině. Namiřte na ně šipkou, abyste dále přitáhli pozornost publika. Pokud tedy banner zobrazuje produkt, můžete do zpráv nabídnout jeho okamžitou objednávku. A pokud obsahuje přehled nejnovějších zpráv, přihlaste se k odběru vždy nejnovějších informací.

Nahrajte avatara a vyberte miniaturu

Některé značky stále nepřijaly obálku, preferují starý vzhled první obrazovky skupiny, používající kombinaci avatara a připnutého příspěvku jako tzv. „záhlaví“. V tomto případě je jeden obrázek pokračováním druhého. Nejpůsobivější to vypadá, když fotografie končí na stejné úrovni jako avatar.

Při použití maximální velikosti avatara 200x500 pixelů musí být velikost obrázku v připnutém příspěvku 510x308 pixelů. Vynikající poutavou technikou je připojení videa nahraného přes přehrávač na sociální síti, které stylově navazuje na avatara.

Pokud jako záhlaví použijete obálku, avatar se vždy zobrazí jako miniatura.

Pravidla pro návrh miniatury avatara komunity VK

Miniatura je malý kulatý obrázek, který je oříznutý z velkého avatara a zobrazuje se při hledání skupin, v seznamu komunit pro každého uživatele a vlevo pod přebalem, pokud existuje. Zde je několik tipů na design.

1. Miniatura by měla být pro publikum srozumitelná

Neměli byste zveřejňovat kus podivné ilustrace. Vizualizujte něco, co si cílové publikum následně spojí se značkou, například logo, ikonu produktu/služby nebo třeba hlavní marketingový charakter značky.

2. Používejte pouze vysoce kvalitní fotografie

Je lepší nahrát zdroj 2-3krát větší, než je požadovaná velikost, takže můžete zapomenout na hrozné pixelové „čtverečky“, které se vám neukazují v nejlepším světle.

3. Navrhněte si vlastní ilustrace

Standardní obrázky budou vypadat lacině a neprofesionálně a stanou se synonymem nedůvěry uživatelů ke značce. Vytvořte jedinečné návrhy ve stejném konceptu a barvách jako zbytek designu.

4. Obrázky, které kontrastují s pozadím stránky, jsou to, co potřebujete

Když navrhujete miniatury VK tak chytlavě, „kulatý kus“ vynikne ve feedu mezi ostatními skupinami a nesplyne s pozadím stránky.

5. Umístěte kontakty nebo USP společnosti

V závislosti na účelu nastaveném pro miniaturu na ni umístěte kontaktní telefonní číslo nebo webovou adresu, informace o bezplatném doručení, údaj o nejnižší ceně v segmentu nebo akci.

6. Udělejte text velký a čitelný

Je lepší nepoužívat patkové písmo nebo kurzívu – při prohlížení na obrazovkách PC, mobilních zařízení a chytrých telefonů jsou příliš hlučné a zanechávají pohled. Ujistěte se, že text nepřesahuje okraje oříznuté miniatury. To vám umožní správně a efektivně předat zprávu uživateli.

7. Použijte vlastní tvary

Například do požadované kulaté šablony zadejte mnohoúhelník nebo jiný geometrický tvar na bílém pozadí. Vytvořte efekt nepřečteného upozornění nebo grafickou ikonu „online“.

Vypracujte menu

Nabídka je důležitým prvkem návrhu skupiny v Kontaktu, který uživatelům usnadňuje navigaci ve skupině – pro lidi bude pohodlnější najít potřebné informace. Každý prvek a stránka je vytvořena ve speciálním programovacím jazyce - Wiki markup. Pomocí něj můžete na obrázky klikat a vytvářet pohodlné stránky v rámci sociální sítě, jako by to byla webová stránka.

Můžete použít otevřené i uzavřené nabídky. V prvním případě uživatel okamžitě vidí sekce, které jsou v něm obsaženy, ve druhém jim předchází náhledový obrázek s nápisem „Menu“. Nabídka se také může vizuálně stát pokračováním avatara, pokud použijete starou možnost komunitního designu.

Vytvořte prezentaci produktu

Při umísťování produktů do vaší komunitní vitríny nezapomeňte, že uživatelé vždy vidí první 3 položky. Umístěte do nich ty nejoblíbenější a nejobjednávanější a nahrajte prezentační obrázek ve stejném stylu. Zveřejněte zde jednotné ikony nebo fotografie samotných produktů Služby lze umístit do produktů. V návrhu ukažte proces poskytování služby nebo jeho výsledek. Velikost takového obrázku bude čtvercová – 400x400 pixelů.

Návrh příspěvku

1. Plně využijte dostupné velikosti obrázků

Maximální šířka obrázku ve zdroji je 510 pixelů. Nejpůsobivější jsou čtvercové obrázky 510x510 pixelů a obdélníkové obrázky 510x300 pixelů.

2. Vytvořte si vlastní styl příspěvku

Aby vaše příspěvky vypadaly individuálně, vymyslete jednotný styl, písmo a barevné schéma.

3. Umístěte na obrázek krátký text

Můžete například rozdělit obrázek na 2 části – textovou a grafickou, nebo psát text při ztmavení pozadí. Aby byl text viditelný bez ztmaveného pozadí, napište jej na pozadí (kontrastní grafický blok jednotné barvy) nebo přidejte k nápisu stín. Fotografie s rámečkem vypadají dobře.

4. Vytvořte několik šablon pro různé účely

Například pro citace použijte jednu šablonu pro prezentaci vizuálních informací, pro oznámení materiálů z webu - jinou a pro soutěže třetí.

Použijte tyto absolutní techniky a vaše společnost bude prezentována na VKontakte tím nejlepším možným způsobem a pro zákazníky bude vhodné s ní komunikovat. Ale nezapomínejte, že všeho je potřeba s mírou! Podívejte se na ještě více neotřelých nápadů pro navrhování komunity VK na stránce služeb agentury Tesla Target.

Stylový design skupiny VK přitahuje cílové publikum a zvyšuje důvěru potenciálních předplatitelů. Jak to navrhnout profesionálně, přečtěte si tento článek.

Každý den se do VKontakte přihlásí v průměru 23 milionů uživatelů. S výjimkou vyhledávače Yandex je vk.com nejoblíbenější adresou mezi ruskými uživateli internetu. Firmy si tam přirozeně přicházejí pro uživatele. Proto za posledních pár let správa sítě přidala tucet skvělých funkcí pro rozvoj značky ve VK: widgety, články, příběhy, komunitní menu. Pomáhají vám mluvit o sobě, najít nové publikum a prodat jim, aniž byste opustili síť.

První věc, kterou potenciální předplatitel hodnotí, je obecný design skupiny VKontakte. Proto jsou dnes miniaturní avatary doplněny velkoplošnými bannery a obálkami, menu a katalogy jsou navrženy ve stejném stylu a usiluje se o to, aby byly příspěvky a příběhy rozpoznatelné. Tento návod vám pomůže založit skupinu VK – shromáždili jsme skvělé zkušenosti velkých společností a na základě jejich kreativity jsme vytvořili jednoduché šablony, které můžete použít ve svých komunitách. Jediné, co musíte udělat, je chytit své logo a otevřít Canva.

Avatar

Avatar je tváří komunity, ze které začíná návrh skupiny VKontakte. Obvykle se jedná o logo společnosti nebo název značky.

Minimální velikost avatara - 200 x 200 pixelů. Lepší je ale nahrát obrázek 2x větší – takto zachováte kvalitu obrázků při komprimaci.

Maximální velikost loga - až 7000 pixelů na každé straně. V tomto případě není poměr stran větší než 5:2, to znamená, že obrázek o šířce 200 pixelů by neměl být větší než 500 pixelů na výšku, jinak editor nabídne jeho oříznutí.

U miniatury bude muset být čtvercový nebo obdélníkový obrázek oříznut na kruh, takže se předem ujistěte, že slova nebo logo nepřesahují kruh.

Avatar odráží poslání značky a může obsahovat důležité informace o službách společnosti a výzvy k akci. Například jednoduché a strohé logo avatara Vc.ru vytváří náladu pro vysoce kvalitní obchodní žurnalistiku a hravého avatara Přidej mě- pro zábavu a odpočinek. Zajímavý vstup Střední ekonomická škola, kombinující akademické logo s neformálním.

Avataři skupin ADME, Vyšší ekonomické školy a vc.ru

Pokud chcete vytvořit pocit elegance a krásy, ale ještě nemáte stylové logo, doporučujeme šablonu. Šablona pomůže nové kavárně dát o sobě vědět. Další vizuálně jednoduchá a lakonická šablona je: trojúhelníky a sešívačky z avatara lze použít v designu skupiny VK jako celku - například v příspěvcích a příbězích k vytvoření jednotného stylu.

Použijte tuto šablonu

Použijte tuto šablonu

Použijte tuto šablonu

Ahoj všichni, milí čtenáři tohoto blogu. Pokračuji ve svém tématu o - ve skutečnosti není vše tak složité, jak se zdá, a není zde nic zvláštního ke studiu. Vaše profesionalita zcela závisí na praxi. No dobře, dnes si povíme o kráse vašich skupin, kráse jídelníčku ve vašich skupinách a o tom, jak krásně navrhnout jídelníček i samotné skupiny a to vlastníma rukama, tzn. zdarma!

Když už mluvíme o jednoduchosti odvětví SMM - i v něm existuje více odvětví a triků, které musíte teoreticky znát, abyste dosáhli výsledků. No dobře, přiznávám také fakt, že v těchto oblastech jsem možná ještě příliš slabý, ačkoliv mám klienty v obou.

Takže, Pojďme vytvořit nabídku pro skupiny VKontakte?

Jak sami navrhnout nabídku ve skupině VKontakte

Ano, přesně na vlastní pěst, protože po přečtení tohoto článku nebudete potřebovat služby freelancerů. I když se nejedná o drahou záležitost, za 1500 si můžete udělat jídelníček na workzila (psal jsem podrobnou zkušenost o práci s touto burzou).

K vytvoření skupiny na VK tedy potřebujeme toto:

1. Layout (grafické uspořádání prvků) – musíme vědět, kde má co být.

2. Základní znalost wiki značení. (o nejstandardnějších věcech si povíme níže, ale pro podrobné prostudování doporučuji tato skupina ).

3. Základní dovednosti v práci s Photoshopem. Budete muset vyříznout kusy rozložení na požadovanou velikost.

Kde mohu získat rozložení menu?

Rozvržení pro návrh nabídky VKontakte lze vzít různými způsoby, například:

1. Na volné noze nebo také Workzilla.

2. Můžete si to vytvořit sami, pokud máte dovednosti Photoshopu. Pokud ne, doporučuji kurzy Evgeniy Popova, zde je jeden z nich, jen pro Photoshop - klikněte.

3. Hotové si můžete vygooglit a stáhnout. Věřte, že jich je docela dost.

No, na druhou stranu... Proč Google? Stačí se přihlásit k odběru aktualizací mých stránek. A klikněte na níže uvedená tlačítka sociálních sítí.

Speciálně pro vás jsem připravil archiv, ve kterém více než 100 různých designů pro skupiny VKontakte!. Po rozbalení zabírá archiv asi 2,5 gigabajtu.

Hlavní podmínkou je být předplatitelem a sledovat sociální tlačítka!

Děkuji. Nyní si můžete stáhnout archiv z tohoto odkazu.
Nezapomeňte si projít zbytek sociálních tlačítek.

Velikosti avatarů a nabídek, které jsou užitečné pro navrhování skupin VK

Abyste mohli správně navrhnout skupinu nebo veřejnou stránku, musíte vědět o velikosti obrázků, které je třeba použít. Věnujte prosím pozornost tomuto obrázku.

Jak vidíte, ve skupině potřebuje avatar velikost 200 na šířku a 500 pixelů na výšku. A pro obrázek hlavního menu – 395 pixelů na šířku a 289 pixelů na výšku.

To je v podstatě vše, co potřebujete. Existují rozložení, existuje pochopení velikostí.

Kreativní část je u konce – zbývá už jen trochu práce. Začínáme technickou částí celého procesu tvorby jídelníčku pro skupiny.

Jak si sami vytvořit skupinu VKontakte s rozložením v ruce

Takže máme makety skupinového designu. Nyní musíte vyříznout potřebné díly.

Pro skupinového avatara samozřejmě není nic potřeba. Z rozvržení nebo obrázku vystřihneme požadovaný díl a vložíme do skupiny. Myslím, že to umíš vložit sám? No to doufám. Pokud ne, pište komentáře, já tuto sekci do článku přidám.

Nyní menu, je třeba ho vyříznout. Samotné menu samozřejmě ne, ale každou část pro menu (tlačítka) je rozhodně potřeba vyříznout.

Nejprve trocha vzdělání.

Jak se liší skupinové menu od veřejného?

Liší se tím, že skupinové menu je v podstatě sada tlačítek. Ale toto menu je vždy skryté! Vždy! A veřejná nabídka je vždy otevřená a ve skutečnosti je to připnutý odkaz vedoucí na stránku se sekcemi samotné nabídky (tlačítky).

Takže znovu: ve skupině - pro zobrazení nabídky musíte kliknout na tlačítko „Nabídka skupiny“, ve výchozím nastavení se toto tlačítko nazývá „Nejnovější zprávy“.

A na veřejnosti (mimochodem ve skupině můžete také) je menu vždy otevřené.

Tento obrázek je ale jeden velký a krásný odkaz, který vede k většímu samostatnému menu. Tady:

Toto obrázkové tlačítko v nabídce je vytvořeno prostřednictvím připnutého příspěvku. Toto je jen příspěvek ve skupině, který navždy připneme! Tento odkazový příspěvek vás zavede na samostatnou stránku, kterou jemně předvytvoříme.

Jak vytvořit samostatnou stránku pro nabídku VKontakte

Chcete-li vytvořit stránku pro budoucí nabídku (navigaci), musíte odeslat následující žádost do VK:

Http://vk.com/pages?oid=-XXX&p=YYY

kde XXX je číslo skupiny, YYY je název stránky (zde jsou povinné všechny otazníky a pomlčky).

Navíc doporučuji, aby byl název normální, atraktivní a smysluplný, protože bude zářit a lidé si na základě tohoto názvu o vás a vaší skupině vytvoří určitý dojem. Například „Navigace“ nebo „Nabídka skupiny“ jsou normální názvy, ale zdají se být banální. Použij svou představivost.

Zadal jsem následující dotaz

Http://vk.com/pages?oid=-97062010&p=navigation

A hned jsem otevřel vytvořenou stránku s možností úpravy.

Zde budete muset vložit kód pro samotnou nabídku pomocí wiki označení. Ale o tom později.

Mimochodem, řeknu vám tajemství, pokud máte skupinu (a ne veřejnou) - standardní nabídku, která již ve výchozím nastavení existuje - je to již stránka sama o sobě. Můžete jej tedy použít, pokud máte problémy s vytvářením dalších stránek.

Jak vytvořit připnutý příspěvek ve skupině nebo veřejně

Ano, a v každém typu komunity se připnutý příspěvek vytvoří stejným způsobem! Vše se dělá velmi jednoduše.

A v okně, které se objeví, klikněte na tlačítko „Připnout“ - je to jednoduché!

Mnoho skupin mimochodem používá připnuté příspěvky jako oznámení. Pokud relevance tohoto inzerátu pominula, stačí znovu kliknout na datum zveřejnění a tlačítko „Odepnout“.

Ve skutečnosti nyní každý používá tuto konkrétní metodu menu.

Hádej proč?

Takže už víme, jak vytvářet stránky a připínat příspěvky. Chladný. Vraťme se k našim rozvržením ram.

Řezání rozvržení pro skupinový nebo veřejný design

Takže pro avatara je vše jasné, nic zde neškrtáme. Vytvořili jsme obrázek požadované velikosti a nahráli jej do VK. Všechno. S avatarem skupiny jsme skončili!

Nyní menu.

Z této skupiny jsem převzal například jídelníček. Vyrobil jsem si to sám a stále k němu mám přístup, takže můžu ukázat i kód stránek.

Takže už víte, jak vytvořit hlavní obrázek pro menu - je to jen připnutý příspěvek.

Klikněte na nabídku a podívejte se na obrázek.

Musíme zvýraznit „klikací“ zóny.

těch. vyberte samotná tlačítka. Dovolte mi, abych vám tyto oblasti zvýraznil červenými čarami.

kolik dostaneme? 5 obrázků. A ne každý obrázek bude knoflík!! Jak vidíte, horní velký obrázek není tlačítko, ale sám...

Takže jsme vystřihli obrázky v tomto směru. Nyní jej musíte „nahrát“ do VK.

Pokud jste pro nabídku vytvořili samostatnou stránku, klikněte na nově vytvořené stránce na tlačítko „Vyplnit obsahem“.

Pokud jste tuto stránku nevytvořili, ale pro menu jste použili hotovou stránku, ihned se vám zobrazí editor stránky a můžete rovnou nahrávat fotografie:

Vyplněno a měli byste vidět následující:

Možná máte jen kód jako na obrázku níže. Pokud ne, klikněte na tlačítko „Zdrojový kód“, toto tlačítko jsem zvýraznil na horním obrázku. A uvidíte následující:

Zde musíme seřadit všechny obrázky, abychom se nepletli (no, to dělám já).

A aby mezi obrázky nebyla žádná výplň, zadejte značku „nopadding“, měla by vypadat takto:

[]

Poté musíte na potřebné obrázky umístit odkazy.

Již víte, jak vytvořit samostatné stránky. Nyní musíte správně zadat tyto odkazy.

Neublížím ti moc. Zde je návod, jak jsem vložil odkazy na stránky ve VK:

[]

toto je stránka-58190479_45419120 - toto je adresa samotné stránky VKontakte, tento identifikátor najdete v adresním řádku vašeho prohlížeče.

To je vše :) Není to těžké?

To je to, co jsem skončil ve svém kódu. Pokud máte něco podobného, ​​pak je vše v pořádku.

Pokud máte nějaké problémy s některým z bodů, kontaktujte nás. Rád pomohu.

Při této příležitosti bych vám rád připomněl, že pro jakoukoli propagaci a podvádění existují skvělé služby, jsou to:

prosperuje | společník | sociální nástroje

Možná jsem neřekl všechna tajemství, která bylo potřeba prozradit. Přiznám se, že mi něco uniklo, přeci jen se článek ukázal jako poměrně velký - napište mi, pokud si všimnete nějakých zjevných nedostatků. Díky předem.

Dobrý den, přátelé.

Každý, kdo se zaregistruje na sociální síti, si nejprve založí a navrhne svou osobní stránku a vyplní osobní údaje. Každý má jiné cíle, takže i jejich přístupy se liší. Někteří lidé se snaží o sobě napsat co nejvíce, přidávat aktuální fotografie a najít staré i nové přátele. Ostatní uživatelé nemají rádi hluk a povyk, nepotřebují nové kontakty, přihlašují se ke svému účtu, aby si mohli přečíst novinky a popovídat si se svým nejlepším přítelem.

Pokud ale vytvoříte komunitu, pak je cílem přilákat co nejvíce lidí, které vaše téma zajímá. Proto je třeba zapracovat na designu a obsahu a zaměřit se na potřeby návštěvníků. Dnes zjistíme, jak vytvořit skupinu na VK, abychom udělali dobrý dojem na cílové publikum a přilákali nové předplatitele.

Když vytvoříte veřejnou nebo skupinu, uvidíte před sebou prázdnou šablonu.

Pojďme zjistit, na jakých blocích musíme zapracovat, abychom získali atraktivní stránku.

• Na fotografii vpravo je avatar skupiny, který se bude zobrazovat ve zprávách a upozorněních pro odběratele. Minimální velikost avatara je 200×200 px a maximální 200×500 px.

• Kryt je banner v horní části obrazovky. Jeho rozměry v plné verzi VKontakte jsou 1 590 px na šířku a 400 px na výšku, v mobilní aplikaci - 1 196 px horizontálně a 400 px vertikálně. Pro správné zobrazení na různých gadgetech byste proto neměli umisťovat výrazné prvky po stranách krytu.

Rozhodli jsme se pro technické parametry. Nyní pojďme pracovat na návrhu hlavních sekcí.

Avatar a miniatura

Toto je obraz, který je „tváří“ komunity. Uživatelé jej vidí vedle zpráv jménem veřejnosti a v seznamu odběrů. Účelem tohoto obrázku je upoutat pozornost a být rozpoznatelný.

Navrhuji skupinu pro rodiče a mám hotové logo. Nyní se podívejme, jak bude vypadat jako avatar. Chcete-li to provést, klikněte na „Nahrát fotografii“ a vyberte požadovaný obrázek.

Nelíbí se mi, že je obrázek oříznutý, tak zvětšuji zobrazovací plochu vytažením za čtverečky po okrajích.

Nyní nastavíme miniaturu, kterou uživatelé uvidí vedle zpráv. Je vhodné, aby byl text poměrně velký a nebyl ořezán, jinak nebude čitelný a bude působit odfláknutě.

Musím přiznat, že můj avatar není ideální, je lepší, když je obrázek na tmavém nebo světlém pozadí. Ale hlavní je být uznán. Pokud se jedná o logo společnosti, není třeba jej měnit. Máte-li možnost si vybrat, snažte se, aby hlavní fotka veřejnosti byla originální a mezi konkurenty vynikla. Zde jsou příklady expresivních obrázků.

Na svůj avatar můžete umístit krátké a užitečné informace:

• skladem,
• telefonní číslo společnosti,
• oznámení o akci,
• cena hlavního produktu,
• volná místa,
• Webová adresa,
• souřadnice kanceláře,
• zavolejte k odběru.

Využijte všechny designové prvky k přilákání návštěvníků a klientů. Ale nepřetěžujte je textem, pište jen o hlavní věci.

Důležité: obrázek pro avatara musí být kvalitní, text musí být jasný a poměrně velký.

Pokrýt

Tento prvek je největší a nejvýraznější v celém designu stránky. Ale mějte na paměti, že když jej přidáte, avatar se z hlavičky stránky odstraní. Chcete-li nahrát úvodní obrázek, přejděte na „Spravovat“.

A vedle nápisu „Community Cover“ klikněte na nápis „Add“.

V okně, které se otevře, se nám nabízejí 2 možnosti: vytvořit běžný nebo „živý“ kryt. Poslední možnost předpokládá, že nahrajete až 5 fotografií a videí, které se navzájem nahradí v horní části veřejné stránky. Přidal jsem obyčejný obrázek.

Poté zavřete okno a obnovte stránku. Tady je to, co mám.

Pojďme se podívat, jak obrázek vypadá na mobilním telefonu.

• výzva k odběru s jasným nápisem nebo šipkou,
• oznámení důležité události,
• množství spokojených zákazníků,
• firemní motto
• další relevantní informace.

Do dynamických záhlaví můžete také umístit videa, ankety a statistiky.

Informace

Popis pomůže návštěvníkům pochopit, jaké užitečné a zajímavé věci získají, pokud se přihlásí k odběru nebo se ke skupině připojí. Také v této sekci je často odkaz na webovou stránku - hlavní webový zdroj společnosti nebo organizace. Pokud jste jej nepřidali ihned při vytváření skupiny, udělejte to nyní v sekci „Správa“.

Chcete-li přidat informace o komunitě, jednoduše klikněte na odpovídající nápis na hlavní stránce.

Tento blok nemá schopnost krásně formátovat text, ale můžete přidat další užitečné odkazy a hashtagy, abyste zvýšili relevanci stránky ve vyhledávání. Když je text připraven, klikněte na „pták“ v pravém horním rohu.

Připnutý příspěvek

Správně navrhnout skupinu znamená zajistit, aby návštěvníci okamžitě pochopili, že zde dostanou zajímavé a potřebné informace. Chcete-li to provést, vyberte jasný a užitečný materiál s atraktivním titulkem a připněte jej úplně nahoře v informačním kanálu.

Chcete-li příspěvek připnout, po publikování umístěte ukazatel myši na ikonu nabídky v pravém rohu a vyberte požadovanou akci.

Popis komunity může nahradit příspěvek v horní části stránky. Může být krásně navržen, umístit navigační nabídku nebo užitečné odkazy a napsat pravidla skupiny. Obrázek může být pokračováním nebo doplňkem k avataru, pokud není použit obal. Podívejte se, jak to vypadá na ukázce.

Dalším způsobem, jak upoutat pozornost návštěvníků, je připnout si video. Když uživatel vstoupí do komunity, toto video se automaticky začne přehrávat, ale aby nebylo příliš rušivé, roluje se bez zvuku. Pokud má člověk zájem, hlasitost si upraví sám. Pomocí Supa video maker můžete vytvářet krátká videa.

Co dalšího lze přidat do záhlaví komunity:

• nejoblíbenější příspěvek, který již získal mnoho lajků a komentářů;
• oznámení důležité události;
• zpráva o slevách a akcích;
• Praktické vtipy;
• průzkumy;

V tomto článku bych rád systematizoval všechny své znalosti o navrhování 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ů VKontakte provedl mnoho 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 vzpamatovali z nějakého šoku po redesignu VKontakte a za viditelnými změnami jsme objevili mnohorozměrné fungování a obsah 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 tématu podnikání a pohodlí uživatelů.

Jedná se především o výběr grafického návrhu ze dvou vzájemně se vylučujících možností, vytvoření interního menu, výběr vstupního bodu do interního menu, pochopení rozdílu mezi katalogem a vystavením produktu, přípravu propagačních materiálů k propagaci skupiny a využití užitečných aplikací . Ale nejdřív. Nejprve se podíváme na základní designové prvky skupiny, poté přejdeme k jejich interakci v podobě různých kombinací a následně si povíme o některých užitečných vlastnostech a jemnostech.

1. Horizontální kryt (záhlaví)
Začněme horizontálním krytem nebo záhlavím. Vývojáři VKontakte nás ujišťují, že kryt díky své velikosti poskytuje větší manévrovatelnost při poskytování a vizualizaci informací. Obvykle hlavička kromě krásného obrázku obsahuje logo, doprovodné informace, kontakty, výzvu k připojení do skupiny a adresu webové stránky. Mám podezření, že jednou se kryty stanou jedinou možnou variantou designu pro skupinu, takže bych na ně doporučoval okamžitě přejít, aby se předešlo pozdějším předělávkám vyšší moci.

Jak nahrát obálku
Chcete-li si stáhnout obálku, musíte přejít na Správa komunity >> Blok základních informací >> Obálka komunity >> Nahrát. Doporučená velikost obalu je 1590 x 400 pixelů. V záhlaví nemohou být žádná pracovní tlačítka, na která lze kliknout - v podstatě je to obrázek a to je vše. Dnes je kryt viditelný na mobilních zařízeních a zdá se, že je již viditelný v aplikacích a klientech.

Záložka Wiki Nejnovější zprávy
V horním bloku pod záhlavím nyní mohou být tři záložky: připnutý příspěvek, informace o komunitě a nabídka wiki (pouze ve skupinách, na veřejných stránkách taková záložka není). Důraz je stále kladen na připnutý příspěvek, ale i díky jeho přítomnosti bude mít uživatel 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 (zpočátku se nazývá Nejnovější zprávy), musíte přejít na Správa komunity » Sekce » Materiály » Omezené (nebo otevřené) » Uložit.

2. Vertikální avatar
Nyní zaměřme svou pozornost na starého dobrého avatara pro skupinu o rozměrech 200x500 pixelů. Prozatím je to také způsob, jak navrhnout skupinu. Avatar obvykle obsahuje následující informace: logo, doprovodný text nebo slogan, kontakty, volání pro připojení ke skupině. Na mobilních zařízeních není vidět celý avatar, je vidět pouze jeho část – miniatura. Pro návrh skupiny můžete použít buď horizontální záhlaví (obálku) nebo vertikální banner. Pokud existuje záhlaví, svislý avatar není viditelný. Na avataru nemohou být žádná funkční tlačítka, která lze stisknout - v podstatě je to obrázek a to je vše.

3. Miniatura
V současnosti se k vytvoření náhledu používá vertikální avatar, jehož minimální velikost je 200x200 pixelů. Miniatura se používá v příspěvcích a záznamech ve formě malého kroužku u názvu a ve formě většího kroužku v některých výběrech a zmínkách komunity. V souvislosti s přechodem na kulatý tvar se zpřísnily požadavky na miniatury. Aby byl text na miniatuře plně čitelný, nesmí vizuálně přesahovat hranice kruhu.

Jak nahrát miniaturu
Miniatura se stala zcela samostatný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 fotku“ v bloku avatarů (vpravo nahoře). Pokud návrh obsahuje záhlaví (obálku), pak pro nahrání náhledu musíte kliknout na kroužek bezprostředně pod záhlavím a vybrat tam „Nahrát fotografii“.

4. Banner
Banner (anglicky banner - flag, banner) je grafický obrázek informačního, reklamního nebo motivačního charakteru. Banner je připojen jako obrázek k příspěvku a může mít pouze jeden interní odkaz. Mnozí jsou stále přesvědčeni, že z banneru na hlavní stránce lze vytvořit několik odkazů. To není pravda, stačí jeden odkaz a je to. Vyzdvihl bych následující typy bannerů.

4.1 Informační banner
Běžný typ banneru obsahující 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ý příspěvek ve skupině. Velikost tohoto banneru je 510x307 pixelů. V této velikosti se spodní část banneru shoduje s avatarem. Pokud není spojení s avatarem, můžete použít libovolnou 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ě - s touto velikostí zabírá banner největší možnou plochu v news feedu.

4.2 Banner pro vstup do interního menu
Pokud k banneru z předchozího odstavce přidáme chytlavý nápis „Otevřít menu“, získáme banner, jehož hlavním úkolem je sloužit jako vstupní bod do interní nabídky. Někdy vytvoří návnadu v podobě několika tlačítek na banneru, ale to je iluze, když uživatel klikne na vnitřní stránku, a tam má každé tlačítko svůj vlastní odkaz. Velikost tohoto banneru je 510x307 pixelů. V této velikosti se banner ve spodní části shoduje s avtarem. Pokud není vstup do nabídky vázán na avatar, 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 je alespoň 510 pixelů.

4.3 Karta pro repost, propagace
V poslední době jsou obzvláště důležité karty pro reposty nebo propagační akce. Jeho úkolem je výzva ke konkrétní akci. V zásadě je to „Připoj se ke skupině, odešlete nebo lajkujte a vyhrajte 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 na začátku roku vytvořili větší velikosti pro obrázky gif, gify se okamžitě postavily na roveň informačním bannerům. Například na banneru GIF můžete zobrazit 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 autorun animace gif v news feedu se GIFy staly předmětem velké pozornosti inzerentů a marketérů.

5. Avatar+pevný design banneru
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 provést tento návrh, jsou popsány v lekci. S příchodem hlavičky (krytu) může obliba tohoto provedení mírně klesnout.

Plus je tu možnost, že VKontakte opět změní některé parametry bloků a pak celý design spadne, jak se to stalo dvakrát za posledních šest měsíců. Takže, milí majitelé skupin, při výběru designu pro vaši skupinu zohledně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ý příspěvek je umístěn těsně pod ním.

6. Interní navigační menu
Nabídka ve formě aktivních odkazů se nachází na interní stránce VKontakte a je napsána pomocí příkazů wiki. Jak vytvořit samotnou vnitřní stránku je popsáno v lekci. Pomocí nabídky se uživatel pohybuje ve skupině. Níže se podíváte na typy interních nabídek, ale nyní se zaměříme na několik důležitých bodů.

Vstupní body do vnitřní nabídky
Rád bych upozornil na jeden jemný bod, kterému se často nepřikládá důležitost. Občas si u mě klienti objednají interní menu, ale absolutně netuší, jak se uživatel dostane právě k tomuto internímu menu. A můžete se k němu dostat dvěma způsoby: buď přes připnutý 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, Informace, Objednat. 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 na interní 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ě. Odkazy na témata s diskuzemi (například Recenze), na dialogové okno pro psaní zpráv, na aplikace (viz bod 10), na výběr podle hashtagů (viz bod 12) se otevírají ve stejném okně a v tomto případě se můžete vrátit zpět menu pouze přes hlavní stránku webu, nebo přes tlačítko „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. Moje odpověď je, že 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ě jednoduše zničíte 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 při práci na značení přináší většinu problémů: obrázky se mohou zmenšit, různé parametry mohou mizet. To je jedna z věcí, která bude v budoucnu určitě napravena, ale prozatím musíme mít tuto skutečnost na paměti.“

Mobilní responzivní
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 jej rozmístit na tabulky. Poté bude obraz pevně fixován. 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ě zamýšlené pořadí.

Zde jsou opět slova vývojářů o přizpůsobivosti. „Nabídka wiki se zobrazuje v mobilních prohlížečích, ale nepřizpůsobuje se velikosti obrazovky, což znamená, že obrázky nemusí vypadat stejně jako na počítači. Na internetu můžete najít návody, jak přizpůsobit wiki značení 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ích nabídek. Existují jednodušší a levnější řešení, která mají vysokou míru spolehlivosti. A existují složitější a pracnější návrhy z hlediska grafiky a rozvržení. Ale vypadají efektně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. Tady je lekce.

7.3 Menu ve formě ikon, dlaždic
Tento design zahrnuje několik řádků a sloupců ve formě grafických ikon a nápisů pro ně nebo grafických vícebarevných nebo monochromatických dlaždic.

7.4 Dynamická nabídka s efektem navigace
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 wiki značením, protože budete muset také upravovat informace na stránkách ve wiki značení. Zde je lekce na toto téma.