Hogyan hozhat létre saját VKontakte csoportot: utasítások, példák és hasznos tippek. Hogyan készítsünk gyönyörűen egy csoportot a VK-n (VKontakte) saját kezűleg Hozzon létre saját avatárt és menüt a csoport számára

Ma ismét visszatérünk a VKontakte csoportok tervezésének témájához. Korábban már tanultunk. Ma megtanuljuk, hogyan készítsünk grafikát menü rögzített felső bannerrelés egy belső oldalra mutató hivatkozás a kibővített menüelemekkel. Általában bármilyen információ megtalálható a belső oldalon. Különösen kényelmes ott elhelyezni például katalógusokat, amelyekben számos termék található. Mind a legördülő menüknek, mind a ragadós menüknek megvannak az előnyei és hátrányai. A legördülő menü fő hátránya, hogy alapértelmezés szerint zárt állapotban van. De egyszerre több linket is elhelyezhet rajta.

Rögzített menü az összbenyomás miatt lenyűgözőbbnek tűnik, de csak egy linkje lehet, amely akár a belső VKontakte oldalra, akár egy külső oldalra vezet (és a külső oldalra mutató hivatkozás nem a képről, hanem az alatta lévő szöveges linkről származik a kép). Szintén az egyik nyilvánvaló hátránya, hogy mobileszközökön a grafikus menü normál bejegyzésként jelenik meg a hírfolyamban, felül állva, nem pedig az avatar mellett. Általában véve a design kiválasztásakor figyelembe kell venni ezeket az árnyalatokat. Lássuk tehát, hogyan készítsünk ragadós felső menüt egy belső oldalra mutató hivatkozással.

VKontakte csoportokat hozok létre
VK-csoportok és nyilvános oldalak kiváló minőségű tervezése, rögzített menü, legördülő menü, belső grafikus menü, katalógusok, belső navigáció - árakÉs portfólió.

1. lépés
Hozzon létre egy körülbelül 900x700 pixel méretű új dokumentumot a Photoshopban, és töltse ki fehérrel. Most ki kell vágnunk két ablakot a rétegből, amelyeken keresztül maga a tényleges grafikai terv lesz látható. Először válasszon ki egy 200x500 pixel méretű téglalapot (avatar), és nyomja meg a Del gombot. Ezután válasszon ki egy 510x352 méretű téglalapot (igazítsa az avatar alsó sorához, és tegye az alakzatok közötti távolságot 50 pixelre), és nyomja meg a Del gombot is.
A VKontakte következő tervezési frissítése (2016. október 31.) után a szalaghirdetések mérete 510x307 lett (nem 510x352).

2. lépés
Most a fehér réteg alá helyezünk el néhány képet, amely a tervezés alapját képezi.

3. lépés
Ezt követően különféle elemekkel egészítjük ki a képet - logóval, szöveges feliratokkal és a menüre való kattintásra hívó gombbal. Ezután két külön képet mentünk a számítógépre - az egyik egy avatar (jobb oldalon), a második egy kattintásos menü (bal oldalon).

4. lépés
A Photoshopban grafikus menüt is készítünk, amely több elemből áll. Ennek a menünek a szélessége 600 pixel legyen, a magassága opcionális, az elemek számától függően. Segítségül használja a „“.

5. lépés
Étlapunkat a menüpontok számának megfelelően több vízszintes csíkra vágtuk. Mentés külön fájlként.

6. lépés
Lépünk a VKontakte csoportunkba, kattintsunk a „Közösségkezelés” elemre (a szerző alatti három pontra kattintva megnyílik egy legördülő menü), és ellenőrizzük, hogy a beállítások helyesek-e. A csoport legyen nyitott, és az anyagok is legyenek nyitottak.

7. lépés
Most feltöltünk egy új avatart. Vigye az egeret az avatar helyére, és válassza a „Fénykép frissítése” lehetőséget a felugró menüből. Töltse be a megfelelő fényképet a 3. lépéstől, húzza ki a kijelölési területet felfelé és lefelé a kép széléig, kattintson a „Mentés” gombra, majd válassza ki a kerek miniatűr területét.

8. lépés
Most létre kell hoznia egy belső oldalt. Ennek módját a leckében részletesen ismertetjük. A belső oldal létrehozásának másik alternatív módja az 5. és 6. lépés „” leckében található.

9. lépés
Miután elkészítettük a belső oldalt, mehetünk rá. Ehhez kattintson a csoport legördülő menüjére (alapértelmezés szerint ennek az elemnek a neve „Legfrissebb hírek” - átneveztem „Menüre”), és ott kattintson a „Menü” hivatkozásra. Ezután az újonnan létrehozott üres oldalra lépünk.

10. lépés
Most létre kell hoznunk egy öt elemből álló grafikus menüt. Ehhez az 5. lépésből származó öt képünket feltöltjük a csoportalbumba, a kamera ikonra kattintva feltöltjük a kivágott képeket a számítógépről. A képeket valahol a VKontakte szerverein tárolják és a csoporthoz kapcsolják, így nem szükséges külön albumot készíteni a kivágott képekhez. A képeket Wiki jelölő módban kell feltöltenie.

11. lépés
Most wiki jelölő módban létrehozunk egy grafikus menüt. Nagyon fontos, hogy a wiki jelölő módban (a két háromszög alakú zárójel jobb felső sarkában lévő ikon) hozzon létre, és ne vizuális szerkesztési módban. A wiki jelölésben történő kód létrehozásával kapcsolatos további információk a „“ lecke 4. és 5. lépésében találhatók. Van egy kódsablon is a beillesztéshez. Ha mindent helyesen csinált, akkor egy kész grafikus menüt kell kapnia, mint az alábbi ábrán.

