Vše pro skupinu VKontakte. K určitému obsahu je přístup veřejnosti uzavřen, protože. není to pro každého

Grafické prvky v designu komunity Vkontakte upoutají pozornost návštěvníka, udrží ho a také zvýší uznání skupiny nebo veřejnosti mezi tisíci podobných komunit. Grafické menu navíc usnadňuje navigaci v sekcích skupiny a pomáhá členům a dalším uživatelům sociální sítě orientovat se ve struktuře velké komunity.

Vyhledávání ve VK nebo prohlížení portfolia návrhářů ukáže mnoho úspěšných příkladů designu skupin Vkontakte, na kterých můžete stavět při výběru krycího menu pro vaši komunitu.

Pro návrh skupiny Vkontakte se používají následující rozměry:

Obálka stránky je zobrazena nahoře, pro celou šířku veřejnosti, velikost je 1590 x 400 pixelů;
Velký avatar — vertikální banner 200x500 px (poměr stran 2:5), zobrazený vpravo nahoře;
V každé zprávě skupiny je zobrazen malý avatar, kulatý obrázek o velikosti 200x200 pixelů.
Obrázek nabídky pro skupinu VKontakte, šířka 510 pixelů, výška 307 (aby spodní okraj nabídky pěkně ladil se spodní částí velkého avatara vpravo).

Pokud je v nastavení komunity nahrán titulní obrázek, velký avatar vpravo se nezobrazí.

Jak si sami vyrobit klobouk pro skupinu Vkontakte

Aby hlavička komunity vypadala krásně, musí být všechny její grafické součásti navrženy ve stejném stylu (sada barev, loga, fonty) nebo být součástí jednoho obrázku. Při navrhování skupiny Vkontakte na vlastní pěst je prvním krokem příprava obrázku na pozadí. Může to být tematický obrázek z bezplatných fotobank (například pixabay.com).

Otevřete obrázek v grafickém editoru. Oříznutí nebo přizpůsobení velikosti: délka 1590 px, výška 400 px.

Poté můžete použít potřebné nápisy (název skupiny, slogan, výzva k připojení ke komunitě). Nyní musíte nahrát obálku do komunity, abyste to udělali, přejděte na položku nabídky "Správa komunity":

Klikněte na „Stáhnout“ v poli „Obálka komunity“.

V dalším okně vyberte soubor s obálkou dříve připravený v počítači a klikněte na „Uložit a pokračovat“.

Nyní bude mít vaše skupina nový obal. Mějte na paměti, že v tomto případě se již nebude zobrazovat svislý obrázek velkého avatara vpravo.

Obrázek nebo fotografie musí odpovídat tématu komunity.
Používejte vysoce kvalitní obrázky.
Neporušujte autorská práva k obrázkům jiných lidí (v současné době volné zásoby nabízejí velké množství fotografií i ilustrací).
Nepřetěžujte kryt detaily.
Pokud dáte do záhlaví fotku člověka, je lepší, aby se nedíval na návštěvníka, ale na nejdůležitější prvek na stránce (menu, adresu webu, propagační sdělení, hovor).
Používejte vysoce kvalitní písma a ujistěte se, že štítky jsou čitelné v jakémkoli měřítku.

Velikosti čepic ve veřejném Vkontakte v novém designu

Po redesignu této sociální sítě se objevil nový designový prvek – obal. Toto je velký obrázek s horizontální orientací 1590 x 400 pixelů. Záhlaví skupiny Vkontakte je statický obrázek. Dostatečně velký, aby se na něj umístila jasná, zapamatovatelná fotografie nebo obrázek a jméno veřejnosti, firemní slogan, název webu, pracovní rozvrh a další nápisy.

Jak udělat menu pro skupinu VK v novém designu

Proces navrhování nabídky skupiny Vkontakte se skládá z následujících kroků:

