Nové menu v skupine VKONTAKTE. Ako urobiť menu v skupine alebo verejnom VKONTAKTE

Teraz skupiny a publikuje VKONTAKTE Použite Visual Design Tools. Vďaka tejto príležitosti vzhľad A dizajn skupiny sa stáva estetickou. V tomto materiáli bude podrobne opísaný, ako vytvoriť menu v skupine VKONTAKTE.

Prečo potrebujete skupinové menu

Po prvé, menu je užitočný prvok Pre obchodné skupiny. Užívatelia s ním nemajú problémy s navigáciou. Všetky potrebné informácie budú zverejnené v tomto bloku. V sociálna sieť VKONTAKTE, údržba skupín je usporiadaná takým spôsobom, že celý predtým publikovaný materiál je obsiahnutý v páske. Jedinečný možnosť triedenia Je to vytvorenie tém v časti "Diskusie". Ale nie je to tiež celkom pohodlné, pretože téma nie je obmedzená na jeden príspevok, kde sa všetky informácie zhromažďujú, a nájsť potrebný príspevok, musíte prechádzať cez stránky na dlhú dobu.

Je oveľa pohodlnejšie vybudovať jasnú štruktúru, kde sa všetko zozbierajú užitočné informácie a rozdelené samostatné tematické bloky. V tomto screenshot, dobrý príklad grafického interaktívneho menu, kde sú všetky užitočné príspevky umiestnené v samostatnom bloku. Je to vhodné a nevyžaduje, aby užívateľ vykonal ďalšie akcie na stránke.

ZÁVER Je možné dospieť k záveru, že menu je potreba rozvojovej komunity. To je vhodné navigačný nástrojktorý umožňuje používateľom nájsť potrebné informácie, ktoré nie sú rýchlejšie a rýchlo prístup k požadovanej časti skupiny. Výhodne použite menu Klikanie pre skupiny predajných tovarov a služieb.

Uzavreté a otvorené menu

Na tento momentMenu VKONTAKTE možno rozdeliť na niekoľko typov a druhov, potom zvážiť každé z nich.

Typy:

  • text (štruktúra je textové odkazy);
  • grafické (multimédiá, aktívne tlačidlá atď.).

Názory:


Vytvorte textové menu

Tento typ menu nevyžaduje žiadne znalosti a ďalšie nástroje. Robiť textové menu V skupine vo VC, je to dosť jednoduché, na to budeme používať funkčnosť sociálnej siete. Nepoužíva tlačidlá, štýly atď. Textové menu je zoznam, ktorý sa skladá z kotvy.

Výučba krok za krokom:

Postup tvorby textového menu nevyžaduje špeciálne vedomosti a zručnosti. Preto je táto možnosť najvhodnejšia pre neskúsených používateľov. Pred vykonaním úseku na hlavnú stránku sa uistite, otestovať a optimalizovaťTáto navigácia fungovala bez zlyhania.

Grafické menu

Choďte na jeden z komplexných spôsobov, ako vytvoriť. Na to budeme musieť použiť ďalšie nástroje - Photoshop Grafický editor. Ďalej otec detailný popis Krok za krokom procesu vytvorenia grafického menu pomocou ďalšieho softvéru.

Výučba krok za krokom:

  • ak chcete začať, budete musieť spustiť grafický editor Photoshopu;
  • Ďalej kliknite na "Súbor" a " Vytvárať" Uvádzame nasledujúce parametre: "Šírka" (wight) 610 pixelov, "výška" (výška) 450 pixelov a "rozlíšenie" (rozlíšenie) 100 pixelov na palec;
  • potom nový dokumentKde chcete pretiahnuť obrázok na pozadí;
  • potom bude potrebné natiahnuť obrázok na zatvorenie bielej oblasti;
  • Ďalej v paneli " Vrstvy»Kliknutím na pravé tlačidlo myši na obrázku av kontextovom okne vyberte" Zlúčiť.Viditeľný"(Viditeľné kombinované);
  • Obdĺžnik"A vytvorte tlačidlá pohybom kurzora na obrázok a stráviť hranice obrázku;
  • v hornej časti pracovného priestoru si môžete vybrať výplň pre tlačidlo, parameter "Fill";
  • potom sa vrátime na panel s nástrojmi a vyberieme sa " Text»;
  • potom kliknite na tlačidlo, ak chcete pridať textové pole textu a namontujte názov tlačidla. Podľa vášho uváženia si môžete vybrať písmo, jeho veľkosť a farbu, aby sa zdá, že oddiel sa zdá byť štýlový;
  • na stredový text Na obrázku vyberte vrstvu s textom a požadovaným obrázkom stlačením klávesu "CTRL" a striedavo stlačte tlačidlá zarovnania horný panel nástroje;
  • potom musíme vykonať rezný obraz výsledného obrazu;
  • v paneli s nástrojmi vyberte " Usmerňovať"(Plodina) a" rezanie ";
  • zvýrazňujeme každé tlačidlo a otvoríme "súbor", "Export", "Uložiť na web". Nainštalujte formát uloženého súboru PNG24;