12. lépés
Most visszatérünk a csoport főoldalára, vegyük a belső oldalunk URL-jét (ilyennek kell lennie: https://vk.com/page-78320145_49821289), és illesszük be a híreket létrehozó ablakba. A belső oldalra mutató hivatkozást tartalmazó ablakot automatikusan csatolni kell. Ezt követően vigyük a kurzort a „Csatlakozás” feliratra, és csatoljunk egy fotót a bejegyzéshez, mégpedig a 3. lépéstől bal oldali képünket. Ezután töröljük a sort a belső oldal URL-jéből, üres helyet hagyva. Fontos! Ennél a lépésnél be kell jelölnie a „Csoport nevében” jelölőnégyzetet (ha rendelkezik ilyen jogokkal, ez főleg a nyitott falú csoportokra vonatkozik). Ha nem jelöli be ezt a négyzetet, a bejegyzés nem lesz rögzítve. Végül kattintson a „Küldés” gombra.

13. lépés
Vigye a kurzort a bejegyzés címe melletti három pontra, és válassza a „Rögzítés” lehetőséget a legördülő ablakban. Ennek megfelelően a híreket is leválasztják, ha kell.

14. lépés
Van egy figyelmeztetés. Néha, miután feloldott egy hírt, az a létrehozás dátumának megfelelően sokkal lejjebb kerül a hírfolyamban, és meglehetősen nehéz lehet újra megtalálni. Ezért jobb, ha azonnal felírja valahova a rögzített hír URL-jét. Ehhez vigye a kurzort a hír létrehozásának idejére, és kattintson a hivatkozásra.

15. lépés
Most frissítjük a csoport főoldalát. Grafikus menünk a tetején, az avatar mellett található. Ha pedig a képre kattintunk, egy belső oldalra jutunk, melyen öt elemből álló menü található.

Üdvözlöm, kedves barátok és blogvendégek. Ma a VK menük létrehozásáról fogunk beszélni, és hogyan kell ezt megtenni a közösségi hálózat új kialakításában. Valóban jelentős változások vannak, amikre figyelni kell, mert ha a menü a régi dizájnban készül, amiről írtam, akkor előfordulhat, hogy ferdén néznek ki a képek.

VKontakte csoport menü- ez az arca. Ezt látja a felhasználó, amikor először lép be a közösségbe, és az, hogy minden elérhető és vonzó legyen, nagyban meghatározza, hogy a csoport állandó tagja lesz-e.

FONTOS: A VK általános kialakításának megváltoztatása után a közösségi hálózat menüjének képeinek mérete is megváltozott. Ellenőrizze a munkáját, és végezzen változtatásokat az alábbiakban tárgyalt csoportokban.

A menük típusai és jellemzőik

A közösség létrehozásának első lépése a fő cél eldöntése. Ettől függ a menü jövőbeli kialakítása és funkcionális jellemzői.
A csoport céljaitól függően a menü a következő lehet:

• információs platform számára;
• ;
• képzési helyszínre.

A fő rész az információhoz kapcsolódik. Ezek olyan közösségek, ahol a felhasználót valamilyen szórakoztató vagy oktatási tartalommal látják el. Egy ilyen csoport számára a legjobb egy olyan menüt használni, amely megjeleníti a fő témákat. Így a népszerű nyilvánosságok rovatokat hoznak létre: hírek, legújabb kiadványok, népszerű kiadványok, valamint kifejezetten a csoport témájával foglalkozó rovatok.

A kereskedelmi és az oktatási nyilvánosság étlapja hasonló lehet. Mindkettő célja, hogy segítse felhasználóját eligazodni az áruk vagy szolgáltatások között. Az értékesítések menüje általában olyan részeket tartalmaz, mint a Termékkatalógus, Fizetés, Szállítás, Promóciók és kedvezmények, a képzésnél pedig a szolgáltatásokat leíró részekre korlátozódhat, hiszen itt a lényeg, hogy a felhasználó megtalálja a képzési programot, ill. anyagot, amire szüksége van.

Menü létrehozása a VKontakte csoportban: lépésről lépésre

Az egész folyamat 2 szakaszra osztható:

• Photoshopban végzett munka;
• szakaszok és képek hozzáadása magában a csoportban.

A VKontakte csoport menüjének létrehozására vonatkozó kérdés pontos megválaszolásához vizuálisan kell elképzelni a jövőbeli tervezést az összes szakaszsal, majd a folyamat során hozzáadhat olyan elemeket, amelyek még mindig eszébe jutnak.

Az első szakaszban létrejön egy csoport avatar és a menühöz tartozó képek. Egyetlen kép az avatarhoz és a menühöz is harmonikusabb lesz.

Az avatar kiválasztását vagy létrehozását nagyon komolyan kell venni, mivel sok felhasználó különös figyelmet fordít rá. Az interneten találhat megfelelő képet, és a Photoshopban feliratot vagy néhány elemet adhat hozzá, vagy saját maga is készíthet egy teljesen egyedi képet.

Mivel egy legördülő menüt is kell készítenünk, keresünk vagy készítünk a csoport témájához leginkább illő képet, vagy egyszerűen készítünk egy szép hátteret. A képpel való munka az Adobe Photoshopban történik, mivel a hagyományos fotószerkesztők funkcionalitása nem elegendő az összes szükséges művelethez. Minden méretet maga a VKontakte közösségi hálózat állít be, és a jelentős eltérések felfelé vagy lefelé ahhoz a tényhez vezetnek, hogy az avatar vagy egyáltalán nem töltődik be, vagy nem lesz egy a menüvel.

A műveletek algoritmusa:

• Nyissa meg a Photoshopot, lépjen a „fájl” - „létrehozás” menüpontra, és állítsa be a szélességet és a magasságot: 760X500.

• Válassza ki a „vágó” eszközt, majd a „fragmentum felosztását”. Osszuk vízszintesen 3 részre a képet. A legördülő ablak bal vagy jobb széléről származó töredékhez (attól függően, hogy melyik részt szeretné látni az avataron) írja be a szélesség és magasság értékeket – 200XX és Y) – 560 és 0. Ez lesz a csoport avatarja.

• A következő töredéknél állítsa be a szélességet és magasságot 50X500-ra, és írja be a koordinátákba 510-et és 0-t. Ez a csoport avatar és a menü közötti hely. Erre a részre később nem lesz szükség.

