Vytvorenie skupiny vo VK v novom formáte veľkosti. Príklady dynamických krytov. Vytvorenie skupiny Vkontakte

V tomto článku sa krok za krokom pozrieme na to, ako správne vytvoriť, nakonfigurovať a správne navrhnúť komunitu VKontakte.

Budovanie komunity

Komunitu VKontakte môžete vytvoriť tak, že prejdete na kartu „skupiny“, „správa“, „vytvoriť komunitu“.

Typ a téma komunity

Na začiatok sa budete musieť rozhodnúť pre typ komunity v závislosti od vašich cieľov a zvoliť si tému komunity.

Skupinový dizajn

Po výbere typu komunity môžete pristúpiť k tomu najdôležitejšiemu, a to je dizajn. Dizajn vašej komunity je akousi vizitkou spoločnosti, v závislosti od toho, aký dobrý bude dizajn, vaši potenciálni predplatitelia vyvodia závery o vašej práci.
Obal si môžete stiahnuť tak, že prejdete na „nastavenia“ a potom kliknete na „stiahnuť“.

Kryt môže obsahovať:

• titul
• logo
• motto
• kontaktné informácie
• propagácie alebo výzvy na akciu
  Dôležitý bod: obal je prvá vec, ktorú klient uvidí, keď príde do vašej skupiny, takže obal by mal byť jasný a priťahovať pozornosť.

Kryt v komunite MTS

Kryt v komunite Tinkoff Bank

Obálka v komunite HeadShot
Veľkosti obrázkov na navrhovanie komunity VKontakte.
Veľkosť obalu pre skupinu VKontakte 1590x400px
Veľkosť miniatúry avatara je kruh s priemerom 200 pixelov

VKontakte sa nedávno objavili aj dynamické obaly pre komunity.
Dynamické obaly majú veľmi bohatú funkcionalitu, pomocou ktorej si môžete zobraziť najnovšieho predplatiteľa, najlepšieho komentátora na obale, prispôsobiť si zmenu pozadia podľa vlastného želania, pridať widget počasia, čas a mnoho ďalšieho.

Popis komunity

V popise ide hlavne o to, čo najstručnejšie popísať hlavné prednosti spoločnosti.
Dôležitý bod: nemusíte popisovať všetko, čo vaša spoločnosť urobila, robí alebo bude robiť. Nikto nebude čítať dlhý popis. Máte niekoľko sekúnd na to, aby ste upútali pozornosť, kým si zákazník začne prezerať príspevky na nástenke komunity. Preto by mal popis obsahovať len kľúčové body, ktoré odrážajú podstatu komunity/spoločnosti.

Life hack: Ak chcete vytvoriť podrobnejší popis komunity (s fotografiami, odkazmi a krásnym rozložením), musíte do pripnutého záznamu vložiť príspevok na wiki, ktorý bude obsahovať jasný obrázok a výzvu na akciu.

Príklady príspevkov na Wiki:

skupinový avatar

Komunitný avatar je dôležitým detailom v celkovom dizajne kvalitného dizajnu, v tomto článku sme zdôraznili niekoľko veľmi dôležitých bodov, ktoré musíte zvážiť pri vytváraní komunitného avatara.
Vzhľadom na skutočnosť, že teraz sa prevažne používajú komunitné obaly, samotný avtar v skupine sa zobrazuje ako miniatúra. Preto tu budeme hovoriť o tom, aké dôležité je navrhnúť miniatúru avatara. Ako je uvedené vyššie, veľkosť miniatúry avatara je kruh s priemerom 200 pixelov.

1. 1. Text
      Ak umiestňujete text na miniatúru avatara, je dôležité, aby bol veľký a nepresahoval cez avatar.
   2. Porozumenie
      Na avatar je potrebné umiestniť obrázok, na ktorom bude jasné, čo je zobrazené.
   3. Minimalizmus
      Aby váš avatar vyzeral relevantne, môžete ho vytvoriť v minimalistickom štýle: menej slov a nepotrebných prvkov, ktoré nenesú takmer žiadnu sémantickú záťaž. Miniatúra avatara by mala byť čo najjednoduchšia a čitateľná.
   4. Upútať pozornosť
      Aby miniatúra avatara upútala pozornosť. Treba ho navrhnúť tak, aby nebol príliš biely a nudný, inak sa stratí na pozadí farebnejších avatarov konkurentov.

Čo umiestniť na miniatúru avatara?

Zvážte možnosti použitia miniatúry avatara ako lákadla pre predplatiteľov komunity.

Nastavenia komunity

Ak prejdete na kartu „správa komunity“, môžete si vytvoriť krátku adresu stránky a poskytnúť ďalšie informácie.

Ďalej na karte „odkazy“ uveďte odkazy na vašu stránku v iných sociálnych sieťach a odkaz na vašu stránku.

Na karte „sekcie“ povoľte potrebné. Vhodnejšie je nastaviť komunitnú stenu ako obmedzenú, aby ju v budúcnosti nehrabali z publikácií spamovacích robotov.

Zahrňte tovar, ak je vaša komunita určená na predaj tovaru alebo služieb.

Môžete tiež pridať aplikácie do komunity a prispôsobiť si ich pre svoje účely. Napríklad aplikácia Aplikácie je najpohodlnejšia na prácu s potenciálnymi zákazníkmi. Toto je online schôdzka a prijímanie objednávok. Alebo napríklad aplikácia „Mapy“, s adresami vašich predajní, kancelárií, podujatí. Pomocou aplikácie Kúpiť vstupenku môžete predávať vstupenky na podujatia priamo na stránke komunity, t.j. predplatitelia/zákazníci si budú môcť kúpiť lístok bez toho, aby museli prejsť na vašu stránku.

Wiki menu - krásne a poučné

Toto je ďalší spôsob, ako ukázať jedinečnosť svojej komunity, upútať pozornosť zákazníkov a tiež štruktúrovať služby, produkty a všetky informácie o stránke. Navyše pomocou ponuky wiki môžete nastaviť priame odkazy, ktoré vedú priamo na webovú stránku spoločnosti.

Príklady wiki menu:

Podrobný návod na vytvorenie wiki menu nájdete tu -

V tomto článku by som chcel systematizovať všetky svoje znalosti o dizajne skupín VKontakte na základe mojich skúseností s interakciou s klientmi a ich preferenciami. Navyše za posledných šesť mesiacov VKontakt urobil veľa zmien, o ktorých mnohí ani nevedia. Chcel som sa podrobnejšie venovať niektorým inováciám, pretože medzi nimi sú skutočne užitočné a užitočné veci. Zdá sa, že všetci sme sa už spamätali z istého šoku po redizajne VKontakte a za viditeľnými zmenami sa ukázalo mnohovariantné fungovanie a obsah skupiny. Takže teraz návrh skupín zahŕňa zložitý postup, ktorý sa neobmedzuje len na grafickú zložku vo forme krásnych obrázkov. Majitelia teraz musia brať do úvahy mnohé nuansy budovania skupinovej štruktúry v závislosti od obchodnej témy a pohodlia používateľa.

Ide najmä o výber grafického dizajnu z dvoch vzájomne sa vylučujúcich možností, vypracovanie interného menu, výber vstupného bodu do interného menu, pochopenie rozdielu medzi katalógom a vitrínou produktov, príprava propagačných materiálov na propagáciu skupiny a pomocou užitočných aplikácií. Ale najprv to. Najprv sa pozrieme na hlavné prvky skupinového dizajnu, potom prejdeme k ich interakcii vo forme rôznych kombinácií a potom si povieme o niektorých užitočných vlastnostiach a jemnostiach.