Na tomto je plne dokončená práca v editore grafiky. Vrátime sa do textového editora sociálnych sietí, kde v predchádzajúcej časti vytvoríme textové menu.

Pokyny na prácu s grafickým menu VKONTAKTE:


Vytvorené menu je zakotvené ako pravidelný vstup. Stlačením tlačidla na zabezpečenie.

Základy Wiki Marku

Ďalej zvážte základy používania wiki markup vo vývoji menu pre skupinu v sociálnej sieti. Vikkontakte Wikas je jazyk, ktorý sa používa na navrhovanie textu na webových stránkach a umožňuje zjednodušiť prístup k schopnostiam. jazyk HTML. Ďalej zvážte hlavné príkazy, ktoré sú k dispozícii na použitie v sociálnej sieti.

Dizajn menu pomocou multimédií

Textový príkaz pre multimediálne súbory má nasledujúci formulár: "[]. Analyzujeme viac: "Mediaxxxx_yyyy" (Samotný súbor), "Možnosti" ( nastavte parametre), "Odkaz" (je pop-up nápis, ktorý sa zobrazí pri vzniku kurzora k objektu).

Možnosti (možnosti) pre multimédiá Prezentované v screenshot:

Parametre pre video Vyzerať takto:

Hlavičky (H1, H2, H3)

Ak chcete pridať titul, na začiatku a konci textu je potrebné vložiť nasledujúce označenia "\u003d\u003d". Pozeráme sa na príklad screenshot:

Ozdobíme text

Ak chcete urobiť text, VKONTAKTE ponúka nasledujúce parametre: tučné písmo, kurzívosti, zarovnanie na pravej a ľavej hrane, zarovnanie v strede, zoznam, titulky, horné a dolné index, podčiarkovník a s výhľadom. Podrobnejšie nastavenia sú uvedené v screenshot.

Citácie

Ak chcete prilákať pozornosť divákov, môžete použiť citácie, tag pre tento parameter vyzerá takto: ""

Príklad použitia B. textový editor V kontakte s:

Zoznamy

Používatelia môžu používať označené a číslované zoznamy. Číslovaný zoznam je označený symbolom "#", označené "*".

Príklad mnohý Zoznam:

Príklad označený Zoznam:

Ako si vyrobiť zarážky

Všetko je tu dosť jednoduché, pred požadovaným slovom, musíte pridať znamenie ":". Čím viac značiek bude dodané, tým väčšia odsadenie bude.

Interné odkazy

Interné odkazy sú prechody do iných prvkov sociálnej siete: užívateľský profil, komunita tretej strany, chat, foto, video, článok atď. Pridanie interného odkazu sa vykonáva pomocou značky "[]. Podrobnejšie popíšeme: "Link" je odkaz, "text" - toto je zobrazený text.

Príklad:

Ako vytvoriť tabuľku

S Wiki Markupitom môžu používatelia vytvoriť objekt tabuľkyNa tento účel sa používajú nasledujúce príkazy:

Pridať spojler

Táto položka môže skryť informácie, ktoré budú zverejnené pomocou príslušnej tlače Špeciálne tlačidlo. Táto možnosť umiestniť informácie je ideálna pre sekciu "pravidlá" skupiny, "často kladené otázky" atď.

Ak chcete vytvoriť objekt, použije sa nasledujúci návrh:

((Hider | Názov textu))

Ako odstrániť menu

Odstránenie nastáva nasledovne:

Odstráňte formátovanie stránky:


Ak chcete vytvoriť všeobecný výhľad na esteticky, a pracovať s ním je pohodlnejšie, najlepšie riešenie bude vytvorenie ponuky skupiny. Takže môžete urobiť všetky dôležité prvky v jednom elegantnom zozname, nastaviť svoju vlastnú ikonu alebo obrázok pre každý odkaz, upozornite návštevníkov o všetkých zmien rýchlo a hodiť. Menu môže obsahovať také prvky: rôzne odkazy na externé stránky, naladenie diskusie, albumov, hudby a iných sektorov v mieste VKontakte, obrázky a len štruktúru vašej skupiny. Podľa nižšie uvedených pokynov skúste vytvoriť vlastné menu pre komunitu VKONTAKTE.

Ako vytvoriť jednoduché menu v skupine VKONTAKTE

Ak chcete, aby každý riadok menu viedol v konkrétnej diskusii na témy, po prvé, musíte vytvoriť tieto veľmi diskusie a dať im mená. Nechajte ich zatvorené alebo otvorené k komentárom - čisto osobná záležitosť, pretože táto možnosť neovplyvňuje zobrazenie stránky v menu.

Snažte sa urobiť najjednoduchšie menu, ktorá bude predstavovať štruktúru vašej skupiny a ubytovať všetky najdôležitejšie časti.

  • Nezabudnite, že v skupine a komunite sa zobrazí displej ponuky mierne odlišne. Preto, ak chcete preložiť skupinu do komunity, kliknite na trojbodovú ikonu vedľa názvu skupiny a vyberte "Preložiť na stránku" reťazec. Upozorňujeme, že otočenie komunity premeniť na skupinu nebude fungovať.
  • Teraz prejdite na odkaz "Management Community" v rovnakom menu.
    Uvidíte blok so všetkými nastaveniami vašej skupiny, tu môžete zmeniť názov, kontaktné informácie, Súkromie, riadiť účastníkov. Prejdite do kategórie "sekcií".


  • V riadku "Materiály" položte hodnotu "vypnuté" alebo "obmedzené", aby účastníci skupiny nemohli neúmyselne poškodiť vaše súbory, ktoré sú potrebné pre dizajn. Nezabudnite uložiť svoju voľbu.


  • Prejdite do skupiny a prejdite na okno "Fresh News", je z neho vytvorením menu.


  • Kliknite na položku Upraviť.


  • Po prvé, musíte zmeniť názov "čerstvé správy" na "menu" alebo iné, čo môže jasne pochopiť účastníkom, že môžu rýchlo ísť na správne odkazy.
    Prepnite režim úprav na "Upraviť wiki markup" na malej šípke v pravom rohu.


Teraz vytvorte štruktúru:

  • Je dôležité, aby ste mali diskusie, materiály alebo albumy v skupine, ktorej meno budete používať v menu.
  • Zadajte všetky názvy hlavných častí v reťazci, dvakrát zarámte do štvorcových konzol.
  • Ak chcete text vo forme zoznamu, položte hviezdy pred bodmi.

V tomto screenshote sa dá predpokladať, že v skupine je materiál s názvom "časť 1", diskusia "oddiel 2" a album "sekcie 3". Kliknite na "Náhľad" alebo "Uložiť zmeny".


  • Váš oddiel sa zmení na "menu" a bude aktívne odkazy na hlavné kategórie skupín, úhľadne zdobené v zozname.


Ako vložiť odkazy v ponuke skupiny VKONTAKTE

Ak chcete urýchliť prístup na vaše oficiálne webové stránky alebo oddiely priamo vo vnútri skupiny, je lepšie vložiť aktívne odkazy.

  • Vráťte sa na úpravu oddielu menu. Skopírujte požadovaný odkaz a jednoducho vložte značku do okna v režime. Po uložení sa stane aktívnym.


  • Takto vyzerajú všetky odkazy, ktoré môžete vložiť do menu vašej skupiny.


Ako vytvoriť ponuku VKontakte s obrázkami

Ak chcete, aby ponuka pozostávala z krásnych ikon, ktoré vedú k určitej časti, jednoduché dodržiavajte nižšie uvedené pokyny.

  • Pre štart vytvorte špeciálny album, v ktorom budú pre návrh skupiny uložené iba technické obrázky.


  • Načítať obrázky B. formát JPEG Nie viac ako 500 pixelov o 500.


  • Skopírujte adresu prevzatého obrázka.


  • Skopírujte odkaz na diskusiu, materiál alebo iné externé miesto.


  • [Odkaz na obrázok vo vašom albume veľkosť v pixeloch; Nopádding | Odkaz na diskusiu alebo stránku]]