• Ismét válassza ki a „split fragment” lehetőséget, és ossza függőlegesen 2 részre. A felül lévő töredékhez a következő értékeket állítjuk be: szélesség – 510, magasság – 182, koordináták – 0. Ez a menü feletti tér. Ez a rész sem lesz látható a csoportban.

• Most átmásoljuk a kiválasztott vagy létrehozott képet a létrehozott és felosztott objektumra. Ha a CTRL+V gyorsbillentyűk nem működnek, egyszerűen nyissa meg azt a helyet a számítógépén, ahová a képet menti, és húzza a Photoshopba.

• A fennmaradó helyet függőlegesen annyi töredékre osztjuk, ahány szakasz van a menüben. Nem kell értékeket beállítani számukra.
  Minden szakasz nevét felírjuk.

• Az utolsó lépés a képek mentése. A képeket a következőképpen kell mentenie: fájl – mentés az internetre. Ez a módszer a Photoshop későbbi verzióihoz alkalmas. Ha a „fájl” részben nincs „mentés webre” lehetőség, akkor a következőképpen járunk el:

Lépjen a „fájl” elemre, válassza az „exportálás” - „mentés webre” lehetőséget. Minden paramétert úgy hagyunk, ahogy van. Kattintson ismét a „mentés” gombra.

Válasszon ki egy mappát a számítógépén, és mentse oda a képeket. A végén így kell kinézniük:

Most folytassuk a második lépéssel, hogy pontosan kitaláljuk, hogyan lehet menüt létrehozni a VKontakte csoportban - közvetlenül adjuk hozzá a menüt a nyilvánossághoz. Ezért:

• Először is csatlakoztatnia kell az Anyagokat, mivel csak így adhat hozzá bármely szakaszt a főoldalhoz. Ehhez lépjen a Közösségkezelésbe, és az oldal alján válassza az „Anyagok”, majd a „Megnyitás” lehetőséget. Mentse el a változtatásokat.

• Az összes fotót feltöltjük a csoportba, kivéve az avatart és azokat a részeket, amelyekre nincs szükség. Ahhoz, hogy a fotók megjelenjenek a főoldalon, vissza kell térnie a Közösségkezeléshez, és kattintson a „fotók” - „megnyitás” fülre.
• Avatar feltöltése.
• A következő lépés a wiki jelölési mód engedélyezése. Ezt úgy teheti meg, hogy a „szerkesztés” részben az oldal jobb oldalán található gyémánt ikonra kattint.

• Ide szúrjuk be a jelölőkódot: [], ahol a [] egy link arra a részre vagy oldalra, ahová a fotóra kattintva eljut. Mindkét hivatkozást hozzáadhatja a VKontakte szakaszaihoz és a külső forrásokhoz.
• Ez a kód annyiszor duplikálódik, ahány szakasz van a menüben, minden alkalommal hivatkozásokat beszúrva.
  Kívánság szerint a „legfrissebb hírek” fület is módosítjuk, például „menüre”.

• Kattintson az „Oldal mentése” gombra, térjen vissza a csoport fő részéhez, és frissítse az oldalt. A menü alapértelmezés szerint be van zárva, de a felhasználó a megfelelő névre kattintva megnyithatja a részeit és navigálhat azokon.

Ezzel az egész folyamat befejeződik, de mindenképpen ellenőriznie kell, hogy a linkek működnek-e, és hogy a fotó határai egyeznek-e.

Csoportmenü létrehozására szolgáló szolgáltatások

Ha még mindig nem érti, hogyan kell menüt létrehozni egy VKontakte csoportban, és a lépésről lépésre szóló utasítások nem segítettek, használhat speciális szolgáltatásokat, amelyek gyönyörűen létrehoznak és még hozzáadnak
csoportnak tervezett menü.

Az egyik legnépszerűbb szolgáltatás a MenuMake. Jelentkezés leadása után 5 percen belül elkészül a rendelés, majd igény szerint a menü bekerül a csoportba. Ugyanakkor figyelembe veszik az ügyfél minden kívánságát a tervezéssel és a szakaszok számával kapcsolatban.

Üdvözlettel: Galiulin Ruslan.

Ebben a cikkben szeretném rendszerezni a VKontakte csoportok tervezésével kapcsolatos összes tudásomat az ügyfelekkel való interakció és preferenciáik alapján. Ráadásul az elmúlt hat hónapban a VKontakte sok olyan változtatást hajtott végre, amelyekről sokan nem is tudnak. Néhány újításnál szerettem volna részletesebben is kitérni, mert ezek között tényleg vannak érdemes és hasznos dolgok. Úgy tűnik, mindannyian felépültünk a VKontakte újratervezése utáni sokkból, és a látható változások mögött felfedeztük a csoport többváltozós működését és tartalmát. Így most a csoportok tervezése egy összetett eljárást foglal magában, amely nem korlátozódik csak a grafikai komponensre, gyönyörű képek formájában. Most a tulajdonosoknak figyelembe kell venniük a csoportstruktúra felépítésének számos árnyalatát, az üzlet témájától és a felhasználók kényelmétől függően.

Ez elsősorban a grafikai tervezés kiválasztását két egymást kizáró lehetőség közül, a belső menü kialakítását, a belső menü belépési pontjának kiválasztását, a katalógus és a termékmegjelenítés közötti különbség megértését, a csoport népszerűsítésére szolgáló promóciós anyagok elkészítését és a hasznos alkalmazások használatát jelenti. . De először a dolgok. Először a csoport alapvető tervezési elemeit nézzük meg, majd áttérünk ezek interakciójára különféle kombinációk formájában, majd néhány hasznos funkcióról és finomságról beszélünk.