Příprava seznamu odkazů na menu (mohou to být stránky, sekce komunity nebo externí weby).
Příprava obrázku na pozadí.
Kresba na obrázku na pozadí nápisů a "tlačítek" nabídky.
Rozdělení obrázku na části.
Povolit stránku wiki.
Načtení grafické nabídky a její formátování pomocí značek wiki.

Obrázek na pozadí by měl být široký 510 pixelů a výška závisí na počtu a umístění položek nabídky. Pro práci s obrázky budete potřebovat rastrový grafický editor, příklady jsou uvedeny níže pomocí bezplatného a lehkého Paint.Net.

Měli byste okamžitě naplánovat umístění položek nabídky tak, aby bylo možné obrázek rozřezat na fragmenty stejné velikosti. To je důležité, aby se nabídka na obrazovce chytrých telefonů nebo tabletů správně škálovala.

Vertikální menu komunity VK s položkami v jednom sloupci

Otevřete obrázek v editoru. Pomocí nástroje Textový editor zapište položky nabídky na pozadí. Chcete-li, aby byly popisky nabídek viditelné, lze je zvýraznit několika způsoby:

Nakreslete rám;
Změňte barvu pozadí pod písmeny;
Přidejte k písmenům stín.

Níže na snímku obrazovky je každá položka zvýrazněna jedním ze způsobů.

Dalším krokem je rozřezání obrázku na kousky:

Proces vyříznutí obrázku lze také provést pomocí pohodlného online nástroje www.imgonline.com.ua/cut-photo-into-pieces.php.

Dále v menu "Správa komunity" přejděte na položku "Sekce" a v položce "Materiály" vyberte "Omezené" (to znamená, že stránky může vytvářet a upravovat pouze administrátor skupiny).

Klikněte na Uložit a přejděte do hlavní skupiny. Poblíž sekce s informacemi o skupině se objevila položka "Nejnovější zprávy".

Přejděte do této sekce a klikněte na Upravit. Změňte název na „Nabídka“ a poté klikněte na ikonu fotoaparátu a přidejte obrázek.

Klikněte na přidaný obrázek a v okně vlastností zadejte odkaz na požadovanou sekci.

Vkontakte automaticky zmenší obrázky na 400 pixelů a vloží další značky. Chcete-li to vyřešit, musíte přepnout do režimu úprav značek.

Každá značka obrázku začíná „[[“ a končí „]]“ a skládá se ze tří částí oddělených „|“: ID obrázku, vlastnosti a odkaz. Je třeba upravit velikosti obrázků a vložit do jejich vlastností značku „nopadding“. Vlastnosti obrázku jsou uvedeny s ";".

Po uložení změn je tvorba menu dokončena.

Menu s horizontálním nebo víceřádkovým uspořádáním položek

V tomto případě se příprava obrazu provádí stejným způsobem, ale s řezáním zdroje a svisle. Nakrájené fragmenty se načítají prostřednictvím rozhraní pro úpravy stránky. Vzájemná poloha pravoúhlých fragmentů se nastavuje pomocí wiki tabulkového značení ve VK. Každá značka obrázku odkazu popsaná v předchozí části je umístěna uvnitř buňky tabulky.

Pravidla pro návrh stolu:

Začátek je označen symbolem "(|), konec tabulky - "|)".
Další vlastnosti jsou specifikovány za "|~"
Nový řádek začíná "|-".
Každá buňka je oddělena "|".

Chcete-li vyloučit další mezery, musíte zadat parametry tabulky "fixed nopadding noborder". Označení pro grafické menu o 2 sloupcích a 2 řádcích vypadá takto:

A samotné menu ve skupině:

Velikost skupinového avatara v novém designu pro design VK veřejnosti

Komunity Vkontakte používají pro avatara dvě možnosti:

Pokud není vložen žádný obal, vpravo nahoře se zobrazí velký obdélníkový banner 200 x 500 bodů.
Miniatura 200x200 pixelů, zobrazená v příspěvcích a diskuzích jako kruh.