Príklad je znázornený na screenshot.
Kliknite na tlačidlo "Uložiť stránku".


  • Teraz sa v menu objaví úhľadný odkaz. Môžete si dať hodnotu pixelov, ktorú považujete za potrebné.
    Ak chcete pridať viac obrázkov, stačí zadať nové odkazy z nového riadku.


Mnohé žiadosti o mojich pretrvávajúcich čitateľov a len zvedavých používateľov zvýšili svoju činnosť. Nakoniec som vytvoril lekciu, v ktorej sa naučíme robiť dynamické menu VKontakte s účinkom tlačidiel stlačených! Analogicky s konvenčnými internetovými stránkami, keď je uvoľnený odkaz označený špeciálnym spôsobom (stlačením tlačidla, podčiarknutia) - vytvoríme rovnaký dizajn VKONTAKTE pomocou vytvorených stránok a grafického dizajnu. Ak chcete začať, urobíme grafické prázdne miesta vo Photoshope - Vytvorte uzáver menu a dve tlačidlá druhov. Potom vytvoríme niekoľko stránok VKONTAKTE, podľa položiek nášho menu. A konečne, urobíme zložitý príjem, ktorý nám v skutočnosti vytvorí ilúziu prechodu podľa odkazu. Lekcia je dosť zložitá a vhodná pre tých, ktorí sa s dôverne cítia vo funkčnosti VKontakte. Všetky manipulácie budem produkovať na príklade skupina VKONTAKTE kde sa tento účinok implementuje. Takže, pre podnikanie!

Krok 1. Vytvorte menu Cap vo Photoshope
Vytvorte dokument 600 pixelov vo Photoshope. Výška môže byť odlišná podľa vášho uváženia. Môžete vložiť do hlavičky akýkoľvek druh fotografie, koláž, informačný banner a iné grafické obrázky. V tomto Sceale som použil taký reklamný banner 600x172 pixelov.

Krok 2. Vytvorte navigačný reťazec v Photoshope
Teraz musíme vytvoriť rad navigácie. V tomto príklade som použil len text ako tlačidlá. Ale podľa vášho uváženia môžete vytvoriť farebné tlačidlá a napísať text na ne. Robíme tak - vytvoríme obdĺžnik 600x56 pixelov vo Photoshope av tento prípad Otočte ho bielou. Potom v reťazci napíšeme položky ponuky - niekde asi 5-6 bodov, nie viac. Veľká kvantita Body budú vyzerať.

Krok 3. Vytvorte navigačný reťazec v Photoshope
Teraz musíme vytvoriť aktívne odkazy, akoby boli stlačené. Použil som obvyklé podčiarknutie, ale môžete použiť inú farbu textu alebo pozadia na označenie navštíveného odkazu.

Krok 4. Rezané obrázky
V tomto štádiu potrebujeme znížiť obrázky z kroku 2 a kroku 3. Mali by sme mať dve sady piatich tlačidiel - jedno tlačidlo bez podčiarknutia, ďalšie tlačidlo s podčiarknutím. Tlačidlá každej jednotlivej položky (s podčiarknutím a bez podčiarknutia) by mali byť rovnakou veľkosťou. Na obrázku nižšie je prezentovaný všetok náš grafický dizajn - desať tlačidiel a jedno uzáver menu.

Krok 5. Vytvorte VKontakte stránku menu
Teraz choďte do VKONTAKTE. Našou úlohou je vytvoriť samostatnú stránku s názvom "Menu". Ak to chcete urobiť, použijeme taký kód.
http://vk.com/pages?oid\u003d-xxx&p\u003d_naviing_strant
kde namiesto XXX nahradíme ID našej skupiny, a namiesto textu "Názov stránky" napíšeme ponuku. Teraz musíte zistiť ID skupiny. Ako to spraviť? Prejdeme na hlavnú stránku skupiny a pozrite sa na naše záznamy steny - priamo pod blokom "Pridať záznam" bude napísaný "Všetky položky" - kliknite na tento odkaz.