1. Horizontálny kryt (záhlavie)
Začnime horizontálnym krytom alebo hlavičkou. Vývojári VKontakte nás uisťujú, že obal vďaka svojej veľkosti poskytuje väčšiu flexibilitu pri poskytovaní a vizualizácii informácií. Zvyčajne hlavička okrem krásneho obrázku obsahuje logo, sprievodné informácie, kontakty, pozvánku do skupiny a adresu webovej stránky. Mám podozrenie, že kryty sa raz stanú jedinou možnou dizajnovou možnosťou pre skupinu, preto by som odporučil na ne okamžite prejsť, aby sa predišlo neskorším prerábkam vyššej moci.

Ako stiahnuť obal
Na stiahnutie obalu musíte prejsť na Správa komunity >> Základné informácie bloku >> Obal komunity >> Stiahnuť. Odporúčaná veľkosť obalu je 1590 × 400 pixelov. Hlavička nemôže mať žiadne funkčné tlačidlá, na ktoré sa dá kliknúť - v skutočnosti je to obrázok a to je všetko. Dnes je obal viditeľný na mobilných zariadeniach a zdá sa, že je už viditeľný aj v aplikáciách a klientoch.

Záložka Wiki Najnovšie správy
Horný blok pod hlavičkou môže teraz obsahovať tri karty: pripnutý príspevok, informácie o komunite a wiki menu (iba v skupinách, na verejných stránkach takáto karta nie je). Dôraz sa stále kladie na pripnutý príspevok, ale aj keď je prítomný, používateľ bude mať teraz vždy prístup k informáciám o komunite prepínaním medzi kartami. Aby sa zobrazila karta ponuky wiki (pôvodne nazývaná Najnovšie správy), musíte prejsť na Správa komunity » Sekcie » Obsah » Obmedzené (alebo verejné) » Uložiť.

2. Vertikálny avatar
Venujme teraz pozornosť starému dobrému avatarovi pre skupinu s veľkosťou 200x500 pixelov. Aj keď je to tiež spôsob, ako navrhnúť skupinu. Zvyčajne sa na avatare nachádzajú tieto informácie: logo, sprievodný text alebo slogan, kontakty, výzva na pripojenie sa ku skupine. V mobilných zariadeniach nie je viditeľný celý avatar, je viditeľná len jeho časť – miniatúra. Na návrh skupiny môžete použiť buď horizontálnu hlavičku (obálku) alebo vertikálny banner. Ak existuje hlavička, zvislý avatar nie je viditeľný. Avatar nemôže mať žiadne funkčné tlačidlá, na ktoré sa dá kliknúť - v skutočnosti je to obrázok a to je všetko.

3. Miniatúra
V súčasnosti sa na vytvorenie miniatúry s minimálnou veľkosťou 200 x 200 pixelov používa vertikálny avatar. Miniatúra sa používa v príspevkoch a príspevkoch ako malý kruh pri názve a ako väčší kruh v niektorých výberoch a zmienkach komunity. V súvislosti s prechodom na zaoblený tvar sa sprísnili požiadavky na miniatúru. Aby sa text na miniatúre dal prečítať celý, nesmie vizuálne presahovať hranice kruhu.

Ako nahrať miniatúru
Miniatúra sa stala úplne nezávislým prvkom a pri použití obalu (hlavičky) v dizajne skupiny teraz musíte urobiť samostatnú miniatúru, majte na pamäti. Ak skupina nemá hlavičku (obálku), na nahranie miniatúry musíte kliknúť na „Nahrať fotografiu“ v bloku avatarov (vpravo hore). Ak je v dizajne hlavička (obálka), potom na nahranie miniatúry musíte kliknúť na kruh bezprostredne pod hlavičkou a vybrať tam položku „Nahrať fotografiu“.

4. Banner
Banner (anglicky banner - flag, banner) - grafický obrázok informačného, ​​reklamného alebo motivačného charakteru. Banner je pripojený ako obrázok k príspevku a môže mať iba jeden interný odkaz. Mnoho ľudí je stále presvedčených, že z bannera na hlavnej stránke sa dá urobiť niekoľko odkazov. Nie je, stačí jeden odkaz a je to. Vyzdvihol by som nasledujúce typy bannerov.

4.1 Informácie o banneri
Bežný typ banneru, ktorý obsahuje všeobecné informácie o spoločnosti, skupine, službe alebo podujatí s podrobným zoznamom výhod a ďalšími sprievodnými materiálmi. Často sa používa ako pripnutý záznam v skupine. Veľkosť takéhoto banneru je 510x307 pixelov. Pri tejto veľkosti sa banner na spodnej strane zhoduje s avatarom. Ak nie je spojenie s avatarom, môžete použiť ľubovoľnú veľkosť. Ja napríklad používam veľkosť 600x350 pixelov. Štvorcový formát 510 x 510 pixelov je tiež pohodlný a teraz si získava na popularite - pri tejto veľkosti zaberá banner najväčšiu plochu v spravodajstve.

4.2 Banner pre vstup do interného menu
Ak k banneru z predchádzajúceho odseku pridáme chytľavý nápis „Open Menu“, získame banner, ktorého hlavnou úlohou je slúžiť ako vstupný bod do interného menu. Občas urobia zádrhel v podobe niekoľkých tlačidiel na banneri, ale to je ilúzia, po stlačení sa používateľ predsa len dostane na internú stránku a tam už má každé tlačidlo svoj odkaz. Veľkosť takéhoto banneru je 510x307 pixelov. Pri tejto veľkosti sa banner na spodnej strane zhoduje s autorom. Ak vstup do menu nie je viazaný na avatar, môžete si vytvoriť banner ľubovoľnej veľkosti, dokonca aj úzke tlačidlo s nápisom „Otvoriť menu“. Hlavná vec je, že šírka bannera by mala byť aspoň 510 pixelov.

4.3 Karta pre repost, propagačné akcie
Nedávno nadobudli mimoriadny význam karty pre reposty alebo propagačné akcie. Jeho účelom je vyzvať na konkrétne kroky. V podstate je to „Pridajte sa ku skupine, odošlite alebo lajkujte a vyhrajte cenu.“ Takéto bannery sa používajú ako súčasť reklamných kampaní alebo akcií ako vo vlastných skupinách, tak aj na propagáciu v iných skupinách. Zvyčajne používam 600 x 350 pixelov.

4.4 Banner s animáciou gif
Po tom, čo vývojári VK urobili začiatkom roka väčšiu veľkosť obrázkov gif, gify sa okamžite postavili na úroveň informačných bannerov. Napríklad na banner GIF môžete dať obrázky niekoľkých meniacich sa produktov alebo textov - pohyb okamžite upúta pozornosť. A keď v júni pribudla funkcia automatické prehrávanie gif animácií v news feede sa potom GIF stali predmetom veľkej pozornosti inzerentov a marketérov.

5. Dizajnový avatar + pripnutý banner
Až donedávna bol tento modulárny dizajn pozostávajúci z avatara a pripevneného bannera najobľúbenejším spôsobom navrhovania skupín. Viac podrobností o tom, ako vytvoriť takýto dizajn, sú popísané v lekcii. S príchodom hlavičky (krytu) možno popularita tohto dizajnu mierne klesne.

Navyše existuje možnosť, že VKontakte opäť zmení niektoré parametre blokov a potom celý dizajn zlyhá, ako sa to stalo dvakrát za posledných šesť mesiacov. Takže, milí majitelia skupín, pri výbere dizajnu pre vašu skupinu zvážte túto skutočnosť. Áno, a ešte jedna vec, v mobilných zariadeniach nie je viditeľná všetka krása jedného obrázka, pretože sa nezobrazuje avatar, ale iba miniatúra a pripnutá položka je umiestnená o niečo nižšie.

6. Interné navigačné menu
Ponuka vo forme aktívnych odkazov sa nachádza na internej stránke VKontakte a je napísaná pomocou príkazov wiki. Ako vytvoriť samotnú vnútornú stránku je popísané v lekcii. Používateľ sa pohybuje v skupine pomocou ponuky. Nižšie sa budeme zaoberať typmi interného menu, ale teraz sa sústreďme na niekoľko dôležitých bodov.