Vkontakte potěší své uživatele velkým počtem zajímavě navržených skupin. Mnohé z nich navenek nejsou horší než plnohodnotné stránky. Tento efekt poskytuje kompetentní návrh skupiny, zejména menu a avatarů. Zkušení uživatelé se s tímto úkolem snadno vyrovnají, ale pokud jste začátečník, bude vám článek užitečný.

Jak krásně navrhnout skupinu ve VKontakte

Vytvoření banneru

Při prohlížení skupiny uživatel v první řadě věnuje pozornost avataru a nabídce. Níže budeme hovořit o tom, jak vytvořit dva obrázky ve Photoshopu, jeden z nich správně vyříznout a napsat speciální kód označující

Fáze 1

Otevřete Photoshop, vytvořte nový dokument o rozměrech 630x725 pixelů. Naplňte ji bílou. Ve vrstvě vyřízněte dvě okna. Prostřednictvím těchto oken bude vyhlížet grafický návrh Kontaktu. Nejprve vyberte obdélníkovou oblast 200x710 pixelů a stiskněte tlačítko "Del". Dále vyberte obdélníkovou oblast 382x442 pixelů, spojte výsledné obdélníky zespodu a stiskněte klávesu "Del".

Fáze 2

Pod výslednou vrstvu umístěte grafický návrh skupiny. Nejlepší je předem napsat požadovaný text na obrázek s hlavním pozadím a navíc vytvořit požadovaný počet položek menu.

Fáze 3

Dále pravá obdélníková oblast o velikosti 200x710 pixelů. uložit jako samostatný obrázek. Ukázalo se, že je zcela hotový výkres pro návrh skupiny. Je nutné jej nahrát do bloku, který se nachází v pravém horním rohu stránky. Chcete-li to provést, klikněte na tlačítko "Nahrát fotografii".

K čemu je levý obrázek? Nakrájíme na několik částí (v závislosti na počtu položek menu). Například naše nabídka má 5 položek, což znamená, že výstupem bude 5 obrázků o velikosti 382x50 pixelů.

Fáze 4

Pět přijatých obrázků musí být nahráno do alba skupiny. Dále přejděte na stránku skupiny a vyberte blok „Novinky“, přejmenujte jej na „Nabídka skupiny“ a poté klikněte na „Upravit“.

Fáze 5

Takže jsme se dostali do poslední fáze průvodce „Jak krásně navrhnout skupinu ve VKontakte“. Otevřete záložku s názvem „Zdroj, který je ve spodním okně, musíte zkopírovat a poté vložit do „ Zdrojový kód “. V textu kódu nahraďte fotografii názvy souborů a poznamenejte si výšku souboru (382 pixelů). Nyní vložte adresy odkazů nabídky. Název souboru je převzat z alba.

Fáze 6

Pro dokonalou kombinaci obrázků musí být splněno několik podmínek:

Název skupiny se musí vejít na jeden řádek;

Adresa webu je také jeden řádek.

Popis musí obsahovat 10 řádků.

Označení wiki Vkontakte

Abyste pochopili, jak krásně navržený, musíte se také seznámit s konceptem označení Wiki.

co to je?

Wiki markup je tedy systém pro úpravu stránek podobným způsobem jako HTML. Před zahájením návrhu skupiny Vkontakte rozhodněte o jejím typu. Formátování je grafické a textové.

Návrh textového menu

Kód pro menu bude vypadat takto:

Začátek a konec kódu jsou označeny značkami. Každá ikona bude vypadat jako [] následovaná popisem.

Grafické menu

Kód pro takové menu bude sestaven podle následujícího principu:

! !! !!

Tyto informace se samozřejmě dotýkají pouze povrchu značek Wiki. Více se o tom můžete dozvědět návštěvou oficiální skupiny Vkontakte. Existuje mnoho užitečných informací a videonávodů, jak krásně navrhnout