1. Vízszintes burkolat (fejléc)
Kezdjük egy vízszintes fedővel vagy fejléccel. A VKontakte fejlesztői biztosítanak bennünket arról, hogy a borító méreténél fogva nagyobb manőverezhetőséget biztosít az információszolgáltatásban és megjelenítésben. Általában a fejlécben a szép képen kívül logó, kísérő információk, elérhetőségek, csoporthoz való csatlakozásra való felhívás és weboldal címe is szerepel. Van egy olyan gyanúm, hogy egyszer a borítók lesznek az egyetlen lehetséges tervezési lehetőség a csoport számára, ezért javaslom, hogy azonnal váltsunk rájuk, hogy elkerüljük a későbbi vis maior újratervezést.

Hogyan lehet borítót feltölteni
A borító letöltéséhez lépjen a Közösségkezelés >> Alapinformációk blokk >> Közösségi borító >> Feltöltés menüpontra. Az ajánlott borítóméret 1590x400 pixel. A fejlécben nem lehetnek olyan működő gombok, amelyekre kattintani lehet - lényegében egy kép, és ennyi. Ma a borító látható a mobileszközökön, és úgy tűnik, hogy már látható az alkalmazásokban és a klienseken.

Wiki lap Friss hírek
A felső blokkban, a fejléc alatt mostantól három fül lehet: rögzített bejegyzés, közösséggel kapcsolatos információk és wikimenü (csak csoportokban, nyilvános oldalakon nincs ilyen fül). Továbbra is a kitűzött bejegyzésen van a hangsúly, de a felhasználó jelenléte mellett is mostantól mindig hozzáférhet a közösséggel kapcsolatos információkhoz a lapok között váltogatva. Ahhoz, hogy megjelenjen a wiki menü lapja (a legfrissebb híreknek hívják), a Közösségkezelés » szakaszok » Anyagok » Korlátozott (vagy nyitott) » Mentés menüpontra kell lépnie.

2. Függőleges avatar
Most fordítsuk figyelmünket a jó öreg avatarra egy 200x500 pixeles csoporthoz. Egyelőre ez is egy csoport kialakításának módja. Az avatar általában a következő információkat tartalmazza: logó, kísérőszöveg vagy szlogen, kapcsolatok, hívás a csoporthoz való csatlakozáshoz. Mobileszközökön a teljes avatar nem látható, csak egy része látható – az indexkép. Csoport kialakításához használhat vízszintes fejlécet (borítót), vagy függőleges szalaghirdetést. Ha van fejléc, a függőleges avatar nem látható. Az avataron nem lehetnek működő gombok, amelyeket meg lehet nyomni – lényegében ez egy kép, és ennyi.

3. Miniatűr
Jelenleg függőleges avatárt használnak a miniatűrök létrehozásához, amelynek minimális mérete 200x200 pixel. A bélyegképet bejegyzésekben és bejegyzésekben a cím közelében kis kör formájában, egyes válogatásoknál és közösségi említéseknél pedig nagyobb kör formájában használják. A kerek formára való átállás kapcsán a miniatúrákkal szemben támasztott követelmények szigorodtak. Annak érdekében, hogy a miniatűr szövege teljesen olvasható legyen, vizuálisan nem nyúlhat túl a kör határain.

Hogyan töltsünk fel miniatűrt
A miniatűr teljesen önálló elemmé vált, és amikor a borítót (fejlécet) használjuk a csoport kialakításánál, most külön miniatűrt kell készíteni, ne feledje. Ha a csoportnak nincs fejléce (borítója), akkor bélyegkép feltöltéséhez kattintson a „Fotó feltöltése” lehetőségre az avatar blokkban (jobbra fent). Ha a terv tartalmaz fejlécet (borítót), akkor a miniatűr feltöltéséhez kattintson a közvetlenül a fejléc alatti körre, és válassza ki a „Fotó feltöltése” lehetőséget.

4. Banner
Banner (angol banner - zászló, banner) információs, reklám vagy ösztönző jellegű grafikai kép. A banner képként van csatolva a bejegyzéshez, és csak egy belső hivatkozást tartalmazhat. Sokan még mindig meg vannak győződve arról, hogy a főoldalon lévő bannerből több link is készíthető. Ez nem igaz, csak egy link és ennyi. A következő típusú bannereket emelném ki.

4.1 Tájékoztató szalaghirdetés
Gyakori típusú banner, amely általános információkat tartalmaz egy cégről, csoportról, szolgáltatásról vagy eseményről, a kedvezmények részletes listájával és egyéb kísérő anyagokkal. Gyakran rögzített bejegyzésként használják egy csoportban. Ennek a szalaghirdetésnek a mérete 510x307 pixel. Ennél a méretnél a banner alja egybeesik az avatarral. Ha nincs kapcsolat az avatarral, akkor bármilyen méretet használhat. Én például a 600x350 pixeles méretet használom. Az 510x510 pixeles négyzetes formátum is kényelmes és egyre népszerűbb – ezzel a mérettel a banner a lehető legnagyobb területet foglalja el a hírfolyamban.

4.2 Banner a belső menübe való belépéshez
Ha az előző bekezdés banneréhez hozzáadjuk a fülbemászó „Menü megnyitása” feliratot, akkor egy olyan bannert kapunk, amelynek fő feladata, hogy belépési pontként szolgáljon a belső menübe. Néha egy banneren több gomb formájában hoznak létre csalit, de ez csak illúzió, kattintáskor a felhasználó továbbra is a belső oldalra jut, és ott minden gombnak megvan a saját hivatkozása. Ennek a szalaghirdetésnek a mérete 510x307 pixel. Ennél a méretnél a banner alja egybeesik az avatarral. Ha a menü bejárata nincs az avatarhoz kötve, akkor a bannert bármilyen méretűvé teheti, akár keskeny gombbal is, „Menü megnyitása” felirattal. A lényeg az, hogy a szalaghirdetés szélessége legalább 510 pixel legyen.

4.3 Kártya újraküldéshez, promóciókhoz
Az utóbbi időben különösen fontossá váltak az újraküldéshez vagy promóciókhoz szükséges kártyák. Feladata konkrét cselekvésre való felhívás. Alapvetően ez a „Csatlakozz a csoporthoz, írj újra vagy lájkolj, és nyerj egy díjat.” Az ilyen bannereket reklámkampányok vagy promóciók részeként használják saját csoportjaikban és más csoportokban történő promócióra is. Általában 600x350 pixelt használok.