Krok 6. Určite ID skupiny a upravte kód
Prejdite na stránku a pozrite si adresu URL tohto typu https://vk.com/wall-78320145?Own\u003d1kde čísla 78320145 v tomto príklade sú ID skupiny. Naše údaje nahrádzame do zdrojového kódu a získajte záznam tohto typu:
http://vk.com/pages?oid\u003d-78320145&p\u003dmay (S číslami!). Vložte tento reťazec do panela s adresou prehliadača a stlačte ENTER. Takže sme vytvorili nová stránka VKONTAKTE A Pôvodne to vyzerá.

Krok 7. Vytvorte VKontakte zvyšok navigačných stránok
Podobne vytvárame štyri ďalšie navigačné stránky: ceny, ako si objednať, spúšťať a problémy. To je štyrikrát kopírované do panela s adresou prehliadača, príslušný kód (s vašimi identifikačnými číslami v príklade pod mojich číslic):

http://vk.com/pages?oid\u003d-78320145&p\u003dzena

http://vk.com/pages?oid\u003d-78320145&p\u003dAK_KUZAK

http://vk.com/pages?oid\u003d-78320145&p\u003dtext

http://vk.com/pages?oid\u003d-78320145&p\u003d záznamy
Poznámka, v názve stránky z dvoch slov (ako si objednať) medzera medzi slovami je nahradená nižšou podčiarknutím, ako nakúpiť. Teraz máme päť cestovaných stránok pre každú položku menu. Strana portfólio sme nevytvorili, pretože je umiestnená na stránke menu

Krok 8. Nahrajte fotografie do prvej stránky menu
Na vytvorenom čase prázdna strana (Pozri krok 6) Menu kliknite na odkaz Upraviť alebo vyplňte odkaz obsahu. Potom vidíme redakčný panel. Tu potrebujeme kliknúť na ikonu fotoaparátu s funkciou pre nahranie fotografie. DÔLEŽITÉ! Upozorňujeme, že máte režim WIKI-Markup. Spínacie režimy je regulované ikonou na pravej strane stránky.

Krok 9. Výsledok po stiahnutí obrázkov
Načítame naše obrázky, ktoré sme vytvorili v kroku 1 a krok 2. Po stiahnutí uvidíme taký kód ako na obrázku nižšie a samotné menu vyzerá takto. Po každom zmene kódu nezabudnite stlačiť tlačidlo Uložiť a potom stlačte náhľad, ak chcete zobraziť výsledok.

Krok 10. Upravte kód obrazu
Teraz je našou úlohou nahradiť všetky nowarderové vlastnosti na neopádovej vlastnosti. A prvý obraz je vložený skutočné veľkosti, pretože VKontakte bol načítaný obrazom až 400 pixelov. Po všetkých zmenách musíme prijať taký kód a takéto menu.

Krok 11. Posuvné odkazy pre obrázky
Teraz musíme dať odkazy na každý obrázok. Odkaz musí byť vložený po Nopádding Namiesto priestoru pred zatvorením konzol. Pre prvý obrázok (menu uzáver z kroku 1), môžete dať odkaz na hlavnú stránku skupiny, a môžete použiť vlastnosť NOLINK (umiestnená prostredníctvom; po nopádding bez medzier). Pre druhý film Vložte adresu formátovej stránky page- 78320145_49821289.. To je plné obrázkov UL https:///k.com/page-78320145_49821289, Až do prvej časti s doménou môžete vynechať. Ale pre odkazy na externé lokality musia byť uvedené odkazy UL úplne špecifikované.

Krok 12. Skopírujte kód pre zvyšok navigačných stránok.
Na tomto, celkom jednoduchý krok, skopírujeme posledný kód z predchádzajúceho kroku a vložíme ho do zvyšku vytvorených stránok - ceny, ako si objednať, spúšťať a problémy. Sme na stránke, kliknite na tlačidlo Upraviť alebo Vyplňte obsah (sú v režime WIKI-MARKUP), vložte kód a kliknite na tlačidlo Uložiť. A potom ďalšia strana. To znamená, že teraz máme päť strán, z ktorých každý vyzerá úplne rovnaký. Ale je to už možné navigovať v menu - keď kliknete na odkaz, napríklad sa presunieme na stránku Ceny počítača.

Krok 13. Vykonávame účinok stlačeného tlačidla.
Teraz musíme zmeniť jeden obrázok na každej z piatich strán (tlačidlo bez podčiarknutia bude nahradené podčiarknutým tlačidlom). Napríklad na stránke Prvá menu vložíme nový obrázok a potom nahradíte adresu starej obrazu na nový (stresovaný červený) v kóde. Potom prejdite na stránku, načítajte obrázok s podčiarknutými cenami a zmeňte kód na adresu nového obrázka. Potom ideme na stránky, ako si objednať, spúšťať a problémy a robiť rovnakú operáciu rovnakým spôsobom.