Dnes budu pokračovat ve svém „Ponoření do skupin VK“. Ve třetím díle "seriálu" jsem řekl a ukázal,. Dnes si promluvme o designu nabídky skupiny VKontakte!

V prvním článku o tvorbě jídelníčku bylo v komentářích hodně dotazů, takže před založením nového tématu odpovím na často kladené otázky.

Otázka 1: První a nejčastější: "Kde je kód v nabídce?" nebo "Pokud při úpravě "Zdrojového kódu" není žádná záložka, jak přidat interní stránku?" nebo "Stále nechápu, co dělat, když se kód neobjeví!"

Odpověď 1: VK změnil editor, nyní pouze jedním kliknutím přepnete mezi vizuálním editorem a kódem (pravý horní roh editoru):

Chcete-li zkontrolovat, v jakém editoru se nacházíte: najeďte myší na toto tlačítko, napište nějaký text a zvýrazněte jej tučným písmem – pokud se neobjeví běžné znaky, pak je to kód

Otázka 2: To druhé je opravdu problematické: jak odstranit mezery mezi obrázky?»

Odpověď 2: Přiznám se, že sám jsem byl vyděšený, když poprvé „šel“ menu pro klienta. Teď to rychle opravuji, ale tehdy to nebyla legrace. Vidět:

Přidejte značku nopadding; a všechno zapadne na své místo!

Mezi obrázky se vkrádá mezera a menu vypadá rozbitě. Pro neznalé to možná není normální, ale pro, alespoň ne profesionální. Tak o co tady jde? Ach, to je velmi jednoduché! Ve VK neustále probíhají nějaké aktualizace, zavádějí se nové algoritmy ... a dokonce i editor je pokřivený ... občas bezdůvodně z kódu vypadnou důležité značky a pak vidíme takový obrázek. Chcete-li to opravit, musíte se podívat do kódu a provést potřebné úpravy. Formát kódu by měl být tento:

Vzor: [] Příklad: []

Obvykle jsou obrázky nabídky posunuty od sebe, protože kód vypadne žádné vycpávky; - vložte jej na místo a vše je zarovnáno. Před uložením výsledku klikněte na tlačítko "Náhled", abyste se ujistili, že je vše hladké.

Otázka 3: Zprávy. V říjnu 2012 Vkontakte násilně odřízl autory skupin a veřejnosti. Nyní má jejich velikost běžný standard 200x500 pixelů. Pokud jste tedy měli ve skupině více avatarů, proveďte aktualizaci (aktualizujte avatara).

Mimochodem, spolu s ořezáváním VK zavedl další novinku týkající se skupinových fotografií: nyní kliknutím na avatar budeme moci, stejně jako v účtu, vidět všechna alba komunity. Je to pohodlné! A z toho je v komunikaci skupiny nakreslena nová funkce.

Tak a tak, s otázkami jsme skončili ... nyní přejděme k samotné tvorbě jídelníčku!

Krok 1. Jak vytvořit nabídku v kontaktu a vytvořit vnořené stránky:

Nejprve se ujistěte, že víte, jak vytvořit skupinové menu v kontaktu, a projděte si malý návod:

Jak se vám líbí můj cheat sheet?

Toto je cheat, který jsem vytvořil! Pro větší přehlednost si každý obrázek zapíšu:

Proveďte tuto operaci se všemi vnořenými stránkami a vaše nabídka bude připravena.

Jíst! Menu je vytvořeno, vnitřní stránky vyrobeny, vyplněny, nyní přejdeme k vytvoření krásného grafického menu.

Krok 2. Jak vytvořit krásné grafické menu v kontaktu a nainstalovat jej:

Nebudu vám dávat celou teorii o tom, jak funguje značkování wiki v kontaktu, teď máme jiné cíle. Chcete-li vytvořit vizuální nabídku ve skupině VK, nemusíte znát celé označení wiki. Pojďme k vytvoření vizuálního menu!