Vstupné body v internom menu
Chcem poznamenať jeden jemný bod, ktorý sa často prehliada. Občas si u mňa klienti objednajú interné menu, no zároveň absolútne netušia, ako sa používateľ dostane práve do tohto interného menu. A sú dva spôsoby, ako sa k nemu dostať: buď cez pevný banner (pozri odsek 4.2), alebo cez textový odkaz v hornej záložke pod stavovým riadkom (pozri obrázok nižšie). Niekedy je textový odkaz umiestnený aj v bloku "Odkazy" v pravom stĺpci rozhrania.

Interné odkazy na menu
Zákazníci zvyčajne pri objednávaní uvádzajú v menu tieto položky: O nás, Naše produkty (katalóg), Spôsoby doručenia, Platba, Záruky, Recenzie, Kontakty, Akcie, Zľavy, Rozpis, Ako objednať, Portfólio, Otázky a odpovede, Info, Objednať. Odkazy z položiek ponuky môžu smerovať do príslušných sekcií externej lokality. Potom sa odkaz automaticky otvorí v novom okne. Väčšina bodov vedie na interné stránky VKontakte. V tomto prípade sa stránka otvorí v tom istom okne a musíte vytvoriť odkaz alebo tlačidlo "Späť do hlavnej ponuky".

Odkazy na albumy s fotografiami a videami sa otvárajú v novom okne. Odkazy na témy s diskusiami (napríklad Recenzie), na dialógové okno na písanie správ, na aplikácie (pozri bod 10), na výber podľa hashtagov (pozri bod 12) sa otvárajú v rovnakom okne a v tomto prípade môžete získať späť do menu len cez hlavnú stránku webu, alebo cez tlačidlo "Späť" v prehliadači. Toto je možno najnevhodnejší moment s takýmito odkazmi.

Úprava menu
Často sa ma klienti pýtajú, či je možné upraviť interné menu. Odpoveď je, že ak ste sebavedomý používateľ a poznáte režimy označovania a úprav wiki, môžete upravovať. Ale ak toto všetko nepoznáte, tak určite nie. V tomto prípade stačí stiahnuť všetky nastavenia.

Budem citovať slová samotných vývojárov VKontakte. „Jedna jednoduchá rada vám ušetrí veľa námahy a nervov: pracujte iba v jednom režime. Buď je to vizuálny režim alebo režim značkovania wiki. Práve prepínanie medzi týmito dvoma režimami v procese práce na značkovaní prináša väčšinu problémov: obrázky môžu ubúdať, rôzne parametre môžu miznúť. Toto je jeden z bodov, ktorý bude v budúcnosti určite opravený, ale zatiaľ musíte mať na pamäti túto skutočnosť.

Prispôsobivosť pre mobilné zariadenia
A ešte niečo o prispôsobivosti. Aby interné menu vyzeralo na mobilných zariadeniach rovnako, je potrebné sádzať na tabuľkách. Potom bude obraz pevne pripojený. V opačnom prípade, keď sa veľkosť obrazovky zníži, obrázky majú tendenciu posúvať sa jeden pod druhý, čo porušuje pôvodne koncipované poradie.

Tu opäť slová vývojárov na úkor prispôsobivosti. „Ponuka wiki sa zobrazuje v mobilných prehliadačoch, ale neprispôsobuje sa veľkosti obrazovky, z tohto dôvodu nemusia obrázky vyzerať rovnako ako na pracovnej ploche. Na webe nájdete návody na prispôsobenie značiek wiki pre mobilné zariadenia, no ani tie nezaručujú 100% výkon na všetkých zariadeniach.

7. Typy interného navigačného menu
Nižšie sú uvedené najbežnejšie typy interného menu. Existujú jednoduchšie a cenovo výhodnejšie riešenia s vysokou mierou spoľahlivosti. A existujú zložitejšie a časovo náročnejšie návrhy z hľadiska grafiky a rozloženia. Ale vyzerajú pôsobivejšie.

7.2 Veľké grafické menu
V tomto prípade je vertikálny rad odkazov umiestnený na veľkom obrázku na pozadí a má pevne pevnú štruktúru. Tu je lekcia.

7.3 Menu vo forme ikon, dlaždíc
Tento dizajn zahŕňa niekoľko riadkov a stĺpcov vo forme grafických ikon a nápisov k nim alebo grafických viacfarebných alebo monochromatických dlaždíc.

7.4 Dynamická ponuka s efektom navigácie
Veľmi pôsobivý dizajn, ktorý simuluje navigáciu na stránke s efektom klikania na tlačidlá alebo iné označenie navštívených odkazov. Takáto ponuka je pomerne náročná na spravovanie a vyžaduje si zručnosti v komunikácii s označením wiki, pretože budete musieť upravovať aj informácie na stránkach v značke wiki. Tu je lekcia na túto tému.

Krásny dizajn komunity VKontakte nie je rozmarom, ale dôležitým prvkom, ktorý vytvára dôveru používateľov vo vás a vašu spoločnosť. Ak je verejná stránka alebo skupina navrhnutá neprofesionálne, vaši potenciálni zákazníci môžu celkom logicky usúdiť, že vo svojej práci robíte aj vy. Aby ste tomu zabránili, uistite sa, že vaša stránka VKontakte je krásna, elegantná a ľahko použiteľná. Ako to spraviť? Prečítajte si nižšie.

Skutočné veľkosti obrázkov "VKontakte"

Pred časom vývojári sociálnej siete VKontakte spustili nový dizajn. To viedlo k tomu, že sa zmenili veľkosti a princípy zobrazovania obrázkov. Poznámka, ktorá bude uvedená nižšie, zodpovedá všetkým inováciám a obsahuje rozmery, ktoré sú v danom čase relevantné.

Teraz sa pozrime bližšie na každú položku.

Veľkosť avatara VK

Minimálna veľkosť avatara je 200 x 200 pixelov. Ak sa pokúsite nahrať obrázok, ktorý je menej ako 200 pixelov široký alebo dlhý, zobrazí sa táto chyba:

Maximálna veľkosť avatara je 200 x 500 pixelov. V zásade však môžete nahrať väčšie obrázky - až 7 000 pixelov na každú stranu. Hlavná vec je, že pomer ich strán nepresahuje 2 až 5.

Ukážem vám to na príklade.

Mám obrázok. Jeho veľkosť: 200 x 800 pixelov (pomer 2:8). Pri načítavaní nedochádza k žiadnym chybám. Stále však nemôžem použiť tento obrázok, pretože "Kontakt" mi neumožňuje vybrať ho úplne.

Kryt

Veľkosť obalu pre plnú verziu stránky je 1590 x 400 pixelov.

Upozornenie: v mobilnej verzii a aplikáciách sa nezobrazuje celá verzia obalu, ale iba jej časť s rozmermi 1196 x 400 pixelov. Pozrite si, ako je orezaný v mobilnej aplikácii:

Aby ste tomu zabránili, umiestnite hlavné prvky obálky do 1196 x 400 pixelov.

Priložené obrázky

V aktualizovanom dizajne „Kontakt“ sa ustálila šírka informačného kanála. To znamená, že obrázky pripojené k stĺpiku už nie sú natiahnuté, ale zostávajú tak, ako sú. Ak teda chcete, aby váš obrázok zaplnil celý priestor v News Feede, musí mať šírku aspoň 510 pixelov. Najlepšie je, aby to bol štvorec alebo obdĺžnik v orientácii na šírku.

Znie to trochu zmätočne :) Preto vám to ukážem na príklade.

Povedzme, že máme obrázok štvorcového tvaru so stranami 510 pixelov. Ak ho pripneme k nášmu príspevku, vyzerá skvele v spravodajskom kanáli na všetkých zariadeniach:

A takto vyzerá horizontálny obrázok v orientácii na šírku (šírka 510 pixelov):

Ako vidíte, čím užší je obrázok (na výšku), tým menší vyzerá v informačnom kanáli smartfónu. Aby ste si to overili, pozrite sa na obrázok nižšie:

Je jasné, že rozdiel tu nie je obzvlášť kritický a používatelia smartfónov budú stále brať do úvahy váš obrázok, len v druhom prípade budú o niečo pohodlnejší.

Obrázky pre príspevky s odkazmi

Všetky tieto údaje sú prevzaté z kódu značky Open Graph:

Ak nie je zadaný Open Graph, názov sa prevezme z metaznačky Title a obrázok sa prevezme z článku. Zároveň ho môžete jednoducho zmeniť – alebo vybrať iný obrázok z článku pomocou špeciálnych šípok:

Alebo nahrajte svoje vlastné:

Minimálna veľkosť obrázka, ktorý môžete použiť ako oznámenie pre svoj článok, je 537 x 240 pixelov. Môžete však nahrať väčšie obrázky, pokiaľ je dodržaný pomer strán.

Obrázok pre článok vytvorený v editore

Veľkosť obrázka pre obálku článku vytvoreného v editore je 510 x 286 pixelov. Je lepšie, ak je tmavej farby a viac-menej jednofarebný, pretože na svetlom pozadí sa stráca názov článku a komunity.

Dobrý príklad:

Nie veľmi dobrý príklad:

Veľkosť fotografie a videa pre príbehy

Veľkosť fotografií je 1080 x 1920 pixelov. Veľkosť videa je 720 x 1280 pixelov.

Špecifikácie pre video nahrávky:

• až 15 sekúnd;
• nie viac ako 5 MB;
• kodek h.264;
• Zvuk AAC.

V príbehoch musíte použiť fotografie a videá vo vertikálnom formáte.

Upozorňujeme: v súčasnosti môžu príbehy v mene komunít pridávať iba veľké komunity, pre ktoré vývojári VKontakte otvorili túto funkciu. A to sa deje pomocou oficiálnej aplikácie. Nedá sa to urobiť z počítača.

Veľkosť obalu fotoalbumu

Veľkosť obrazu videa

1280 x 720 pixelov.

Wiki stránka

Oblasť obsahu wiki je široká 607 pixelov. Ak nahráte väčší obrázok, automaticky sa načíta so šírkou 400 pixelov. Príklad: Mám obrázok s rozmermi 1366 x 768. Ak ho pridám na stránku wiki, vyzerá to takto:

Ak chcete zmeniť veľkosť obrázka, musíte naň kliknúť a nastaviť požadované hodnoty:

Ako pracovať s wiki stránkami, podrobne popíšem nižšie. Preto sa tu týmto bodom nebudeme zaoberať.

Ako zabezpečiť, aby sa obrázky VKontakte nezmenšili? Vplyv pozadia a veľkosti na kvalitu obrazu.

Ak ste sa niekedy pokúšali nahrať obrázky na VKontakte (či už to bol obrázok avatara alebo len fotografia z vašej cesty), pravdepodobne už viete, že majú tendenciu sa zmenšovať. Vidno to najmä na tmavom (a najmä červenom) pozadí a keď obrázok nie je príliš veľký. Príklad:

Ako zabezpečiť, aby sa kvalita obrázkov nezhoršila?

Aby sa obrázok nezmenšil (presnejšie, zmrštil, ale v oveľa menšej miere), je potrebné ho zväčšiť 2–3 krát väčší ako je požadovaná veľkosť. Napríklad, ak potrebujeme vytvoriť avatara s rozmermi 200 x 500 pixelov, urobíme obrázok s veľkosťou 400 x 1000 pixelov. Ak potrebujete vytvoriť menu s veľkosťou 510 x 400 pixelov, vezmeme - 1020 x 800.

Tmavomodrý obrázok, ktorý som zverejnil vyššie, je 510 x 350. Urobil som ho dvakrát tak veľký (1020 x 700) a uložil som ho. Vyšlo z toho toto:

Ako to opraviť? Odpoveď je veľmi jednoduchá – treba zvoliť iné pozadie. Faktom je, že pixely sú na tmavom pozadí viditeľnejšie ako na svetlom. Preto, ak chcete dosiahnuť perfektnú kvalitu (hoci obrázok vyššie už vyzerá celkom normálne), musíte mierne zmeniť farebnú schému. Napríklad urobte pozadie biele a text modrý:

Ako navrhnúť hlavičku stránky

Hlavička vašej verejnej stránky alebo skupiny je prvá vec, ktorú používatelia uvidia, keď vás navštívia. Vo väčšine prípadov je na tomto mieste umiestnená navigačná ponuka založená na verejných materiáloch, niektorých zaujímavých príspevkoch alebo dôležitých oznamoch. Pozrime sa na príklady, ako rôzne spoločnosti využívajú tento priestor.

Kryt

Nie je to tak dávno, čo VKontakte predstavil aktualizáciu - teraz môžete na stránky nahrať veľké a krásne obaly (1590 x 400 pixelov). Ak to chcete urobiť, prejdite na nastavenia a kliknite na tlačidlo "Stiahnuť".

Na obal môžete umiestniť čokoľvek: od názvu a motta vašej spoločnosti až po najrôznejšie akcie, ponuky a dokonca aj súťaže.

Odporúčam venovať osobitnú pozornosť možnostiam dynamického krytu. Prečítajte si náš článok o tom, ako to funguje, na aké účely sa dá použiť a s akými službami ho nainštalovať.

Príklady dynamických krytov:

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

Niektoré spoločnosti špeciálne neopravujú žiadne príspevky v hlavičke, aby používatelia mali možnosť prečítať si základné informácie o stránke a okamžite prejsť na stránku.

Popis s hashtagmi

Niektoré spoločnosti pridávajú k štandardnému popisu stránky hashtagy, ktoré ju charakterizujú. Deje sa tak preto, aby stránka mala jasnejšiu relevanciu a vďaka tomu bola vyššie vo vyhľadávaní relevantných dopytov. Úprimne povedané, neviem, či táto metóda funguje alebo nie. Prípady na túto tému som nevidel, takže ak niekto vie, budem vďačný, ak budete odkaz zdieľať.

Pripnutý príspevok informujúci o tom, o čom stránka je

Ak chcete o svojej stránke povedať podrobnejšie (s fotografiami, odkazmi a krásnym rozložením), môžete do hlavičky pripojiť wiki príspevok alebo článok vytvorený v editore so svetlým obrázkom v oznámení, ktorý povzbudí používateľov, aby kliknite naň. Príklad takéhoto príspevku:

A tu je to, čo používateľ vidí po kliknutí na odkaz:

Ponuka skupiny je otvorená

Otvorené menu nazývam také menu, ktoré hneď ukazuje, z akých položiek sa skladá. To znamená, že obrazové oznámenie príspevku na wiki úplne duplikuje jeho obsah. Používatelia tak okamžite vidia, čo ich vnútri čaká. Ukážem vám to na príklade.

Takto vyzerá pripnutý príspevok v hlavičke Flatro stránky:

Skupinové menu je zatvorené

Uzavreté menu je rovnaký wiki príspevok ako v predchádzajúcom odseku, len oznámenie má obrázok bez položiek menu. Zvyčajne naň píšu: „Menu“, „Navigačné menu“ alebo „Navigácia vo verejných materiáloch“.

Keď naň klikneme, zobrazí sa nám toto:

Mimochodom, stojí za zmienku, že to zďaleka nie sú jediné možnosti. V skutočnosti si na tento obrázok môžete napísať, čo chcete. Hlavná vec je, že používateľ na to chce kliknúť a chápe, čo ho potom čaká. Príklad:

Skupinové menu

O zlúčené menu ide vtedy, keď je obrázok na oznámení vášho menu jeden obrázok s avatarom. O niečo nižšie vám podrobne poviem, ako urobiť takéto menu, ale zatiaľ sa len pozrite, ako krásne to vyzerá.

GIF a avatar v jednom obrázku