Finálny.
V dôsledku toho sme vydali navigačný efekt, keď kliknete na odkaz na menu a stane sa aktívnym. Ale pretože grafický dizajn na všetkých stránkach je takmer rovnaký, s výnimkou aktívneho odkazu, ilúzia navigácie vytvára, hoci v skutočnosti je prechod na inú stránku v skutočnosti.

Týmto spôsobom nie je upravená mobilné zariadenia. Keď sa veľkosť obrazovky zníži, obrázky sa začnú presunúť na druhé. S cieľom urobiť adaptívny dizajnMusíte použiť tabuľky pre tvrdú vestu. Ale toto je ďalší príbeh a pokročilejšia technika. Medzitým sa pozrite na rôzne možnosti pre menu grafického tvarovania.

A tak som sem mal taký klobúk (kryt)


Teraz je výsledný obraz naložený ako kryt skupiny.
Toto sa robí takto:

Choďte do manažmentu


Kryt Spoločenstva → Upload. A vyberte si náš obrázok.


Ako vytvoriť menu v skupine VK

Menu vo VC je vyrobené pomocou WIKI Markup (Toto je špeciálny programovací jazyk vytvorený pre VKontakte).

Pre menu potrebujete vytvoriť stránku WIKI. Toto sa robí takto:

Skopírujte a vložte taký kód v paneli s adresou (s údajmi)

Http://vk.com/pages?oid\u003d-123456789 & P \u003d Menu

Tam, kde 123456789 je poradové číslo (ID) vašej skupiny.

Môžete si ho vziať do panela s adresou.

a menu je názov stránky.

V dôsledku toho budete mať takúto novú stránku.


Nová wiki-stránka s menom

Kliknite na "Vyplňte obsah". A dostávame sa do editora stránok.

Editor stránok má dva režimy:
- vizuálny režim
- režim Wiki-Markup

Ak sú trojuholníkové konzoly zarámované do modrého štvorca, je zapnutý režim wiki-markup.

Ak sú zátvorky modré bez rámu, potom ste v vizuálnom editore.

Potrebujeme wiki-marktup editor. Tu zaregistrujeme kód pre menu vo VK.

Ale pred napísaním kódu sa pozrite na panel s adresou.
Skopírujte všetky znaky pred otáznikom (?) Je adresa vášho menu.
Napíšte to!

Menu pre skupinu VK

Od začiatku by sa malo urobiť (v grafickom editore).

Veľkosť menu je:
- šírka maximálne 600 px (tak najvhodnejšie)
- výška, ako sa ukáže.

Urobil som takéto menu:


Teraz vo Photoshope ("Rezací" nástroj) Znížím menu na rovnaké časti.


Zvýraznenie všetkých častí a uchovávam vo formáte PNG-24.

V dôsledku toho mám 12 častí.


WIKA Markup nie je k dispozícii pre správne zobrazenie v mobilných aplikáciách. Preto vždy odrežte ponuku na rovnaké časti alebo vytvorte menu v jednom stĺpci. Potom vaše menu bude vyzerať rovnako na PC av aplikáciách.

Teraz musia byť všetky výsledné kusy stiahnuté do albumu skupiny.

Aby som to vytvoril samostatný album s názvom "Technický". Nosím avataru a obrázok čiapok.

Vrátime sa na stránku vytvorenú ponuku. Ak ste zabudli, je na tejto adrese http://vk.com/pages?oid\u003d-123456789&p\u003dmey
Nezabudnite na 123456789 nahradiť číslo skupiny.

Čokoľvek znova prejdite na režim úprav - musíte stlačiť ikonu ceruzky v hornom rohu.

Kliknite, ak chcete upraviť

Teraz musíme vybudovať tabuľku z nášho rezania, v ktorom obrázky budú odkazovať na tlačidlá, a tie miesta, kde nie je žiadne tlačidlo, nebudú klikni.

Tabuľka vo VK začína takto: (
a končí takto: |)

Menu vždy urobte stôl, ktorý by neprekopal tlačidlá, keď sledujete skupinu prostredníctvom aplikácie