Nejprve vám ukážu kód a výsledek mého menu:

Přiznám se, že jsem se rozhodl napsat tento článek schválně. Všechny „ruce nedosáhly“, víte, jako „obuvník bez bot“. Ale teď jsem s vizuálním menu ve skupině VK!

Neřeknu vám, jak nakreslit obrázek pro menu, to je věc designérů, kreslím sám, ale ne tak profesionálně. , na konci článku jsem dal video, jak nakreslit jednoduché menu ve Photoshopu, mrkněte na to, třeba to zvládnete sami. Pokud ne, objednejte si obrázek menu z .

Ukážu vám průměrnou možnost nastavení nabídky. Rozdíl je v počtu prvků. Menu, které je jednoduše nakrájeno na proužky, je nejjednodušší implementací. Čím více klikatelných tlačítek v řadě, tím obtížnější je provedení. I když s vědomím této funkce je vše jednoduché! Je to jen otázka času. Šířka obrázku by tedy měla být:

370 px – pokud máte dva nebo více objektů za sebou, jako moje tlačítka sociálních sítí

A max 388 px - pokud obrázek nařežeme jednoduchým způsobem, pouze na čáry, aniž bychom jej rozdělovali na drobné předměty. Toto je funkce, kterou potřebujete vědět, když rozdělujete nabídku na tlačítka. Moje velikost obrázku celého menu byla 370x456 px.

Poté, co je obrázek rozřezán na požadovaný počet objektů a uložen do samostatného alba, nahrajeme toto album do VK. Nahráváme do profilu účtu, ne do skupiny! Protože v albech skupiny již není možnost skrýt alba. Technické album ve firemní (například) skupině není vůbec potřeba, takže položky nabídky v albu účtu skryjeme:

Technické album VK

Jakmile nastavíte soukromí „Pouze já“. Pokračujeme k instalaci samotného menu. Dám vám příklad kódu, který by pro vás byl šablonou, a analyzuji, z čeho se skládá:

[]

Kde, foto7632142_296911699 je adresa obrázku! Podíváme se na to v adresním řádku obrázku:

Od prvního obrázku začneme vkládat nabídku do skupiny VKontakte

Potřebujete krátkou adresu obrázku, k tomu přejděte do samotného alba:

Přejděte do samotného alba a získejte požadovanou adresu obrázku!

…a počínaje prvním obrázkem je přeneste do skupinového menu.

Přidání velikosti obrázku do kódu nabídky!

Byla tedy přidána adresa obrázku, byla uvedena velikost, nyní vložíme značku žádné vycpávky;- je potřeba, aby naše obrázky těsně přiléhaly k sobě. A posledním krokem je vložení odkazu na stránku, kam se návštěvník dostane po kliknutí na obrázek.

Zde je malé upřesnění! Externí odkazy, odkazy na alba a diskuze VK píšeme v plném znění a odkazy na interní stránky ve formátu strana-32734125_44298120. Na začátek a konec řádku nezapomeňte dát dvě hranaté uvozovky a žádné mezery.

Upřesnění 2: když odkazujeme na interní stránky bez obrázků, vkládáme jednoduché čtvercové uvozovky pro diskuze, alba a externí odkazy.

Řádky, ve kterých máte dva nebo více prvků, se do kódu vkládají bez mezer. Vložte každý řádek obrázku jeden po druhém. Protože pokud po řádku s obrázkem stisknete Enter, obrázek přeskočí na nový řádek a nabídka se přesune. Potřebujeme, aby se menu zobrazovalo jako celek, takže nepotřebujeme žádné další mezery a „irtery“!

Poté, co přenesete všechny obrázky do nabídky a navrhnete je (velikost, odkaz), uložte výsledek a obdivujte svou práci! Všechno! Připraveno!

Nejprve je třeba ji krásně ozdobit. Koneckonců, jak víte, všichni hodnotíme „podle oblečení“. Tento článek vám pomůže krásně navrhněte skupinu Vkontakte na vlastní pěst.