4.4 Banner gif animációval
Miután a VK-fejlesztők az év elején nagyobb méreteket készítettek a gif-képekhez, a gif-ek azonnal az információs bannerek közé kerültek. Például egy GIF banneren több változó termék vagy szöveg képét is megjelenítheti – a mozgás azonnal felkelti a figyelmet. És amikor júniusban hozzáadták a funkciót autorun gif animációk a hírfolyamban a GIF-ek a hirdetők és marketingesek figyelmének tárgyává váltak.

5. Avatar+fix banner design
Egészen a közelmúltig ez a moduláris felépítés volt a legnépszerűbb módja a csoportok tervezésének, amely egy avatarból és egy rögzített bannerből állt. Ennek a tervezésnek a végrehajtásával kapcsolatos további részletek a leckében találhatók. A fejléc (borító) megjelenésével ennek a kialakításnak a népszerűsége kissé csökkenhet.

Ráadásul fennáll annak a lehetősége, hogy a VKontakte ismét megváltoztatja a blokkok egyes paramétereit, majd a teljes kialakítás leesik, ahogy az elmúlt hat hónapban kétszer is megtörtént. Tehát, kedves csoporttulajdonosok, a csoport tervezésénél vegyék figyelembe ezt a tényt. Igen, és még valami, a mobileszközökön egyetlen kép szépsége nem látható, mivel az avatar nem jelenik meg, hanem csak egy miniatűr, és a rögzített bejegyzés közvetlenül alatta található.

6. Belső navigációs menü
Az aktív hivatkozások formájában lévő menü a belső VKontakte oldalon található, és wiki jelölőparancsokkal írják. Maga a belső oldal létrehozása a leckében található. A menü segítségével a felhasználó navigál a csoportban. Az alábbiakban a belső menük típusait tekintjük át, de most több fontos pontra összpontosítunk.

Belépés a belső menübe mutat
Szeretnék rámutatni egy finom pontra, amelynek gyakran nem tulajdonítanak jelentőséget. Előfordul, hogy az ügyfelek belső menüt rendelnek tőlem, de fogalmuk sincs, hogyan jut el a felhasználó ehhez a belső menühöz. És kétféleképpen érheti el: vagy egy rögzített szalaghirdetésen keresztül (lásd a 4.2-es bekezdést), vagy a felső lapon az állapotsor alatt található szöveges hivatkozáson keresztül (lásd az alábbi ábrát). Néha egy szöveges hivatkozás is elhelyezhető a felület jobb oldali oszlopában található „Linkek” blokkban.

Belső menü hivatkozások
Jellemzően rendeléskor a következő menüpontokat tüntetik fel a vásárlók: Rólunk, Termékeink (katalógus), Szállítási módok, Fizetés, Garancia, Vélemények, Elérhetőségek, Akciók, Kedvezmények, Ütemezés, Rendelés módja, Portfólió, Kérdések és válaszok, Info, Rendelést leadni. A menüpontok hivatkozásai a külső oldal megfelelő részeire juthatnak. Ezután a hivatkozás automatikusan megnyílik egy új ablakban. A legtöbb pont a belső VKontakte oldalakra vezet. Ebben az esetben az oldal ugyanabban az ablakban nyílik meg, és egy hivatkozást vagy egy „Vissza a főmenübe” gombot kell létrehoznia.

A fényképeket és videókat tartalmazó albumok linkjei új ablakban nyílnak meg. Ugyanebben az ablakban megnyílnak a megbeszéléseket tartalmazó témákra (például Reviews) mutató hivatkozások, üzenetírási párbeszédpanelekre, alkalmazásokra (lásd 10. pont), hashtagokkal való kijelölésre (lásd 12. pont) és ebben az esetben vissza lehet térni a menüt csak az oldal főoldalán, vagy a böngésző „Vissza” gombjával érheti el. Talán ez a legkellemetlenebb pillanat az ilyen linkekkel.

A menü szerkesztése
Az ügyfelek gyakran kérdezik tőlem, hogy lehet-e szerkeszteni a belső menüt. A válaszom az, hogy ha magabiztos felhasználó vagy, és ismeri a wiki jelölési és szerkesztési módokat, akkor szerkesztheti. De ha nem ismeri mindezt, akkor egyáltalán nem. Ebben az esetben egyszerűen elrontja az összes beállítást.

Maguk a VKontakte fejlesztők szavait idézem. „Egy egyszerű tanáccsal sok erőfeszítést és idegszálat kímél meg: csak egy üzemmódban dolgozzon. Vagy vizuális mód, vagy wiki-jelölő mód. A legtöbb probléma a két mód közötti váltás okozza a jelölési munka során: a képek kisebbek lehetnek, a különböző paraméterek eltűnhetnek. Ez egyike azoknak a dolgoknak, amelyeket a jövőben mindenképpen korrigálni fogunk, de egyelőre észben kell tartanunk ezt a tényt.”

Mobil válaszkészség
És még egy megjegyzés az alkalmazkodóképességről. Ahhoz, hogy a belső menü ugyanúgy nézzen ki a mobileszközökön, táblázatokon kell elrendeznie. Ezután a kép mereven rögzítve lesz. Ellenkező esetben a képernyő méretének csökkentésekor a képek egymás alá mozdulnak, megsértve az eredetileg tervezett sorrendet.

Ismét itt vannak a fejlesztők szavai az alkalmazkodóképességről. „A wiki menü megjelenik a mobil böngészőkben, de nem alkalmazkodik a képernyő méretéhez, ami azt jelenti, hogy a képek nem úgy néznek ki, mint egy számítógépen. Útmutatókat találhat az interneten a wiki jelölések mobileszközökhöz való adaptálásához, de még ezek sem garantálják a 100%-os teljesítményt minden eszközön.”