Ale tento dizajn klobúka na mňa naozaj veľmi zapôsobil. Automaticky prehrávaný gif sa spája s avatarom do jedinej kompozície a priťahuje pozornosť používateľov, aj keď na ňom nie sú žiadne informácie.

Mimochodom, tento príklad som videl v skupine obchodníka SMM Sergeja Shmakova. Takže ďakujem za nájdenie :)

Skryté menu

Skrytá ponuka je dostupná len pre skupiny (stránky takúto funkčnosť nemajú). Ak ho chcete zobraziť, musíte kliknúť na príslušný odkaz. Výhodou tohto spôsobu návrhu je, že používatelia vidia základné informácie o komunite a ak chcú použiť menu, stačí na to kliknutie. Je tu však malá nevýhoda – nie všetci používatelia vedia o existencii tejto funkcie, takže vášmu menu sa môže venovať menej pozornosti, ako keby bolo pripnuté navrchu stránky.

Automatické prehrávanie videa

Koncom novembra 2015 sa na sociálnej sieti VKontakte objavila zaujímavá novinka – akonáhle používateľ vstúpi na vašu stránku, automaticky sa spustí prehrávanie videa pripojeného k hlavičke. Pomocou tejto techniky môžete upútať ešte väčšiu pozornosť používateľov (najmä tých, ktorí vašu stránku navštívili ako prví) a zároveň nenahnevať tých, ktorým sa nepáči, keď im je obsah vnucovaný, pretože video sa prehráva bez zvuku a prakticky neprekáža .

Ako pridať toto video do hlavičky vašej stránky?

Aby to bolo možné, musia byť splnené tri podmienky:

• Pripojte video k príspevku a pripnite tento príspevok na začiatok komunity.
• Okrem videa by k záznamu nemalo byť pripojené nič iné. Voliteľné iba video a text.
• Video musí nahrať VKontakte - prehrávače tretích strán nie sú podporované.

Príspevok, ktorý má veľa repostov

Ďalším spôsobom, ako produktívne využiť priestor v hlavičke vašej stránky, je pripnúť na ňu jeden z vašich najúspešnejších príspevkov – ten, ktorý už získal a získava veľké množstvo lajkov a zdieľaní. Prečo to robíte, myslím si, že každý chápe - čím viac repostov, tým väčšie pokrytie, tým viac odberov stránka získava.

Oznamy o nových klipoch, albumoch, udalostiach

Prezentácia nových produktov/služieb

Zľavy a akcie

Prípady, recenzie zákazníkov

Aplikačná reklama

Praktické vtipy

Pravidlá komunity

Odkazy na iné sociálne siete

Uviedol som zďaleka nie všetky možnosti dizajnu čiapky. V skutočnosti môžete na obálke a v pripnutom príspevku uverejňovať akékoľvek informácie: pracovné ponuky, oznámenia, odkazy na najpredávanejšie produkty atď. Neobmedzujte sa teda na príklady uvedené vyššie. Zapnite svoju predstavivosť a použite dizajn svojej komunity na dosiahnutie svojich cieľov.

Aký by mal byť avatar

Avatar nie je len krásny obrázok s logom vašej spoločnosti, ale aj pracovný nástroj pre marketéra, s ktorým dosahuje svoje ciele. Pozrime sa bližšie na to, ako by to malo byť, aby sme upútali pozornosť používateľov a povzbudili ich k dokončeniu cieľovej akcie. Začnime miniatúrou.

Miniatúra avatara

1. Text na miniatúre avatara musí byť dostatočne veľký, aby bol čitateľný.







2. Text nesmie presahovať miniatúru.







3. Používateľom by malo byť jasné, čo je zobrazené na profilovom obrázku.







4. Ak je to možné, je najlepšie nepoužívať obrázky z akcií, pretože často znižujú dôveryhodnosť spoločnosti.




5. Je nežiaduce, aby miniatúra avatara bola príliš vyblednutá a nudná, inak sa stratí na pozadí jasnejších avatarov konkurentov.



6. Ak chcete, aby váš avatar vyzeral moderne, urobte ho v minimalistickom štýle: menej textu, tieňov, prechodov a prvkov, ktoré nemajú žiadny sémantický význam. Váš avatar by mal byť čo najjednoduchší a najčistejší. Tento štýl je momentálne trendy.







7. Ak je vaším cieľom upútať pozornosť používateľov a odlíšiť sa od ostatných avatarov vo feede, budete musieť zapnúť fantáziu. Zamyslite sa nad tým, čomu venujete pozornosť pri hľadaní zaujímavých komunít? Tu ma napríklad niekoľkokrát zaujali avatary s horiacim svetlom, ktoré väčšinou naznačuje, že prišla nová správa. Toto je veľmi stará technika, no z nejakého dôvodu na mňa stále pôsobí – keď uvidím také svetlo, určite na ňom nechám oči.

Netvrdím, že tento trik bude fungovať aj na vašej stránke. Posolstvo, ktoré chcem sprostredkovať, je, že existuje toľko spôsobov, ako vyniknúť, stačí si položiť otázku a byť trochu kreatívny. Tu je napríklad ďalší zaujímavý nápad, ktorý by som si sám sotva pomyslel:

Avatar je čierny kruh: veľký a malý. Zdalo by sa, prečo to vôbec robiť? Keď si však prelistujete zoznam komunít, takíto avatari upútajú pozornosť, pretože sa veľmi líšia od všetkých ostatných.

Aké informácie možno umiestniť na miniatúru avatara

Hoci je miniatúra avatara veľmi malá, môže sa (a mala by) použiť na prilákanie sledovateľov do vašej komunity. Ako to spraviť? Pozrime sa na niekoľko možností:

Oznámenie nového produktu/služby/udalosti

Výhody spoločnosti/služby/stránky

Telefónne číslo spoločnosti

Výhodné ceny

Doprava zdarma

Mimochodom, k názvu samotnej skupiny sa veľmi často pridáva informácia, že spoločnosť poskytuje dopravu zadarmo, takže jej používatelia budú určite venovať pozornosť.

skladom

Súťaže

Práca

Aký by mal byť samotný avatar?

Zvažoval som, aká by mala byť miniatúra avatara a aký text je možné na ňu umiestniť. Teraz prejdime k samotnému avatarovi. Plná verzia avatara sa zobrazí iba v komunite, ktorá nemá nastavený obal. Práve pre takéto prípady som napísal túto časť. Ako by teda mal vyzerať váš komunitný avatar, aby používatelia okamžite pochopili, že vaša spoločnosť pristúpila k vytvoreniu stránky zodpovedne a profesionálne.

1. Avatar musí mať vysokú kvalitu. O tom, ako to dosiahnuť, som napísal trochu vyššie. Pre tých, ktorým táto časť unikla, poviem v skratke – veľkosť avatara by mala byť 2-3 krát väčšia, ako ste plánovali.
2. Je žiaduce, aby bol avatar kombinovaný s ponukou: mať rovnakú farebnú schému, mať rovnaké písma, prvky atď. Vďaka tomu bude hlavička vašej stránky vyzerať elegantnejšie a profesionálnejšie. Príklad:
3. Samotný avatar a miniatúra avatara sa môžu líšiť. Môžete napríklad nakresliť kruh na avatar, upraviť ho, ako sa vám páči, vybrať túto oblasť ako miniatúru a upraviť zvyšok avatara v inom štýle.




Ďalšou možnosťou je rozdeliť avatara na dve časti. Jeden pre miniatúru a jeden pre zvyšok avatara.




4. Ak chcete povzbudiť používateľov, aby sa prihlásili na odber vašej stránky alebo napísali správu zástupcovi spoločnosti, môžete umiestniť vhodnú výzvu na akciu úplne dole na profilový obrázok a doplniť ju šípkou smerujúcou k tlačidlu.




5. Snažte sa na avatar nevkladať príliš veľa informácií, inak bude vyzerať preťažene a neupravene. Pridajte doň iba najdôležitejšie body a uistite sa, že medzi nimi je „vzduch“.