Jak vydat název skupiny Vkontakte?

První věc, kterou musíte věnovat pozornost při vytváření skupiny Vkontakte, je název. Při výběru jména je třeba vzít v úvahu tři hlavní parametry:

Vyhledávání sociální sítě Vkontakte funguje následujícím způsobem: existují dvě skupiny s názvy „Práce na internetu“ a „Práce na internetu bez příloh“. Když uživatel Vkontakte zadá dotaz „ práce na internetu“, pak bude skupina s odpovídajícím názvem vyšší, a to i při stejném počtu předplatitelů nebo mírné převaze druhé skupiny.

Na závěr: majitelé slavného internetového obchodu Ali Express nemusí při vytváření skupiny uvádět jeho předmět v názvu, většina lidí ho již zná. U méně oblíbené stránky, internetového obchodu, fóra je při vytváření skupiny lepší uvést téma v názvu, jak jsme to udělali výše.

Jak získat stav pro skupinu Vkontakte?

Stav skupiny Vkontakte je méně důležitý než její název, ale stojí za to věnovat pozornost. Pojďme zjistit, jak na to nastavit stav pro skupinu Vkontakte? Hlavní věc je nepřetěžovat ji příliš, měla by obsahovat pouze ty nejdůležitější informace:

Pokud v tuto chvíli nevíte, jak vydat stav skupiny Vkontakte, je lepší to odložit. Nic do něj nedávejte. Nedostatek statusu neuškodí designu vaší skupiny a nesmyslné informace v ní mohou návštěvníky zmást. Mimochodem, u veřejných stránek je důležitější stav, jak se zobrazuje v nabídce Zajímavé stránky jako popis.

Jak napsat popis skupiny Vkontakte?

A teď na to přijdeme jak napsat popis skupiny Vkontakte, respektive text, který lze zadat v nastavení komunity. K tomu existuje několik řešení:

Kromě toho má Vkontakte limit na velikost textu v popisu skupiny, který se zobrazí bez skládání - 600 znaků s mezerami. Po překročení této hranice dojde ke sbalení popisu, což bude působit neesteticky. Tuto situaci můžete vidět na obrázku níže.

V tomto ohledu doporučuji při popisu skupiny Vkontakte použít připnuté zprávy v záhlaví, vytvořit pro ně obrázek s popisem, emotikony, textem a dokonce i nabídkou. To přidá vaší komunitě barvu.

Jak vytvořit avatara pro skupinu Vkontakte?

Nyní se pokusíme vypořádat s jedním z nejdůležitějších aspektů designu skupiny Vkontakte - jak vytvořit avatara? Pro ty, kteří mají vlastní peníze, se můžete zaregistrovat na burze na volné noze a objednat si avatara a další prvky do skupiny (banner, menu atd.) u zkušeného webdesignéra. Ale můžeš jít jinou cestou, vytvořte si avatar pro skupinu Vkontakte sami.

Nejprve se musíte rozhodnout, jakou velikost budete potřebovat k vytvoření avatara pro skupinu Vkontakte. Maximální šířka skupinového avatara je 200 pixelů (dále jen px) a maximální výška je 500 px. Větší avatary budou zmenšeny podle nastavených proporcí. Avatary, které jsou menší než uvedené velikosti, budou naopak v zobrazení zvětšeny a zkresleny. Vytvořte si proto avatara pro skupinu Vkontakte o šířce 200 px a výšce 200 až 500 px.

Při vytváření avatara pro skupinu Vkontakte byste měli pamatovat na jeho miniaturu, která má šířku a výšku 200 px. Takže hlavní informační zátěž avatara (jméno nebo popis skupiny, motto, výzva k akci atd.) musí být umístěna do jedné oblasti, která bude odpovídat zadané velikosti.