7. A belső navigációs menü típusai
Az alábbiakban bemutatjuk a belső menük leggyakoribb típusait. Vannak egyszerűbb és olcsóbb megoldások, amelyek nagyfokú megbízhatósággal rendelkeznek. És vannak bonyolultabb és munkaigényesebb tervek a grafika és az elrendezés tekintetében. De lenyűgözőbbnek tűnnek.

7.2 Nagy grafikus menü
Ebben az esetben egy függőleges hivatkozássor található egy nagy háttérképen, és mereven rögzített szerkezettel rendelkezik. Itt a tanulság.

7.3 Menü ikonok, csempék formájában
Ez a kialakítás több sort és oszlopot tartalmaz grafikus ikonok és feliratok formájában, vagy grafikus többszínű vagy monokróm csempék formájában.

7.4 Dinamikus menü navigációs hatással
Nagyon lenyűgöző kialakítás, amely szimulálja a webhely navigációját gombkattintások vagy a meglátogatott linkek egyéb jelöléseinek hatására. Egy ilyen menüt meglehetősen nehéz kezelni, és készségeket igényel a wikijelöléssel való kommunikációban, mivel a wikijelölésben lévő oldalakon is szerkesztenie kell az információkat. Íme egy lecke erről a témáról.

Hello barátok.

Mindenki, aki regisztrál egy közösségi oldalra, mindenekelőtt személyes oldalát állítja be és tervezi meg, valamint személyes adatokat tölt ki. Mindenkinek mások a céljai, ezért más a megközelítése is. Vannak, akik arra törekednek, hogy minél többet írjanak magukról, aktuális fényképeket adjanak hozzá, és régi és új barátokat találjanak. Más felhasználók nem szeretik a zajt és a felhajtást, nincs szükségük új kapcsolatokra, bejelentkeznek a fiókjukba, hogy elolvassák a híreket és beszélhessenek legjobb barátjukkal.

De ha létrehozol egy közösséget, akkor az a cél, hogy minél több olyan embert vonzzon be, akit érdekel a téma. Ezért a tervezésen és a tartalomon kell dolgozni, a látogatók igényeire összpontosítva. Ma kitaláljuk, hogyan hozhatunk létre csoportot a VK-n, hogy jó benyomást keltsünk a célközönségben, és új előfizetőket vonzunk.

Amikor létrehoz egy nyilvános vagy csoportot, egy üres sablont lát maga előtt.

Találjuk ki, milyen blokkon kell dolgoznunk, hogy vonzó oldalt kapjunk.

• A jobb oldali fotó a csoport avatarja, amely az előfizetőknek szóló üzenetekben és értesítésekben jelenik meg. Az avatar minimális mérete 200×200 px, a maximális pedig 200×500 px.

• A borító a képernyő tetején lévő szalaghirdetés. Mérete a VKontakte teljes verziójában 1590 px szélesség és 400 px magasság, a mobilalkalmazásban - 1196 px vízszintesen és 400 px függőlegesen. Ezért a különböző kütyükön való helyes megjelenítés érdekében ne helyezzen jelentős elemeket a burkolat oldalára.

A műszaki paraméterekről döntöttünk. Most dolgozzunk a fő szakaszok kialakításán.

Avatar és miniatűr

Ez egy olyan kép, amely a közösség „arca”. A felhasználók a nyilvánosság nevében küldött üzenetek mellett és az előfizetések listájában látják. Ennek a képnek az a célja, hogy felhívja magára a figyelmet és felismerhető legyen.

Szülőknek csoportot tervezek, és van egy kész logóm. Most pedig lássuk, hogyan fog kinézni avatarként. Ehhez kattintson a „Fotó feltöltése” gombra, és válassza ki a kívánt képet.

Nem szeretem, ha a kép le van vágva, ezért a látómezőt a szélek körüli négyzetekkel felfelé húzva nagyítom.

Most beállítjuk azt a bélyegképet, amelyet a felhasználók az üzenetek mellett láthatnak. Célszerű, hogy a szöveg elég nagy legyen, és ne legyen levágva, különben nem lesz olvasható, és hanyagnak tűnik.

Be kell vallanom, hogy az avatarom nem ideális, jobb, ha a kép sötét vagy világos háttéren van. De a legfontosabb, hogy elismerjék. Ha ez egy céglogó, akkor nem kell megváltoztatni. Ha lehetősége van választani, próbálja meg biztosítani, hogy a nyilvánosság fő fotója eredeti legyen, és kiemelkedjen a versenytársak közül. Íme, példák kifejező képekre.

Rövid és hasznos információkat helyezhet el az avatarodon:

• Készlet,
• céges telefonszám,
• rendezvény bejelentése,
• a fő termék ára,
• üres állások,
• Honlap címe,
• irodai koordináták,
• hívjon előfizetéshez.

Használjon minden tervezési elemet a látogatók és ügyfelek vonzására. De ne terhelje túl őket szöveggel, csak a legfontosabbról írjon.

Fontos: az avatar képének jó minőségűnek kell lennie, a szövegnek világosnak és meglehetősen nagynak kell lennie.

Borító

Ez az elem a legnagyobb és legkifejezőbb az egész oldaltervben. De ne feledje, hogy amikor hozzáadja, az avatar eltávolításra kerül az oldal fejlécéből. Splash kép feltöltéséhez lépjen a "Kezelés" részhez.

És a „Közösségi borító” felirat mellett kattintson a „Hozzáadás” feliratra.

A megnyíló ablakban 2 lehetőség kínálkozik: normál vagy „élő” borító készítése. Az utolsó lehetőség azt feltételezi, hogy legfeljebb 5 fotót és videót tölt fel, amelyek felváltják egymást a nyilvános oldal tetején. Feltettem egy rendes képet.

Ezt követően zárja be az ablakot, és frissítse az oldalt. Íme, amit kaptam.

Nézzük meg, hogyan néz ki a kép egy mobiltelefonon.

