Logo Vkontakte a avatar Vkontakte. Jaký je rozdíl mezi logem skupiny a skupinovým avatarem? Jak správně uspořádat skupinu VKontakte - základní prvky a užitečné funkce

Dobrý den, přátelé! Dnes bych s vámi rád probral velmi důležité téma – loga webových stránek. Logo není jen vizitka, je to tvář firmy, společnosti nebo dokonce webové stránky. Souhlasím, věříme značkovým věcem, i když nevíme, jaký druh značky to je a odkud pochází. Krásný obrázek hovoří o solidnosti, což znamená, že jeho majiteli lze věřit.

Internetové zdroje, pokud chtějí upoutat pozornost a důvěru uživatelů, musí mít své vlastní zapamatovatelné logo. Jak si ale vytvořit logo pro web sami, když není po ruce dobrý designér nebo program, který by mohl pomoci nebo dokonce tento úkol provést automaticky? To je to, o čem bych dnes chtěl mluvit. Naučíme se, jak si vytvořit logo sami online pomocí příslušných služeb a služeb, kterých je na internetu již poměrně dost.

Jak víte, logo bylo poprvé použito velkými a nepříliš velkými velké společnosti s jediným cílem odlišit váš produkt od šedé masy konkurenčních analogů. Lidé mají mnohem více rádi znaky než slova, a proto může dobrý obrázek přitáhnout pozornost více než dobrý slogan. Používal se před 100 lety a používá se i nyní. Včetně internetu.

Jaký by měl být název zdroje? Existuje několik tipů, jak vytvořit logo tak, aby fungovalo. Než o nich budeme diskutovat, pojďme diskutovat o typech log nalezených ve virtuálních prostorech.

Text

Nejvíce, možná, nejjednodušší možnost. Nejčastěji je takovým znakem název blogu nebo zdroje. Udělat si logo sami v tomto případě není tak těžké. Stačí trochu designérského talentu, protože základ – nápis – už je.

Symbolický

Úplný opak toho prvního. V tomto případě žádné informace, pouze krásný a zapamatovatelný obrázek. Pro představivost je to jen nekonečný mnohoúhelník. Ale musím říct, že obrázek nemusí být statický. Některá loga se mohou dokonce hýbat.

Kombinovaný

Toto je nějaká směs první a druhé možnosti. Zde je velmi důležité to nepřehánět a zachovat paritu mezi grafikou a textem. Rovnováha je nejdůležitějším faktorem. Proto bude vytvoření kombinovaného loga sami obtížným úkolem. Ale s malými znalostmi a dobrá služba není to tak těžké.

Okamžitě může vyvstat otázka, kterou možnost zvolit? Hned teď vám řeknu, že v tom není žádný rozdíl. Z těch log, která zde vidíte, jsou všichni známí a zapamatovatelní. Proto není tak důležitý typ loga jako kvalita jeho výroby. Zde je několik tipů, které je třeba mít na paměti:

• Ikona je prostě povinna urychlit vývoj projektu. Pokud se přidáním nic nezměnilo, pak je nejlepší zkusit něco jiného.
• Musí být originální a jedinečné. Nepřitahujte negativní pozornost různých bojovníků proti plagiátorství. Černé PR zdroji nepomůže.
• Logo si musíte zapamatovat od prvního okamžiku. vizuální paměť je nejlepší nástroj k udržení uživatele.
• Musím říct, že si můžete pamatovat různými způsoby. Jak negativně, tak pozitivně. Pokud si chcete logo vytvořit opravdu sami, je lepší ho udělat tak, aby neobtěžovalo.

Nyní jsme plní teoretických znalostí o těchto tajemných ikonách. Je čas zkusit vytvořit jeden z nich. Začněme tvorbou textu.

Tvorba textových log

Jak jsem řekl, budeme využívat ty služby, které jsou na internetu. Mluvit o všech je hloupé, takže zde jsou podle mého názoru některé z nejkurióznějších.

1. Služba Creatr.cc

Zdroj je v angličtině, ale jeho rozhraní je poměrně jednoduché.

Pro naše pohodlí jsem tedy pracovní prostor rozdělil do několika zón. V první volíme obecný styl budoucího loga.

Zóna číslo 2 je zodpovědná za samotný nápis. Chci vás varovat, tento zdroj není příliš přátelský s azbukou.

Ve třetí části stránky vybíráme Specifikace hlavní nápis. V tento případ jedná se o dvě barvy symbolů a celkový vzhled.