Všeobecne platí, že tak napíšeme (ale s vašimi hodnotami):

(Nobiteľ, nopadding
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|-
| []
| []
|}

Namiesto toho foto-176307581_456239020 A podobne - nahradiť ich obrázky na číslach.

Môžete ich nájsť takto:

  1. Prejdite na album skupiny "Technický"
  2. Otvorte prvú fotografiu menu
  3. V paneli s adresou skopírujte časť s číslom tohto obrázku (predtým, než potrebujeme foto-)

A tak robíme s každým obrázkom nášho menu pre skupinu VKONTAKTE.

Dôležitá aktualizácia: Tento článok je veľmi zastaraný, pretože sa objavila špeciálna služba MENUMAKE, ktorá vám umožní automaticky vytvoriť menu pre skupinu. V manuálnom prístupe už nie je potrebné. Avšak, opustenie tohto článku pre históriu.

Skupiny v kontakte, toto je miesto najväčšieho klastra svojich používateľov. Je to básnik, mnohí sa snažia lepšie usporiadať ich, aby prilákali svoje maximálne číslo. O grafický dizajn Stvoriteľ je najlepšie premýšľať ešte pred priamo, súčasne s rozvojom budúcnosti.

Je dôležité pochopiť, že dizajn skupiny je jej tvár nový užívateľ Vidí okamžite hneď, ako to bude na stránke, až potom, čo sa začne oboznámiť s obsahom. V tejto vete sa skutočne prejavuje všetka jeho chudnutie. Okrem toho je grafické menu aj funkčnosť skupiny, pretože to umožňuje v čo najkratšom čase, je vhodné nájsť informácie, ktoré potrebujete.

Hovorte o ideológii

Predtým, ako začnete niečo nakresliť a rozptýliť, je dôležité premýšľať o tom, čo by malo vaše menu povedať? Aby ste to pochopili, stojí za to definovať aj hlavným cieľom skupiny - na zábavu, informovať alebo predať. To do značnej miery závisí od vzhľadu a funkčnosti budúcnosti menu.

Menu prilákať návštevníkov

Ak plánujete publikovať zábavu, informačný informatívny obsah stojí za vytvorenie menu, ktorý zobrazí hlavné témy. Napríklad, môže to byť úseky: najnovšie publikácie, najobľúbenejšie, o móde, zdravé jedlo, deti atď. To bude slúžiť ako zvýšenie lojality, pretože užívatelia budú vhodne zamerané na hmotnosť obsahu.

Menu pre predaj

Naopak, ak je cieľom stránky predať, menu by malo pomôcť používateľom navigovať medzi obrovským počtom tovaru. Najlepšie je umiestniť časti, ktoré posielajú návštevníkov do katalógu alebo konkrétnu časť, hovoriť o doručení, kontaktoch, spoločnostiach, propagačných akciách a nevyhnutne na kontaktnej stránke.

Prvá etapa - pracujeme vo Photoshope

Menu Kontaktujte, že nie je v sociálnej sieti, ale pomocou grafických editorov. Aby to urobilo, je najlepšie využiť Photoshop, napriek tomu, že aj minimálne vedomosti pre to je dosť dosť. Otvorte preto program a vytvorte šablónu menu. Veľkosť nového dokumentu priamo závisí od počtu sekcií, ktoré potrebujete.

Ďalej budete potrebovať pozadie. Môže to byť len biele pozadie alebo farbu alebo konkrétny obraz. Hojdačka z internetu a vložte do šablóny. Ďalej napíšte na pozadí Obrázok položky menu ste naplánovali. Tieto nápisy sa následne obrátia na odkazy, ktoré usmerňujú používateľa na konkrétny oddiel.

Ale že tento obraz je transformovaný a ľahko pokračoval v odkazoch, ktoré musí byť rezané. Toto sa vykonáva v rovnakom Photoshope pomocou nástroja "rezanie".

Ale aby bolo hladko a krásne, je dôležité používať pomocné linky, ktoré sú aktivované klávesmi CTRL + R. Zdá sa, že modré čiary, ktoré môžu byť vytiahnuté a inštalovať hranice na rezanie. Ďalej kliknite na nástroj "Rezací" a v hornom menu vyberte "fragmenty na vodidlá", v dôsledku čoho je obrázok jasne rozdelený do niekoľkých samostatných oddielov menu.