• előfizetési felhívás világos felirattal vagy nyíllal,
• egy fontos esemény bejelentése,
• elégedett ügyfelek száma,
• cég mottója
• egyéb releváns információk.

Videókat, szavazásokat és statisztikákat is elhelyezhet dinamikus fejlécekben.

Információ

A leírás segít a látogatóknak megérteni, milyen hasznos és érdekes dolgokat kapnak, ha feliratkoznak vagy csatlakoznak a csoporthoz. Ebben a részben gyakran található egy hivatkozás a webhelyre - a vállalat vagy szervezet fő webes forrására. Ha nem adta hozzá azonnal a csoport létrehozásakor, tegye meg most a „Kezelés” részben.

Egy közösséggel kapcsolatos információk hozzáadásához egyszerűen kattintson a megfelelő feliratra a főoldalon.

Ez a blokk nem képes gyönyörűen formázni a szöveget, de további hasznos linkeket és hashtageket adhat hozzá, hogy növelje az oldal relevanciáját a keresésben. Ha elkészült a szöveg, kattintson a jobb felső sarokban található „madárra”.

Kitűzött poszt

A csoport helyes megtervezése azt jelenti, hogy a látogatók azonnal megértik, hogy itt érdekes és szükséges információkat kapnak. Ehhez válasszon fényes és hasznos anyagot vonzó címsorral, és rögzítse a hírfolyam legtetejére.

Egy bejegyzés rögzítéséhez a közzététel után vigye az egérmutatót a jobb sarokban található menü ikonra, és válassza ki a kívánt műveletet.

Az oldal tetején található bejegyzés helyettesítheti a közösség leírását. Lehet szépen megtervezni, elhelyezni egy navigációs menüt vagy hasznos linkeket, leírni a csoportszabályokat. A kép lehet az avatar folytatása vagy kiegészítése, ha nincs borító. Nézze meg, hogyan néz ki a mintában.

A látogatók figyelmének felkeltésének másik módja a videó rögzítése. Amikor egy felhasználó belép egy közösségbe, ez a videó automatikusan elindul, de hogy ne legyen túl tolakodó, hang nélkül görget. Ha valakit érdekel, ő maga állítja be a hangerőt. A Supa videokészítővel rövid videókat készíthet.

Mit lehet még hozzáadni a közösségi fejléchez:

• a legnépszerűbb bejegyzés, amely már sok lájkot és megjegyzést kapott;
• egy fontos esemény bejelentése;
• üzenet a kedvezményekről és promóciókról;
• gyakorlati viccek;
• felmérések;

A VKontakte csoport sikeres tervezésének nemcsak szépnek, hanem funkcionálisnak és kényelmesnek is kell lennie. Oldja meg marketingproblémáit a tervezéssel, hogy a csoport fizető és vásárló közönséget vonzzon a márkához, és örökre vele maradjon.

5 lépés a csoport létrehozásához a VKontakte-on

Borító

A közösségi fedezet manapság fontos eszköz a Contact márkacsoportjának kialakításához és népszerűsítéséhez. Letöltheti a „Közösségkezelés” részben, a „Beállítások” lapon. Maga a közösségi fejlécben található jó minőségű vízszintes kép a vállalat fő promóciós szalagcímét tölti be a közösségi hálózaton. Hangulatot ad, informál, imázst emel, célzott cselekvésre szólít fel, és egyben értékesít is.

1. Használjon jó minőségű illusztrációkat

A VKontakte közösségi borítójának 1590x400 pixel méretűnek kell lennie, de érdemesebb 2-3-szor nagyobb fotót feltölteni .png formátumban. Így elkerülhető a rossz minőségű megjelenítés.

2. Igazítsa a képet a különböző eszközökhöz

Ne feledje, hogy ez a kép eltérően jelenhet meg a különböző eszközökön – mobilon a szélek le lesznek vágva, ezért a legjobb, ha az összes legfontosabb információt közelebb helyezi el a középponthoz.

3. Helyezzen el egy szlogent és USP-t

Hagyja, hogy az ügyfél lássa filozófiáját és előnyeit az első képernyőn.

4. Mutassa be a terméket/szolgáltatást, a használatának folyamatát vagy eredményét

Így a potenciális vásárló azonnal tudni fogja, mire specializálódott, és részt vesz a termékben.

5. Segítsen az ügyfeleknek, hogy azonnal kapcsolatba lépjenek Önnel

A szalaghirdetésre írja fel telefonszámát, e-mail címét és egyéb céges elérhetőségeit. Ha vállalkozása számára fontos a földrajzi elhelyezkedés, például vendéglátóiparban vagy horeca-ban dolgozik, akkor a cím is hasznos lesz.

6. Hirdesse az eseményeket

Koncerteket reklámoz, új kollekcióra vagy termékbemutatóra számít, vagy fesztivált/konferenciát/ügyfélnapot tart? Szólj erről mindenkinek, aki a közösségbe jön.

7. Akciók és kedvezmények bemutatása

Hol máshol a fő platformon mondhatod el a közönségnek, hogy jelenleg 2-szer olcsóbban adhatnak le rendelést Öntől? A legfontosabb, hogy az ajánlat lejárta után ne felejtse el megváltoztatni az illusztrációt.

8. Ajánljon fel egy célzott cselekvést

A közösségi borító betöltésekor két gomb kerül vízszintesen a jobb alsó sarokban - Írj üzenetet és Csatlakozz a csoporthoz. Mutasson rájuk egy nyilat, hogy még jobban magára vonzza a közönség figyelmét. Tehát, ha egy termék megjelenik egy banneren, üzenetben azonnal felajánlhatja annak megrendelését. És ha tartalmazza a legfrissebb hírek kivonatát, iratkozzon fel, hogy mindig megkapja a legfrissebb információkat.

Tölts fel egy avatart, és válassz egy indexképet

Egyes márkák még mindig nem veszik át a borítót, inkább a csoport első képernyőjének régi megjelenését részesítik előnyben, úgynevezett „fejlécként” egy avatar és egy rögzített bejegyzés kombinációját használva. Ebben az esetben az egyik kép a másik folytatása. A leglenyűgözőbbnek tűnik, ha a fénykép ugyanazon a szinten végződik, mint az avatar.