Čtvrtá oblast je zodpovědná za malou ikonu následující za nápisem. Můžete do něj také umístit text výběrem jeho barvy. Zde je také nastaven geometrický tvar ikony.

Pátý blok je myslím jasný všem. Zde mluvíme o pozadí. Kromě barvy je možné experimentovat s průhledností.

V šestém bloku máme tlačítka pro nastavení různých vizuální efekty. Pokud nejsou potřeba, pak je lze bez větších potíží vypnout.

Služba se na první pohled zdá poměrně složitá, ale ve skutečnosti je vytvoření loga svépomocí s její pomocí celkem snadné.

2 Cooltext.com

Zde je vše trochu složitější, ale pro nás je to plus, protože můžete vytvořit něco velmi originálního. Jakmile adresa spadne do požadovaného řádku, dostaneme se na stránku, kde budeme muset zvolit obecný styl ikony.

Vyberte jeden, přejděte na nová stránka, kde si již vytvoříme obrázek, který potřebujeme.

Vše je zde velmi jednoduché. Řádek po řádku píšeme požadovanou zprávu, vyberte jeho barvu, velikost, 3D efekt a jeho případné vlastnosti, barvu Pozadí a další Technické specifikace. Některé z nich budou vybrány samostatná stránka, například typ písma. Vše je velmi jednoduché a přehledné. Chcete-li získat logo do svého vlastnictví, budete si ho muset stáhnout. Stiskneme tlačítko v dolní části formuláře a přejdeme na stránku, kam můžete nahrát vytvořený obrázek.

3. Služba Grsites.com

Trochu složitější, ale celkem stravitelná obsluha. Zde musíte okamžitě vybrat statickou nebo "živou" ikonu, kterou vytvoříme.

Statické obrázky jsou jak barevné, tak černobílé. Vyberte si například barvu a začněte vytvářet své logo.

Doporučuji začít hned s druhou oblastí, kde můžete tisknout požadovaný text a dát mu požadovaný efekt. Zbývající dvě níže uvedené oblasti jsou zodpovědné za výběr požadované písmo a dát nápisu požadovaný efekt. Poslední blok umožňuje vybrat formát ikony a kvalitu.

Vraťme se k prvnímu bloku.

Zde máme úpravu barev a podmínek přechodová výplň. Nebudu mluvit o tom, jak se vertikální gradient liší od horizontálního. Vše je dostatečně jednoduché na to, abyste na to přišli sami.

Musím říct, že tuto službu považuji za jednu z nejobtížnějších, i když pro někoho může být nejpohodlnější. Můžete si s ním také vytvořit logo sami.

No, poslední věc, kterou budeme zvažovat, když mluvíme o textových logách, jsou loga tlačítek. Vyrábět je je velmi pohodlné a služeb, které služby pro jejich tvorbu nabízejí, je také nespočet. Zde je jeden z nich:

4 Flamingtext.com

Základní. Nahoře vidíme čáru označující, v jaké fázi stvoření se nacházíme. StepbyStep vytvořte požadovaný obrázek výběrem požadovaného stylu, písma, barvy a dalších efektů. Snad nejjednodušší a nejpromyšlenější služba.

5. Servis Dabuttonfactory.com

Jednoduchý editor stránek, který umožňuje vytvořit logo pro stránky velmi rychle a bez velkého úsilí. Na levé straně obrazovky jsou tlačítka pro změnu textu tlačítka loga. Vybereme písmo, velikost, vzdálenost od textu k jeho stínu, pokud existuje. A samozřejmě píšeme textové informace, které potřebujeme.

Editor pozadí se nachází na pravé straně obrazovky. Volba tvaru tlačítka zde není velká a jde o volbu zaoblení pro standardní obdélník, ale přesto. Zde se také volí výplň (jedno-, dvoubarevná nebo přechodová) a její barva. Tímto způsobem se vyrábí hromadná a téměř totožná loga tlačítek.

No a poslední způsob, jak si udělat logo pro web sami, je použít ho pro všechny slavný program Photoshop. Mluvit o tom, jak přesně v něm něco vzniká, je v tomto tématu naprosto nesmyslné. Pokud umíte program používat, pak vytvořte logo rychle a bez problémů. Pokud ne, lze školení ve Photoshopu roztáhnout na 10 nebo dokonce 20 plnohodnotných lekcí. V něm si mimochodem můžete vytvořit grafické nebo kombinované logo.