Aké informácie je možné umiestniť na avatar?

V skutočnosti sa na avatara dá umiestniť čokoľvek. Na rozdiel od miniatúry sa tu naozaj dá túlať. Hlavne to nezneužívaj :)

Doména lokality

Telefón / adresa / otváracie hodiny

Súťaže/propagačné akcie

Najčastejšie nakupované produkty/novinky

informácie o doručení

Reklama v mobilných aplikáciách

Hlavné výhody firmy / stránky / produktu atď.

Obnova sortimentu/nové výtvory atď.

Informácie o tom, že vaša komunita je oficiálna

Informácie o pripravovaných akciách

Adresy účtov v iných sociálnych sieťach

Rozšírený popis stránky

chváli sa

Vo všeobecnosti je možné na avatar umiestniť absolútne akékoľvek informácie. Zahrnul som len niekoľko nápadov, aby ste mohli vidieť, čo robia ostatní, a inšpirovať sa ich príkladmi. Majte na pamäti hlavné odporúčania: avatar by mal byť vysoko kvalitný, písmo by malo byť veľké a medzi prvkami by malo byť viac „vzduchu“.

Ako vytvoriť zlúčený avatar a menu

Na vytvorenie zlúčeného avatara a menu budete potrebovať Adobe Photoshop alebo jeho ekvivalent. Ako príklad vysvetlím celý proces pomocou Photoshopu. Tak, poďme.

1. Stiahnite si šablónu pre Photoshop, ktorú som špeciálne pripravil pre tento článok. V normálnej veľkosti (menu - šírka 510 pixelov, avatar - 200) alebo zväčšený (menu - šírka 1020 pixelov, avatar - 400).
2. Otvorte obrázok, ktorý chcete použiť ako základ.
3. Skopírujte ho, vložte do šablóny a umiestnite tak, ako by ste chceli, aby bola vyrezaná.

1. Pridajte efekty, text, grafiku a ďalšie.

1. Ak nechcete, aby sa časť obrázka stratila (v tejto medzere, ktorá je 50 pixelov), posuňte ju doprava, ako je znázornené na nasledujúcom obrázku:

1. Vyberte nástroj "Vnorenie" a kliknite na tlačidlo "Fragmenty pozdĺž vodidiel".

1. Odstráňte nepotrebné fragmenty (kliknutie pravým tlačidlom myši - "Odstrániť fragment") a upravte existujúce (kliknite pravým tlačidlom myši - kliknite na prázdne miesto - vyberte požadovanú oblasť a roztiahnite ju na požadovanú veľkosť).

1. Prejdite do sekcie "Súbor" a vyberte príkaz "Uložiť pre web".

1. Prejdite na miesto, kde ste uložili obrázky (na plochu alebo do nejakého konkrétneho adresára) a nájdite tam priečinok s názvom „Obrázky“. Tu budú vaše obrázky. Teraz ich zostáva len vyplniť na stránke.

P.S. Výšku avatara je možné zmeniť podľa vlastného uváženia. Vzal som si maximálnu veľkosť - 500 pixelov, ale môžete mať túto hodnotu menej. Napríklad, ako na stránke „značky Wiki“:

Ako používať widgety

Widgety sú tiež súčasťou dizajnu komunity VK. Pomocou nich môže používateľ: zadať objednávku, prihlásiť sa na odber noviniek, zúčastniť sa súťaže, čítať a zanechať recenzie, otvoriť komunitné vyhľadávanie, získať darček, zľavový kupón atď.

Tu je niekoľko príkladov toho, ako vyzerajú widgety na stránke VKontakte:

Ako uverejňovať obrázky

Ak ste webový dizajnér alebo máte umelecký vkus a zmysel pre krásu, potom pre vás nebude ťažké vymyslieť firemnú identitu pre vaše obrázky. Zdá sa mi však, že takýchto ľudí bude v tomto článku menšina (mimochodom, ani ja medzi nich nepatrím). Pozrime sa preto bližšie, ako sa to robí, na príkladoch úspešných firiem.

Mimochodom, všimnite si, že takmer všetky známe spoločnosti VKontakte označujú svoje obrázky, to znamená, že pridávajú malé logo, adresu svojej stránky alebo vodoznak. To zvyšuje povedomie o značke a chráni vaše obrázky pred kopírovaním. Či to stojí za to, každý sa rozhodne sám za seba. Jediná vec, ktorú by som vám chcel poradiť, je, že ak sa pre to rozhodnete, snažte sa uistiť sa, že vaše logo nie je príliš svetlé a nezaberá príliš veľa miesta, inak bude všetok dôraz kladený naň a obrázok bude stratiť príťažlivosť.

Kde môžem získať dobré obrázky?

Na našom blogu máme dobrý článok na túto tému - "". Všetky sú zadarmo, no niektoré vyžadujú registráciu. Ak nenájdete nič vhodné pre seba, skúste hľadať podľa kľúčového slova + tapeta (alebo, ak v angličtine, tapeta). Takáto požiadavka zvyčajne vytvára vysokokvalitné obrázky. Tu si však treba dávať pozor a skontrolovať typ licencie, inak, ak máte seriózny biznis, môžete sa dostať do problémov.

A čo tí, ktorí nevedia pracovať vo Photoshope?

Ak ste nikdy nepracovali vo Photoshope (ani v iných grafických editoroch) a ešte nie ste pripravení venovať tomu čas, môžete využiť služby, ktoré už majú hotové obrazové šablóny pre rôzne sociálne siete:

1. Fotor.com

Potom na ľavej strane obrazovky vyberte šablónu, ktorá nás zaujíma. Upozorňujeme, že bezplatne sú poskytované iba šablóny, ktoré nemajú ikonu diamantu.

Vložte ho do šablóny, vyberte ľavým tlačidlom myši, vyberte príkaz Vrstva (ikona sendviča) a kliknite na Presunúť nadol. Náš obrázok teda pôjde na pozadí a všetky nápisy budú prekryté na ňom.

Potom zmeníme text, písmo, veľkosť písma, polohu nápisu atď.

Potom kliknite na ikonu v podobe diskety, vyberte názov, formát obrázka, kvalitu a kliknite na tlačidlo Prihlásiť sa na stiahnutie.

2.Canva.com

Ďalšia služba, ktorá vám pomôže krásne usporiadať váš obrázok. Funguje na rovnakom princípe ako predchádzajúci. V službe sa zaregistrujeme (môžete použiť svoj Google+ účet alebo e-mail).

Vyberte si pole pôsobnosti. Preskočíme krok, v ktorom budete požiadaní o pozvanie priateľov. Dostaneme sa do hlavného menu, kde vyberieme príspevok na Facebooku, ak potrebujeme obdĺžnikovú fotografiu, alebo príspevok na Instagrame, ak potrebujeme štvorcovú.

Vyberte šablónu (ak je šablóna označená „ZADARMO“, ​​potom je bezplatná), zmeňte text.

V prípade potreby nahrajte svoj obrázok, upravte veľkosť, zmeňte text, font a polohu nápisu. Potom kliknite na tlačidlo „Stiahnuť“, vyberte formát obrázka a uložte ho do počítača alebo iného zariadenia.

Ako formátovať články v editore

Odnedávna môže VKontakte vysádzať články v špeciálnom editore. Ak chcete vytvoriť článok, musíte kliknúť na písmeno "T":

Ako používať značky wiki

No a tu sa dostávame k najzaujímavejšiemu a zároveň náročnému úseku. Možno sú medzi čitateľmi ľudia, ktorí nevedia, čo je označenie wiki, a vo všeobecnosti tento výraz počujú prvýkrát. Preto, špeciálne pre vás, uvediem definíciu, ktorú dáva samotný „Kontakt“.