A maximális 200x500 pixeles avatarméret használatakor a rögzített bejegyzésben lévő kép méretét 510x308 pixelre kell tenni. Kiváló lebilincselő technika a közösségi hálózat lejátszóján keresztül feltöltött videó csatolása, amely stílusosan folytatja az avatart.

Ha egy borítót használ fejlécként, az avatar mindig miniatűrként jelenik meg.

A VK közösségi avatar miniatűr tervezésének szabályai

A bélyegkép egy kis kerek kép, amely egy nagy avatarból van kivágva, és megjelenik a csoportok keresésében, az egyes felhasználók közösségeinek listájában, valamint a borító alatt bal oldalon, ha van ilyen. Íme néhány tervezési tipp.

1. Az indexképnek érthetőnek kell lennie a közönség számára

Nem szabad közzétenned egy furcsa illusztrációt. Képzeljen el valamit, amit a célközönség a későbbiekben a márkához fog társítani, például egy logót, egy termék/szolgáltatás ikont vagy esetleg a márka fő marketingjellegét.

2. Csak jó minőségű fényképeket használjon

Jobb, ha a szükséges méretnél 2-3-szor nagyobb forrást tölt fel, így elfelejtheti a szörnyű pixel „négyzeteket”, amelyek nem mutatják a legjobb fényben.

3. Tervezze meg saját illusztrációit

A szabványos stock képek olcsónak és professzionálisnak tűnnek, és a felhasználók márkával szembeni bizalmatlanságának szinonimájává válnak. Készítsen egyedi mintákat, ugyanolyan koncepcióban és színekben, mint a többi minta.

4. Az oldal hátterével ellentétben álló képekre van szüksége

A VK miniatűrök ilyen fülbemászó megtervezésekor a „kerek darab” kiemelkedik a feedben a többi csoport közül, és nem olvad össze az oldal hátterével.

5. Helyezze el a cég elérhetőségeit vagy USP-jét

A miniatűr céljától függően helyezzen rá egy elérhetőségi telefonszámot vagy weboldal címet, az ingyenes szállítással kapcsolatos információkat, a szegmens legalacsonyabb árának jelzését vagy promóciót.

6. Tedd nagyméretűvé és olvashatóvá a szöveget!

Jobb, ha nem használ serif vagy dőlt betűtípust - túl zajosak PC-képernyőkön, mobileszközökön és okostelefonokon, szennyezve a nézetet. Ügyeljen arra, hogy a szöveg ne nyúljon túl a kivágott bélyegkép határain. Ez lehetővé teszi, hogy helyesen és hatékonyan továbbítsa az üzenetet a felhasználónak.

7. Használjon egyedi formákat

Például a kívánt kerek sablonban írjon be egy sokszöget vagy más geometriai alakzatot fehér alapon. Hozzon létre egy olvasatlan értesítési effektust vagy egy grafikus „online” ikont.

Készítsen menüt

A menü a Kapcsolatban lévő csoportok kialakításának fontos eleme, amely megkönnyíti a felhasználók számára a csoportban való navigálást - így az emberek könnyebben megtalálhatják a szükséges információkat. Minden elem és oldal egy speciális programozási nyelven készül - Wiki jelöléssel. Használatával kattinthatóvá teheti a képeket, és kényelmes oldalakat hozhat létre a közösségi hálózaton belül, mintha az egy webhelyoldal lenne.

Nyitott és zárt menüt is használhat. Az első esetben a felhasználó azonnal látja a benne szereplő részeket, a másodikban pedig egy előnézeti kép előzi meg őket a „Menü” felirattal. A menü vizuálisan is az avatar folytatásává válhat, ha a régi közösségi tervezési lehetőséget használod.

Készítsen termékbemutatót

Amikor termékeket helyez el a közösségi kirakatban, ne feledje, hogy a felhasználók mindig az első 3 elemet látják. Helyezze el bennük a legnépszerűbb és legtöbbet megrendelteket, és töltsön fel bemutatóképet ugyanabban a stílusban. Tegyen itt közzé egységes ikonokat vagy fényképeket magukról a termékekről A szolgáltatások elhelyezhetők a termékekben. A tervezésben mutassa be a szolgáltatás nyújtásának folyamatát vagy annak eredményét. Egy ilyen kép mérete négyzet alakú lesz – 400x400 pixel.

Post design

1. Használja ki teljes mértékben a rendelkezésre álló képméreteket

A feedben lévő kép maximális szélessége 510 pixel. Az 510x510 pixeles négyzet alakú és az 510x300 pixeles téglalap alakú képek a leglenyűgözőbbek.

2. Egyéni bejegyzésstílus kialakítása

Annak érdekében, hogy bejegyzései egyedinek tűnjenek, dolgozzon ki egységes stílust, betűtípust és színsémát.

3. Helyezzen rövid szöveget a képre

Például feloszthat egy képet 2 részre - szövegre és grafikára, vagy szöveget írhat, miközben sötétíti a hátteret. Ahhoz, hogy a szöveg sötét háttér nélkül is látható legyen, írja egy háttérre (egyenletes színű kontrasztos grafikai blokk), vagy adjon hozzá árnyékot a felirathoz. A kerettel ellátott fotók jól néznek ki.

4. Készítsen több sablont különböző célokra

Például árajánlatokhoz használjon egy sablont a vizuális információk bemutatásához, a webhelyről származó anyagok bejelentéséhez - egy másikat, a versenyekhez pedig egy harmadikat.

Használja ezeket az abszolút technikákat, és cége a lehető legjobb módon kerül bemutatásra a VKontakte-on, és kényelmes lesz az ügyfelek számára, hogy kapcsolatba lépjenek vele. De ne felejtsd el, hogy mindenhez mértéktartás kell! A Tesla Target ügynökség szolgáltatási oldalán még több friss ötletet talál a VK közösség kialakításához.