Takový proces lze rozdělit do několika jednodušších fází. Tvar našeho loga, jeho barvu, font nápisu a další drobnosti si určíme ještě předtím, než se pustíme do práce. Věřte, že je lepší kreslit přesně, když předem víte, co chcete nakonec získat.

Pokud mluvíme o tom, kde získat nápady na tvorbu, pak vám doporučuji věnovat pozornost existujícím a oblíbeným logům. To samé Coca-Cola nebo Playboy. Jednoduché, ale vysoce evokující, jsou dokonalým ztělesněním loga, které si budeme pamatovat za 200 let.

Ale to už je možnost spíše pro umělce než pro webmastery. Vy a já, obyčejní smrtelníci, je lepší použít nějakou záludnou službu převzatou z internetu. No, pojďme na to.

Tvorba grafického loga

Služba Onlinelogomaker.com

První problém je najít požadované tlačítko přejděte do samotného editoru. Měli byste ho najít, zvláště pokud budete věnovat pozornost červenému textu ve spodní části. Klikněte na odkaz a přejděte na stránku editoru.

Podstata vytvoření obrázku sestává ze dvou jednoduché postupy. Vybereme obrázek a upravíme jej, poté vytvoříme nápis a případně jej upravíme. Nástroje (Tools) najdete na levé straně obrazovky. Ve skutečnosti je naše logo hotové. Je to velmi jednoduché a rychlý způsob vytvořit nějaké pěkné jedinečný obrázek a používat jej pro své vlastní účely.

Photoshop samozřejmě nikdo nezrušil. Jste schopni nakreslit nebo upravit obrázek, který již někdo nakreslil? Vy a karty ve vašich rukou. Ale zde již budeme mluvit o vážné a dokonce mnohahodinové práci. Můžete vytvořit logo, které je opravdu jedinečné a úžasné, pokud máte talent a kapku vytrvalosti.

Objednání loga u specialistů

Zde bych vyzdvihl jeden zdroj - domácí analog zahraničních generátorů log.
Všechno je zde docela jednoduché. Vyberte si oblast svého podnikání nebo téma webu, zadejte název společnosti a je to - systém sám vygeneruje několik desítek hotových log.
Po výběru požadovaného loga jej můžete upravit – změnit barvu, písmo, umístění prvků, přidat stín atd. Pokud vám vše vyhovuje, můžete ihned přistoupit ke stažení loga.
Zde jsou však dvě možnosti: stáhnout si logo zdarma v malém rozšíření nebo ve velkém (ale za poplatek, který je nainstalován na webu).
Obecně je to na vás. Služba je pozoruhodná svou rychlostí, podporou azbuky a docela dobrými logy, ale pěkné logo budete muset zaplatit =). I když můžete podvádět - stáhněte si malé logo a překreslete ho ve Photoshopu a změňte jeho velikost na požadované. Na logaster.ru můžete také vytvářet vizitky a firemní hlavičkové papíry. Zde je příklad toho, co jsem pro svůj web udělal:

Pokud nemáte chuť vytvořit obrázek nebo to chcete udělat dobrý specialista Připravte se tedy utratit nějaké peníze. Nebudu mluvit o žádných designových studiích, kde náklady na vytvoření loga hraničí se stratosférou. Jsme jednodušší lidé, a proto vám doporučuji obrátit svou pozornost na freelancery. Tyto užitečné lidi hromadí na různých burzách na volné noze. Hlavní věc je naučit se jasně a přesně nastavit úkol. Je docela těžké vysvětlit člověku, jak chcete logo vidět, protože když si představíte obrázek, tak si ho uděláte sami. Ale obecný směr bude muset být stanoven. Barva, celkový styl, možné možnosti obrazu - to vše je nejlepší promyslet ještě před kontaktováním specialisty. Vsadím se, že hodně lidí zajímá emisní cena. Je poměrně obtížné určit rozsah, ale v průměru může postup pro vytvoření jedinečného loga stát 500-2000 rublů. Vše závisí na složitosti a samozřejmě na úrovni profesionality specialisty.

(4 hodnocení, průměr: 5,00 z 5)

Dnes zjistíme skutečnou velikost avatara pro skupinu Vkontakte. Po přečtení článku dostanete nejen odpověď na tuto otázku, ale budete moci i stahovat Šablona PSD krásný avatar a banner, vyrobené ve stejném stylu.