Wiki markup je značkovací jazyk, ktorý sa používa na formátovanie textu na webových stránkach (zvyčajne klasifikovaných ako wiki projekty) a uľahčuje prístup k funkciám jazyka HTML. Na našej stránke sú wiki stránky dobrou alternatívou k bežným príspevkom a textovej navigácii. Ak potrebujete vytvoriť veľký článok s rôznym formátovaním textu (tučné, podčiarknuté, nadpisy atď.) alebo k nemu pridať grafiku, alebo len vytvoriť farebné navigačné menu pre vašu komunitu, wiki je nevyhnutná.

Rovnako ako Wordpress (alebo akýkoľvek iný CMS) má HTML editor, pomocou ktorého vytvárate články, Contact má vlastný editor na vytváranie a úpravu wiki stránok. Vyzerá to takto:

Pomocou tohto editora sa vytvárajú navigačné ponuky, ako aj články s obrázkami, videami a zvukovými nahrávkami. O niečo nižšie podrobne rozoberiem, ako pracovať v tomto editore, ale najprv vás žiadam, aby ste si uložili dva odkazy do záložiek. Veľmi vám pomôžu pri učení sa značiek wiki.

Ahojte všetci, milí čitatelia blogu. Pokračujem v téme o - v skutočnosti nie je všetko také zložité, ako sa zdá, a nie je tu nič zvláštne na štúdium. Vaša profesionalita závisí výlučne od praxe. No dobre, dnes si povieme o kráse vašich skupín, kráse jedálneho lístka vo vašich skupinách a o tom, ako krásne a vlastnými rukami usporiadať jedálny lístok a samotné skupiny, t.j. je zadarmo!

Keď už hovoríme o jednoduchosti smm priemyslu - aj v ňom existuje viac odvetví a trikov, ktoré musíte teoreticky poznať, aby ste dosiahli výsledky. No dobre, akceptujem aj fakt, že v týchto oblastiach som ešte možno príliš slabý, hoci v oboch mám klientov.

No čo Poďme zostaviť menu pre skupiny VKontakte?

Ako si sami navrhnúť menu v skupine VKontakte

Áno, je to na vlastnú päsť, pretože po prečítaní tohto článku nebudete potrebovať služby nezávislých pracovníkov. Hoci tento podnik nie je drahý, za 1500 si môžete urobiť jedálny lístok na workzila (písal som podrobnú skúsenosť o práci s touto burzou).

Tu je to, čo potrebujeme na navrhnutie skupiny vo VK:

1. Layout (grafické usporiadanie prvkov) – musíme vedieť, kde čo má byť.

2. Základná znalosť značiek wiki. (o najštandardnejších veciach sa budeme baviť trochu nižšie a pre podrobné štúdium - odporúčam túto skupinu ).

3. Základné znalosti Photoshopu. Bude potrebné vystrihnúť kusy rozloženia požadovanej veľkosti.

Kde môžem získať rozloženie ponuky?

Rozloženia na navrhovanie ponuky VKontakte je možné brať rôznymi spôsobmi, napríklad:

1. Na voľnej nohe alebo Workzilla.

2. Môžete si vytvoriť svoj vlastný, ak máte zručnosti vo Photoshope. Ak nie, odporúčam kurzy Evgeny Popova, tu je jeden z nich, stačí kliknúť na Photoshop.

3. Hotové si môžete vygoogliť a stiahnuť. Verte mi, nie je ich veľa.

No na druhej strane ... Prečo google? Stačí sa prihlásiť na odber aktualizácií mojich webových stránok. A kliknite na tlačidlá sociálnych médií nižšie.

Špeciálne som pre vás pripravil archív, v ktorom viac ako 100 rôznych možností dizajnu na zdobenie skupín VKontakte!. Po rozbalení zaberá archív približne 2,5 gigabajtu.

Hlavnými podmienkami je byť predplatiteľom a prejsť cez sociálne tlačidlá.!

Vďaka. Teraz si môžete stiahnuť archív z tohto odkazu.
Nezabudnite prejsť cez zvyšok sociálnych tlačidiel.

Veľkosti avatarov a ponúk, ktoré sú užitočné pri navrhovaní skupín VK

Ak chcete správne navrhnúť skupinu alebo verejnosť, musíte vedieť o veľkostiach obrázkov, ktoré musíte použiť. Venujte prosím pozornosť tomuto obrázku.

Ako vidíte, skupina avatarov potrebuje veľkosť 200 na šírku a 500 pixelov na výšku. A pre obrázok hlavného menu - 395 pixelov na šírku a 289 pixelov na výšku.

Tu je v zásade všetko, čo je potrebné. Existujú rozloženia, existuje pochopenie rozmerov.

Kreatívna časť je za nami – zostáva už len málo práce. Začíname technickú časť celého procesu tvorby jedálneho lístka pre skupiny.

Ako si sami zariadiť skupinu VKontakte a mať po ruke rozloženia

Takže máme rozloženia skupinového dizajnu. Teraz musíte vystrihnúť potrebné časti.

Pre skupinového avatara samozrejme nie je potrebné nič. Vystrihli sme požadovanú časť z rozloženia alebo obrázka - a vložili ju do skupiny. Myslím, že sa už viete vložiť? No to dúfam. Ak nie, píšte komentáre, túto rubriku doplním do článku.

Teraz menu, treba ho prerezať. Nie samotné menu, samozrejme, ale každú časť pre menu (tlačidlo) určite treba vystrihnúť.

Najprv malý vzdelávací program.

Ako sa skupinové menu líši od verejného?

Líšia sa tým, že skupinové menu je už v skutočnosti súbor tlačidiel. Ale toto menu je vždy skryté! Je vždy! A verejná ponuka je vždy otvorená av skutočnosti je to pevný odkaz, ktorý vedie na stránku so sekciami samotnej ponuky (tlačidlá).

Takže ešte raz: v skupine - aby ste videli menu, musíte kliknúť na tlačidlo "Skupinové menu", štandardne sa toto tlačidlo nazýva "Najnovšie správy".

A na verejnosti (mimochodom môžete aj v skupine) - menu je vždy otvorené.

Ale tento obrázok je jedným veľkým a krásnym odkazom, ktorý vedie k väčšiemu samostatnému menu. Tu:

Toto obrázkové tlačidlo v ponuke je vytvorené prostredníctvom pripnutého príspevku. Je to len skupinový príspevok, ktorý navždy pripneme! Tento odkaz na príspevok vedie na samostatnú stránku, ktorú jemne predvytvoríme.

Ako vytvoriť samostatnú stránku pre ponuku VKontakte

Na vytvorenie stránky pre budúce menu (navigácia) - musíte poslať žiadosť VK:

kde XXX je číslo skupiny, YYY je názov stránky (tu sú povinné všetky otázniky a pomlčky).

Navyše odporúčam, aby bol názov normálny, atraktívny a zmysluplný, pretože sa rozžiari a ľudia pod týmto názvom o vás a vašej skupine urobia určitý dojem. Napríklad „Navigácia“ alebo „Skupinová ponuka“ sú normálne názvy, ale zdajú sa byť banálne. Použi svoju predstavivosť.

Zadal som nasledujúci dotaz

A hneď som otvoril vytvorenú stránku s možnosťou úpravy.

Tu budete musieť vložiť kód pre samotnú ponuku pomocou značky wiki. Ale o tom neskôr.

Mimochodom, poviem vám tajomstvo, ak máte skupinu (a nie verejnú) - štandardné menu, ktoré už štandardne existuje - je to už samotná stránka. Môžete ho teda použiť, ak sa vyskytnú problémy s vytváraním ďalších stránok.

Ako vytvoriť pripnutý príspevok v skupine alebo verejnosti

Áno, a v akomkoľvek type komunity sa pripnutý príspevok vytvorí rovnakým spôsobom! Všetko sa robí veľmi jednoducho.

A v zobrazenom okne kliknite na tlačidlo "Pripnúť" - všetko je jednoduché!