Nejjednodušší vytvořte avatar pro skupinu Vkontakte ve Photoshopu. Navíc není nutné jej znát a umět využívat všechny funkce. Stačí se naučit používat základní nástroje (výběr prvků, práce s vrstvami atd.). Níže vidíte příklad avatara, který jsem vytvořil pro skupinu Vkontakte.

Tento avatar se skládá ze dvou kombinovaných obrázků, textového prvku a pozadí. Jeho vytvoření nezabralo mnoho času a úsilí. S podobným úkolem, pokud je to žádoucí, se každý majitel skupin bude schopen vyrovnat.

A pokud chcete vytvořit komplexní a krásné avatary pro skupiny Vkontakte nakreslete každý detail od začátku, pak se naučte Photoshop a naučte se jej používat profesionálně. To lze provést několika způsoby:

Vyzkoušejte si vše na vlastní kůži metodou pokusů a omylů.
Přečtěte si články o tomto programu a sledujte videa.
Přečtěte si knihu nebo se podívejte na tutoriál.

První možnost je neúčinná, protože jen málo lidí má trpělivost dosáhnout výsledků tímto způsobem. Druhá možnost je na místě. Na internetu je nyní mnoho stránek a kanálů YouTube, které jsou zaměřeny na výuku Photoshopu.

Takto přijaté informace však bude obtížné strukturovat. Neustálé hledání informací navíc zabere spoustu času. Ale je to zdarma, stejně jako první metoda.

Nejjednodušší způsob, jak se naučit program Photoshop, bude na videokurzu. Protože v něm budou uvedeny všechny informace od jednoduchých po složité, podrobně popisují a naučí vás všechny základy programu. A podobný videokurz vám mohu doporučit.

"" - výukový video kurz pro začínající uživatele. S ním, kdykoli se vám to hodí, doma u počítače se můžete začít učit Photoshop.

V tomto kurzu se podrobně naučíte používat všechny funkce Photoshopu. Poté můžete snadno vytvářet avatary od nuly a krásně navrhovat skupiny Vkontakte. Pokud vás tento článek zaujal, buďte první, kdo obdrží nové informace.

Grafický návrh skupiny v kontaktu se skládá z několika obrázků různých velikostí. Každý z nich plní svou roli, proto se vyrábí podle samostatného technického úkolu.

Avatar. Vrchní obálka hrála donedávna v komunitě hlavní roli. Ale přívrženci starého stylu jej mohou stále používat jako základ. Avatar by měl obsahovat základní informace o společnosti: logo, název společnosti, kontaktní údaje a pár slov o směru činnosti. Jednou z nejdůležitějších částí avatara je miniatura, která je viditelná ve vyhledávači kontaktů a novinkách. Velikost avatara je 200 pixelů na šířku.
Pokrýt. Obálka se v novém designu stala hlavním prvkem grafického designu komunity. Při vstupu do skupiny je první věcí, které člověk věnuje pozornost, obal, proto by měl co nejvíce odrážet vaše aktivity. Měli byste tam také umístit kontaktní údaje a logo společnosti. Doporučená velikost obalu je určena v nastavení skupiny při nahrávání.
Banner přechodu nabídky. Na přechodovém obrázku je tradičně umístěno tlačítko nabídky navržené ve stylu komunity. Dále doporučujeme umístit tam nabídku, která je pro zákazníky potenciálně zajímavá.
Obrázek s položkami nabídky. Navigační prvek, který uživatelům umožňuje postupně procházet obsah skupiny. Menu může obsahovat všechny informace potřebné pro účastníky: doručení, platbu, kontakty, o firmě, katalog a mnoho dalšího. Při vytváření obrázku je lepší jej zvolit tak, abyste mohli snadno přidávat nová tlačítka do nabídky nebo si položky nabídky předem promyslet, abyste se vyhnuli dalšímu přepracování.
Navigační obrázky pro interní stránky. Tyto prvky slouží pro pohodlnou navigaci uživatele sekcemi komunity a příjemný vzhled vnitřních stránek.