S ohledem na všechny nedávné změny maximální zobrazená velikost avatara pro skupinu VKontakte je 200×500 px. Stojí za zmínku, že pro dosažení maximální kvality je třeba nahrát obrázek 2-3krát větší. Pak bude ztráta kvality obrazu po nahrání do VK méně patrná.

Hlavním pravidlem je dodržet poměr šířky k výšce: 2 až 5, resp.

Nyní znáte velikost, zbývá zjistit, kdy se vyplatí použít celou dostupnou výšku a kdy můžete vytvořit avatara menší výšky. A záleží na několika faktorech:

• Téma nebo výklenek;
• Nabízený produkt/služba;
• Design

Pokud máte málo konkurenční a pro každého srozumitelnou niku, pak bude stačit umístit logo, název firmy a někdy i krátké vysvětlení činnosti.

Tituly „Overheed | Ufa“ nebo „Sportovní zprávy | Ufa“ nepotřebují vysvětlení - vše je jasné. Obrázek loga s názvem internetového obchodu však potřebuje vysvětlení s uvedením produktu, který se v něm prodává: „internetový obchod s dětským oblečením“.

V závislosti na specifikách nabízeného produktu nebo služby může být vyžadován další prostor pro výhody. Vypsáním výhodných podmínek pro klienta se ukáže, že vyniká nad konkurencí. Kvůli nim se ale bude muset zvětšit velikost avatara.

Myslím, že to není špatné. Pokud něco pomůže zvýšit konverzi, musíte této příležitosti využít.

Hraním s designem můžete získat zcela krásnou a funkční verzi avatara maximální velikost, přičemž na něj umístíte minimum detailů.

Tento přístup je přijatelný pro zábavní komunity nebo skupiny soukromých fotografů. A komerční komunity s vysoká úroveň konkurence by měla maximálně využít dostupnou velikost avatara.

Šablona avataru a nápisu

Vytvořili jsme šablonu, kterou si můžete stáhnout z odkazu níže. S ním je možné si udělat profesionálního avatara svépomocí, ale nebude to nic jedinečného. I když to neznamená, že to nebude fungovat, možná by stálo za to zvážit individualitu a přečíst si naši bonusovou nabídku.

Bonus

Všem, kteří dočetli článek až do tohoto odstavce a rozhodnou se s námi, nabízíme slevu 200 rublů. Při objednávce uveďte tento kód do těla e-mailu: HWC-DEZiGN-200. Kód je platný pouze pro jednu z vašich objednávek.

V tomto článku se krok za krokem podíváme na to, jak správně vytvořit, nakonfigurovat a správně navrhnout komunitu VKontakte.

Budování komunity

Komunitu VKontakte můžete vytvořit tak, že přejdete na kartu „skupiny“, „správa“, „vytvořit komunitu“.

Typ a téma komunity

Pro začátek se budete muset rozhodnout pro typ komunity v závislosti na vašich cílech a zvolit téma komunity.

Návrh skupiny

Po výběru typu komunity můžete přistoupit k tomu nejdůležitějšímu, tím je design. Design vaší komunity je jakousi vizitkou společnosti, v závislosti na tom, jak dobrý bude design, vaši potenciální odběratelé vyvodí závěry o vaší práci.
Obal si můžete stáhnout tak, že přejdete do „nastavení“ a poté klikněte na „stáhnout“.

Kryt může obsahovat:

• název
• logo
• motto
• kontaktní informace
• propagace nebo výzva k akci
  Důležitý bod: obal je první věc, kterou klient uvidí, když přijde do vaší skupiny, takže obal by měl být jasný a přitahovat pozornost.

Kryt v komunitě MTS

Kryt v komunitě Tinkoff Bank

Obálka v komunitě HeadShot
Velikosti obrázků pro navrhování komunity VKontakte.
Velikost obalu pro skupinu VKontakte 1590x400px
Velikost miniatury avatara je kruh o průměru 200px

VKontakte se také nedávno objevily dynamické obaly pro komunity.
Dynamické kryty mají velmi bohatou funkcionalitu, se kterou si můžete zobrazit nejnovějšího odběratele, nejlepšího komentátora na obálce, upravit si změnu pozadí dle libosti, přidat widget počasí, čas a mnoho dalšího.

Popis komunity