Mnohé skupiny, mimochodom, používajú pripnuté príspevky ako oznámenia. Ak čas relevantnosti tohto oznámenia uplynul, jednoducho znova kliknete na dátum zverejnenia a na tlačidlo „Odopnúť“.

V skutočnosti teraz každý používa túto konkrétnu metódu menu.

Hádajte prečo?

Takže už vieme, ako vytvárať stránky a pripínať príspevky. V pohode. Vraciame sa k našim rozloženiam oviec.

Rezanie rozloženia pre návrh skupiny alebo verejnosti

Takže pre avatara je všetko jasné, nič tu nevystrihneme. Vytvorili sme obrázok požadovanej veľkosti a nahrali ho do VK. Všetko. S avatarom pre skupinu sme skončili!

Teraz menu.

Napríklad menu som prevzal z tejto skupiny. Vyrobil som si to sám a stále k tomu mám prístup, takže môžem dokonca zobraziť kód stránok.

Takže už viete, ako urobiť hlavný obrázok pre menu - toto je len pripnutý príspevok.

Kliknite na ponuku, pozri obrázok.

Musíme vybrať „klikacie“ zóny.

tie. vyberte samotné tlačidlá. Dovoľte mi zvýrazniť tieto oblasti červenými čiarami.

Koľko dostaneme? 5 obrázkov. A nie každý obrázok bude gombík!! Ako vidíte, horný veľký obrázok nie je tlačidlo, ale sám o sebe ...

Takže vystrihneme obrázky v tomto smere. Teraz ho musíte „nahrať“ do VK.

Ak ste vytvorili samostatnú stránku pre menu, kliknite na tlačidlo "Vyplniť obsahom" na novovytvorenej stránke.

Ak ste túto stránku nevytvorili, ale pre menu ste použili hotovú stránku, tak máte hneď pred sebou editor stránky a môžete hneď nahrávať fotografie:

Vyplnené a mali by ste mať nasledovné:

Možno budete mať len kód, ako na obrázku nižšie. Ak nie, kliknite na tlačidlo „Zdrojový kód“, toto tlačidlo som zvýraznil na hornom obrázku. A uvidíte nasledovné:

Tu musíme zoradiť všetky obrázky v rade, aby sme sa nezamieňali (dobre, ja to robím).

A aby medzi obrázkami neboli žiadne zarážky, zadajte značku „nopadding“, malo by to vyzerať takto:

toto je stránka-58190479_45419120 - toto je adresa samotnej stránky VKontakte, tento identifikátor nájdete v paneli s adresou vášho prehliadača.

To je všetko :) Nie je to náročné?

Tu je to, s čím som skončil vo svojom kóde. Ak máte niečo také, potom je všetko v poriadku.

Ak máte nejaké problémy s niektorou z položiek, kontaktujte nás. rád pomôžem.

Pri tejto príležitosti vám chcem pripomenúť, že existujú skvelé služby pre akúkoľvek propagáciu a podvádzanie, sú to:

prospero | stýkať sa | sociálne nástroje

Možno som nepovedal všetky tajomstvá, ktoré bolo potrebné povedať. Priznám sa, že mi niečo uniklo, napokon sa ukázalo, že článok nie je malý - napíšte mi, ak si všimnete zjavné nedostatky. Vopred ďakujem.

Nedávno som bol zmätený dizajnom mojej skupiny VKontakte. Videl som veľa krásne navrhnutých kapiel a chcel som urobiť niečo podobné. Po niekoľkých hodinách študovania značiek wiki som si konečne vytvoril krásny banner pre seba a rozbaľovacie grafické menu vedie priamo na stránky môjho webu. V skratke, ako sa to robí? Najprv sa vo Photoshope vytvoria dva obrázky súčasne, potom sa jeden z nich rozreže na niekoľko častí. Ďalej sa na stránky úprav vo VKontakte vloží špeciálny kód s externými odkazmi. No a teraz si povedzme o všetkom pekne po poriadku.

Vytváram skupiny Vkontakte
Kvalitný dizajn VK skupín a publík, pripnuté menu, rozbaľovacie menu, interné grafické menu, adresáre, interná navigácia — ceny A portfólio.

Pozor!
V súvislosti s ďalšou aktualizáciou VKontakte z 31. októbra 2016 sa táto možnosť navrhovania skupín stala irelevantnou. Čiastočne podobné menu je možné implementovať na karte Najnovšie správy v bloku pod stavovým riadkom. Pôjde ale o samostatné menu, ani jednu skladbu s avatarom.

Krok 1.
Vytvorte nový dokument vo Photoshope s veľkosťou približne 850 x 700 pixelov, vyplňte ho bielou farbou. V tomto príklade som kvôli prehľadnosti okamžite prekryl rozhranie VKontakte. Teraz musíme vo vrstve vyrezať dve okná, cez ktoré bude prezerať samotný grafický návrh. Najprv vyberte obdĺžnik s rozmermi 200 x 500 pixelov a stlačte Del. Potom vyberte obdĺžnik 510 x 309 a tiež stlačte Del.

Obdĺžniky zarovnáme k spodnému okraju, vzdialenosť medzi tvarmi je 50 pixelov. Tento dizajn je navrhnutý pre jeden riadok názvu skupiny, jeden riadok stavu a tri riadky popisu a technických informácií. Ak máte iný počet riadkov, upravte výšku ľavého obrázka na mieste.

Krok 2
Teraz pod túto vrstvu umiestňujeme celý náš grafický dizajn. V tomto prípade som vložil obrázok s hlavným pozadím, potom som napísal text a potom do ľavého obdĺžnika.

Krok 3
Teraz hneď uložíme pravý obdĺžnik (avatar) ako samostatný obrázok 200x500 pixelov. Toto je hotový obrázok pre návrh skupiny. Nahráva sa do bloku v pravom hornom rohu skupiny, kde je napísané „Aktualizovať fotografiu“. A ľavý obrázok by sa mal rozrezať na niekoľko obrázkov podľa počtu položiek ponuky. V tomto prípade ide o 5 obrázkov so šírkou 510 pixelov.

Krok 4
V tomto kroku musíme nahrať naše nakrájané obrázky na VKontakte. Ak to chcete urobiť, ihneď pod popisom skupiny vyberte blok "Najnovšie správy", podľa mňa sa to tak volá v origináli. Premenoval som ho na „Menu“. Kliknite na "Upraviť". Dôležité! Najprv musíte mať otvorenú skupinu, nie stránku. Pretože na stránke jednoducho takáto položka nie je. A po druhé, v menu Správa komunity > Informácie > Obsah treba vybrať položku „Verejné“.

Krok 5
Takže na karte „Úpravy“ klikneme na ikonu fotoaparátu a načítame našich päť rozrezaných obrázkov ponuky. VKontakte ich načíta vlastným spôsobom, zmenší veľkosť na šírku 400 pixelov a k obrázku priradí značku noborder. V ďalšom kroku musíme kód trochu opraviť.

Krok 6
Totiž, nastavíme pôvodné veľkosti obrázkov a zmeníme tag noborder na tag nopadding. Musíme tiež uviesť adresy URL odkazov z každej položky ponuky. V tomto prípade prvý odkaz vedie na internú stránku Vkontakte a zvyšné štyri odkazy vedú priamo na stránky môjho webu.

Nižšie je uvedený pôvodný pracovný kód pre moje menu. Môžete ho použiť ako základ. V ňom zmeníte obrázky za svoje, nahradíte svoje veľkosti a napíšete svoje odkazy. A uistite sa, že v kóde nie sú žiadne medzery medzi hranatými zátvorkami a nie je tam ani zalomenie riadku, inak budú medzi obrázkami na grafickom obrázku medzery.

[][][]

Krok 7
Opakujem ešte raz, aby ste otvorili toto menu, musíte kliknúť na nápis "Menu". A tak je to vždy v zrútenej forme. Prečítajte si komentáre k príspevku, je tam vyriešených veľa otázok. Pripojte sa k mojej skupine Vkontakte.