V popisu jde především o to, co nejstručněji popsat hlavní přednosti společnosti.
Důležitý bod: nemusíte popisovat vše, co vaše společnost udělala, dělá nebo bude dělat. Nikdo nebude číst dlouhý popis. Máte několik sekund na to, abyste upoutali pozornost, než si zákazník začne prohlížet příspěvky na zdi komunity. Proto by popis měl obsahovat pouze klíčové body, které odrážejí podstatu komunity/společnosti.

Life hack: Abyste mohli komunitu popsat podrobněji (s fotkami, odkazy a krásným rozložením), musíte do připnutého záznamu vložit příspěvek na wiki, ve kterém jasný obraz a výzva k akci.

Příklady příspěvků na Wiki:

skupinový avatar

Avatar komunity je důležitým detailem obecná konstrukce kvalitní design, v tomto článku jsme identifikovali několik velmi důležité body zvážit při vytváření komunitního avatara.
Vzhledem k tomu, že se nyní převážně používají komunitní obaly, je samotný avtar ve skupině zobrazen jako miniatura. Proto zde budeme hovořit o tom, jak důležité je navrhnout miniaturu avatara. Jak je uvedeno výše, velikost miniatury avatara je kruh o průměru 200px.

1. 1. Text
      Pokud umísťujete text na miniaturu avatara, je důležité, aby byl velký a nepřesahoval přes avatara.
   2. Porozumění
      Na avatar je nutné umístit obrázek, na kterém bude jasné, co je zobrazeno.
   3. Minimalismus
      Aby váš avatar vypadal relevantní, můžete jej vytvořit v minimalistickém stylu: méně slov a zbytečných prvků, které nenesou téměř žádnou sémantickou zátěž. Miniatura avatara by měla být co nejjednodušší a čitelná.
   4. Přilákat pozornost
      Aby miniatura avatara přitahovala pozornost. Musíte ji navrhnout tak, aby nebyla příliš bílá a nudná, jinak se na pozadí barevnějších avatarů konkurentů ztratí.

Co umístit na miniaturu avatara?

Zvažte možnosti použití miniatury avatara jako lákadla pro předplatitele komunity.

Nastavení komunity

Přechodem na kartu "správa komunity" můžete přijít s krátkou adresou stránky a uvést ji Dodatečné informace.

Dále na kartě „odkazy“ označte odkazy na vaši stránku v jiných sociálních sítích a odkaz na váš web.

V záložce "sekce" povolte potřebné. Pohodlnější je nastavit komunitní zeď jako omezenou, aby se v budoucnu neshrabovala z publikací spambotů.

Zahrňte zboží, pokud je vaše komunita určena k prodeji zboží nebo služeb.

Můžete také přidat aplikace do komunity a upravit je pro své účely. Například pro práci s leady je nejpohodlnější aplikace Aplikace. Jedná se o online schůzku a přijímání objednávek. Nebo například aplikace „Mapy“, s adresami vašich prodejen, kanceláří, akcí. S aplikací Koupit vstupenku můžete prodávat vstupenky na akce přímo na stránce komunity, tzn. předplatitelé/zákazníci si budou moci koupit vstupenku, aniž by museli chodit na vaše stránky.

Wiki menu - krásné a informativní

Je to další způsob, jak ukázat jedinečnost vaší komunity, upoutat pozornost zákazníků a také strukturovat služby, produkty a veškeré informace o stránce. Navíc pomocí nabídky wiki můžete nastavit přímé odkazy, které vedou přímo na webové stránky společnosti.

Příklady wiki menu:

Podrobný návod na vytvoření wiki menu naleznete zde -

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í, vytvoření interního menu, výběr vstupního bodu do interního menu, pochopení rozdílu mezi katalogem a ukázkou produktů, příprava propagačních materiálů k propagaci skupiny, použití užitečné aplikace. Ale nejdřív. Nejprve se podíváme na hlavní prvky skupinového designu, 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 funkcích a jemnostech.

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
Horní blok pod záhlavím nyní může obsahovat tři záložky: připnutý příspěvek, informace o komunitě a nabídku 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 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ě - s touto velikostí zabírá banner největší 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ř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 Nedávno karty pro reposty nebo propagace získaly zvláštní význam. 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í gif animací 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 skládající se 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ě. 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 pomocí hashtagů (viz bod 12) se otevírají ve stejném okně a v tomto případě můžete získat zpět do menu pouze 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 rozhodnutí o rozpočtu 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 poučení.

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 klikání na tlačítka nebo jiné označení navštívených odkazů. Taková nabídka je poměrně náročná na správu 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.