Hur man skapar en grupp på VKontakte. Hur man designar en grupp på VK korrekt (från omslag till innehåll). Hur man designar bilder för inlägg

Den eleganta designen hos en VK-grupp lockar målgruppen och ökar förtroendet hos potentiella prenumeranter. Hur man designar det professionellt, läs den här artikeln.

Varje dag loggar i genomsnitt 23 miljoner användare in på VKontakte. Med undantag för Yandex sökmotor är vk.com den mest populära adressen bland ryska internetanvändare. Naturligtvis kommer företag dit för användarna. Därför har nätverksadministrationen under de senaste åren lagt till ett dussin coola funktioner för varumärkesutveckling i VK: widgets, artiklar, berättelser, communitymeny. De hjälper dig att prata om dig själv, hitta nya målgrupper och sälja till dem utan att lämna nätverket.

Det första en potentiell abonnent utvärderar är den allmänna utformningen av VKontakte-gruppen. Därför kompletteras miniatyravatarer idag med storskaliga banderoller och omslag, menyer och kataloger är designade i samma stil och ansträngningar görs för att göra inlägg och berättelser igenkännliga. Den här instruktionen hjälper dig att skapa en VK-grupp - vi har samlat de häftiga erfarenheterna från stora företag och baserat på deras kreativitet har vi gjort enkla mallar som du kan använda i dina communitys. Allt du behöver göra är att ta tag i din logotyp och öppna Canva.

Avatar

En avatar är ansiktet på samhället från vilket utformningen av en VKontakte-grupp börjar. Detta är vanligtvis en företagslogotyp eller varumärke.

Minsta avatarstorlek - 200 gånger 200 pixlar. Men det är bättre att ladda upp en bild 2 gånger större - på så sätt bibehåller du kvaliteten på bilderna när de komprimeras.

Maximal logotypstorlek - upp till 7000 pixlar på varje sida. I det här fallet är bildförhållandet inte mer än 5:2, det vill säga en bild som är 200 pixlar bred bör inte vara mer än 500 pixlar i höjd, annars kommer redigeraren att erbjuda att beskära den.

För en miniatyrbild måste en kvadratisk eller rektangulär bild beskäras till en cirkel, så se till i förväg att orden eller logotypen inte sträcker sig utanför cirkeln.

Avataren speglar varumärkets uppdrag och kan innehålla viktig information om företagets tjänster och uppmaningar. Till exempel en enkel och strikt avatarlogotyp Vc.ru sätter stämningen för högkvalitativ affärsjournalistik och den lekfulla avataren Lägg till mig- för underhållning och avkoppling. Intressant inlägg Handelshögskolan, som kombinerar en akademisk logotyp med en informell.

Avatarer av ADME, Higher School of Economics och vc.ru-grupper

Om du vill skapa en känsla av elegans och skönhet, men ännu inte har en snygg logotyp, rekommenderar vi mallen. En mall hjälper ett nytt kafé att göra sig känt. En annan visuellt enkel och lakonisk mall är: trianglar och häftapparater från avataren kan användas i utformningen av VK-gruppen som helhet - till exempel i inlägg och berättelser för att skapa en enhetlig stil.

Använd denna mall

Idag återvänder vi igen till ämnet att designa VKontakte-grupper. Vi har redan lärt oss förut. Idag ska vi lära oss hur man gör grafik meny med fast toppbanner och en länk till en intern sida med utökade menyalternativ. I allmänhet kan all information finnas på den interna sidan. Det är särskilt bekvämt att placera där t.ex. kataloger med en rad produkter. Både rullgardinsmenyer och klibbiga menyer har sina för- och nackdelar. Den största nackdelen med en rullgardinsmeny är att den är i stängt tillstånd som standard. Men du kan placera flera länkar på den samtidigt.

Fäst meny det ser mer imponerande ut på grund av helhetsintrycket, men det kan bara ha en länk, som leder antingen till den interna VKontakte-sidan eller till en extern webbplats (och länken till den externa webbplatsen kommer inte från bilden, utan från textlänken under bilden). En av de uppenbara nackdelarna är också att den grafiska menyn på mobila enheter presenteras som en vanlig post i flödet, stående på toppen, och inte som fäst bredvid avataren. I allmänhet bör du ta hänsyn till dessa nyanser när du väljer en design. Så låt oss se hur man skapar en klibbig toppmeny med en länk till en intern sida.

Jag skapar VKontakte-grupper
Högkvalitativ design av VK-grupper och offentliga sidor, fästmeny, rullgardinsmeny, intern grafisk meny, kataloger, intern navigering - priser Och portfölj.

Steg 1
Skapa ett nytt dokument i Photoshop cirka 900x700 pixlar i storlek och fyll det med vitt. Nu behöver vi skära ut två fönster i lagret, genom vilka själva grafiska designen kommer att synas. Välj först en rektangel som mäter 200x500 pixlar (avatar) och tryck på Del. Välj sedan en rektangel som mäter 510x352 (justera den mot den nedre raden av avataren och gör avståndet mellan formerna 50 pixlar) och tryck även på Del.
Efter nästa designuppdatering av VKontakte (31 oktober 2016) blev bannerdimensionerna 510x307 (inte 510x352).

Steg 2
Nu, under det vita lagret, placerar vi en enda bild, som kommer att ligga till grund för designen.

Steg 3
Efter det kompletterar vi bilden med olika element - en logotyp, textinskriptioner och en knapp som uppmanar dig att klicka på menyn. Sedan sparar vi två separata bilder på datorn - en är en avatar (till höger), den andra är en meny med en klickknapp (till vänster).

Steg 4
Vi skapar även en grafisk meny i Photoshop som består av flera objekt. Bredden på den här menyn bör vara 600 pixlar, höjden är valfri, beroende på antalet objekt. För att hjälpa, använd lektionen "".

Steg 5
Vi skär vår meny i flera horisontella remsor i enlighet med antalet menyalternativ. Spara som separata filer.

Steg 6
Vi går till vår VKontakte-grupp, klickar på "Community Management" (om du klickar på de tre prickarna under författaren öppnas en rullgardinsmeny) och kontrollerar att inställningarna är korrekta. Gruppen ska vara öppen och materialet ska också vara öppet.

Steg 7
Nu laddar vi upp en ny avatar. Flytta musen till platsen för avataren och välj "Uppdatera foto" från popup-menyn. Ladda rätt foto från steg 3, sträck markeringsområdet upp och ner till kanterna på bilden, klicka på "Spara" och välj sedan området för den runda miniatyren.

Steg 8
Nu måste du skapa en intern sida. Hur man gör detta beskrivs i detalj i lektionen. Ett annat alternativt sätt att skapa en intern sida beskrivs i lektionen "" i steg 5 och 6.

Steg 9
När vi har skapat den interna sidan kan vi gå till den. För att göra detta måste du klicka på rullgardinsmenyn för gruppen (som standard kallas det här objektet "Senaste nyheter" - jag döpte om det till "Meny") och klicka där på länken "Meny". Efter detta kommer vi att gå till den nyskapade tomma sidan.

Steg 10
Nu måste vi skapa en grafisk meny med fem objekt. För att göra detta laddar vi upp våra fem bilder från steg 5 till gruppalbumet. Vi klickar på kameraikonen och laddar upp de klippta bilderna från datorn. Bilderna kommer att lagras någonstans på VKontaktes servrar och länkas till gruppen, så det är inte nödvändigt att skapa ett separat album för utklippta bilder. Du måste ladda upp bilder i Wiki-markeringsläget.

Steg 11
Nu i wiki-markeringsläge kommer vi att skapa en grafisk meny. Det är mycket viktigt att skapa i wikimarkeringsläget (ikonen i det övre högra hörnet av två triangulära parenteser), och inte i det visuella redigeringsläget. Mer information om att skapa kod i wiki-uppmärkning beskrivs i steg 4 och steg 5 i lektionen "". Det finns även en kodmall för insättning. Om allt är gjort korrekt bör du få en färdig grafisk meny, som i figuren nedan.

Steg 12
Nu återvänder vi till gruppens huvudsida, tar webbadressen till vår interna sida (den ska vara så här https://vk.com/page-78320145_49821289) och klistra in den i fönstret där nyheter skapas. Ett fönster med en länk till denna mycket interna sida bör automatiskt bifogas. Efter det flyttar vi markören till "Bifoga" inskriptionen och bifogar ett foto till inlägget, nämligen vår bild till vänster från steg 3. Efter det raderar vi raden från webbadressen till den interna sidan och lämnar tomt utrymme. Viktig! I det här steget måste du markera rutan (om du har sådana rättigheter gäller detta främst grupper med en öppen vägg) i kryssrutan "På gruppens vägnar". Om du inte markerar den här rutan kommer posten inte att fästas. Klicka slutligen på "Skicka".

Steg 13
Flytta markören till de tre prickarna bredvid inläggets titel och välj "Fäst" i rullgardinsmenyn. Följaktligen lösgörs även nyheten vid behov.

Steg 14
Det finns en varning. Ibland, efter att du har lossat en nyhet, går den långt ner i flödet, beroende på datumet för skapande, och det kan vara ganska svårt att hitta det igen. Därför är det bättre att omedelbart skriva ner webbadressen till de fästa nyheterna någonstans. För att göra detta, flytta markören till den tidpunkt då nyheten skapades och klicka på länken.

Steg 15
Nu uppdaterar vi gruppens huvudsida. Vår grafiska meny kommer att finnas högst upp bredvid avataren. Och när vi klickar på bilden förs vi till en intern sida med en meny med fem objekt.

Högkvalitativ design av en VK-grupp är som en förpackning för en produkt du vill sälja. Du måste trots allt erkänna att ingen vill köpa något i slarviga förpackningar. Det är samma sak med design: om du vill att folk ska gå med i din grupp och använda dina tjänster bör du ta hand om designen.
Om gruppdesignen är vacker och av hög kvalitet, kommer människor att vara mer villiga att gå med i din gemenskap. Vi berättar i den här artikeln hur du skapar en gruppdesign korrekt och effektivt och gör ditt varumärke igenkännligt.

Varför behöver du en enhetlig VK-gruppdesign?

Nuförtiden är det inte nödvändigt att skapa en webbplats för att driva en underhållningsportal. Det räcker ofta med att skapa en väldesignad VK-grupp. VKontakte-funktioner ger stora möjligheter att marknadsföra ditt varumärke eller få en publik. Och för att antalet användare ska växa måste du göra designen av VK-gruppen unik, minnesvärd och tilltalande för din besökares eller potentiella kunds ögon.

En väldesignad VK-gruppdesign hjälper inte bara att locka fler människor, utan kommer också att få dem att komma tillbaka till dig för att bläddra igenom nyhetsflödet. Om designen är en röra - till exempel en avatar av en stil, en omslag av en annan, och bilderna i inläggen är designade på ett sätt som inte liknar varken det ena eller det andra - blir det svårt att nå framgång. Kom ihåg att en person hälsas av sina kläder, och en grupp hälsas av hans inredning. Väl i din grupp uppmärksammar abonnenten först och främst gruppens design. Därför är det så viktigt att skapa den korrekta designen av VK-gruppen. Läs också hur köpa en färdig grupp eller offentlig VK.

Hur man utvecklar en VK-gruppdesign

Hur utvecklar man en VK-gruppdesign om du inte vet var du ska börja? Låt oss titta punkt för punkt på hur man utvecklar och skapar en design av hög kvalitet för en VK-grupp:

Bestäm först ämnet för din grupp och målgrupp. Du måste se den färdiga designen genom ögonen på en potentiell abonnent.
Studera dina konkurrenter. När allt kommer omkring har de redan lockat användare på något sätt de har redan passerat detta stadium. Genom att granska deras innehåll kan du se vad som behöver förbättras för att förbättra dina resultat.
Hitta dina styrkor för att locka din publik. Till exempel frekvensen av att publicera inlägg, olika ämnen, humor, tävlingar.
Först efter att du helt har bestämt dig för konceptet för din grupp, börja skapa designen. Var uppmärksam på avatar, omslag och design av inlägg i din grupp.

Dessa enkla tips hjälper dig att skapa en ljus och minnesvärd gruppdesign. Låt oss nu titta mer specifikt på detaljerna i gruppens design. Läs om hur du kommer på ett namn för en VK-grupp här.

Avatar i VK-gruppdesign

När en person går in i en grupp är det första som fångar ögat avataren, som ska visa omfattningen av verksamheten eller gruppens riktning. Låt oss prata om storleken på avataren för gruppen.

Om du vill göra en enkel avatar, till exempel som bara innehåller en företags- eller varumärkeslogotyp, kan du skapa en bild som mäter 200x200 pixlar. Detta är den minsta avatarstorleken som kan väljas som en miniatyrbild. För att undvika att tappa kvalitet är det bättre att göra din avatar 400x400 pixlar i storlek.

För att undvika att förlora bilddetaljer, gör dem stora, men bibehåll ett bildförhållande på 1:2,5. Till exempel 200x500 eller 400x1000.

Hur ska en avatar vara? Låt oss ta en närmare titt på hur dess miniatyr ska se ut:

När du skapar, var omedelbart uppmärksam på storleken på texten, för på miniatyren ska den vara lätt att läsa - så att användaren inte letar efter ett förstoringsglas och försöker läsa vad som står där.
Undvik avskuren text. Det blir bättre om du kan läsa på miniatyren vad gruppen handlar om och vad den heter.
Bestäm genast vad som ska finnas i miniatyren. Bilden ska vara tydlig och fånga användaren.
För bättre design och design av VKontakte-gruppen är det bättre att komma med och skapa din egen bild, snarare än att leta efter en färdig på Internet. Lagermaterial kommer sannolikt inte att skapa förtroende eller intresse hos användaren.
För att sticka ut från mängden måste du skapa en ljus miniatyr. Gör det inte för tråkigt: när du söker kan en person helt enkelt missa din grupp om de inte lägger märke till din avatar.
Överbelasta inte miniatyren med onödiga element. Ett alternativ är att återskapa det med den minimalistiska tekniken. Nuförtiden är det på modet och ser också mer attraktivt ut.
Om ditt mål helt enkelt är att locka användare till din grupp bör du använda din fantasi lite och hitta på något ovanligt i din avatar. Till exempel finns det nu många avatarer med en aviseringsikon. Det verkar enkelt, men väcker uppmärksamhet.

Det finns många sätt att locka en användare med en avatar, din design begränsas bara av din fantasi.

Omslag designat av VK group

Nästa sak du bör vara uppmärksam på är omslaget, som finns i början av sidan. Dess maximala storlek är 1590x400 pixlar. För att den ska vara av bra kvalitet, precis som med en avatar, bör du göra den större och behålla proportionerna. VKontakte kommer att komprimera den till önskad storlek, men detta påverkar inte klarheten. Till exempel: 1590x400, 3180x800, 4770x1200.

För att ditt skal ska se bra ut på mobila enheter behöver det anpassas. Bredden i mobilversionen visar allt inom 1196 pixlar, och höjden är 317 pixlar.
Layout av ett vanligt skal och optimal storlek för mobilversionen:

197 pixlar på varje sida visas helt enkelt inte i mobilversionen. De nästa 140 pixlarna upptas av systemknapparna "Tillbaka" och "Inställningar". 83 pixlar från toppen är din operatör, laddningsmängd, tid osv.

Det handlar om storlekar. Innehållsmässigt gäller samma principer som vid val av avatar. Något kreativt och iögonfallande kommer att fungera bäst. Omslaget ska motsvara gruppens tema.

Bild för ett gruppinlägg

För inte så länge sedan fixades bredden på VKontakte-nyhetsflödet. Det vill säga, VK sträcker nu inte bilden och du förlorar inte de detaljer som du vill visa för användarna. Den minsta bildstorleken som är bäst att fästa på ett inlägg är 510x510 pixlar, men det är lämpligt att göra det 2 gånger större. Detta är nödvändigt så att kvaliteten och klarheten i din bild inte går förlorad.

En kvadratisk bildstorlek kommer att ta upp all plats på ditt flöde, medan en rektangulär bild inte kommer att se lika snygg ut och inte dra till sig uppmärksamhet ordentligt. Detaljerna i bilden i liggande orientering ser små ut, och det kommer att vara svårt för användaren att se det. För större intresse för informationen i inlägget är det bäst att göra kvadratiska bilder med måtten 1020x1020, 1530x1530 och 2040x2040.

Och för att säkerställa att det inte finns några förvrängningar eller krusningar i din bild, bör du observera flera punkter när du sparar:

När du sparar i Photoshop måste du välja SPARA FÖR WEB i JPEG-format.

2. I inställningarna, när du sparar, hitta och markera rutan bredvid sRGB-objektet. Spara din bild.

Bilder för inlägg med länkar

Om du har en tredjepartswebbplats kommer du troligen att posta inlägg med länkar i VK-gruppen.
När du infogar en länk i ett inlägg kommer den att visas som en bild längst ner som innehåller en kort titel på innehållet och adressen till din webbplats hemsida. Men för att göra länken mer attraktiv måste du ta hand om dess design. Det är inget svårt med detta om du vet storleken på bilden. Den optimala storleken för att annonsera din artikel är 537x240, men för bättre kvalitet är 1074x480 eller 1611x720 lämplig.

Bild för en artikel skriven i redaktören

Om du bestämmer dig för att skriva en artikel i editorn måste du skapa en bild som kommer att locka användaren och få honom att öppna och läsa den här artikeln. Efter att ha valt en bild eller kommit fram till din egen, måste du veta dess dimensioner. Minsta storlek är 510x286 pixlar, men som vanligt är det bättre att göra bilden större så att kvaliteten inte går förlorad, som vi skrev ovan.

Också ett litet råd: Välj antingen göra bilder i mörka färger eller mörka den i editorn, eftersom titeln på din artikel blir mer läsbar på en mörk bakgrund än på en ljus bakgrund.

Omslag till fotoalbum

Din grupp kommer sannolikt att ha flera fotoalbum som innehåller bilder baserat på din grupps tema. För att få dina album att se vackra ut är det bäst att välja en iögonfallande bild för var och en av dem. Storleken på ditt fotoalbumomslag kommer att vara 1200x800 pixlar. I det här fallet behöver du inte göra det längre, eftersom albumet visas i ett litet format. Men i mobilversionen blir botten av skalet 200 pixlar mindre. Tänk på detta när du skapar din bild.

Förhandsvisning av video

Om du bestämmer dig för att bifoga en video till ett inlägg i din grupp måste du göra en förhandsgranskningsbild av hög kvalitet. Förhandsvisningen bör intressera användaren att titta på videon i din grupp. Bildstorleken är ganska lätt att komma ihåg och är i princip samma storlek som din video. Det vill säga 1280x720 eller 1920x1080 pixlar.

Bilder för Wiki-sidor

All information kan inte förmedlas i gruppinlägg. Du kan använda Wiki-sidor för detta. Med dess hjälp kan du skapa en vacker meny som kommer att se ut som en vanlig bild, men när du klickar på något område öppnas den önskade sidan. Den har också fler funktioner som vanliga inlägg inte har. På så sätt kan du bättre förmedla den eller den informationen till dina prenumeranter.

Men utformningen av en wikisida har också sina egna nyanser. Arbetsytan är 607 pixlar, och om du laddar upp en större bild kommer VKontakte att komprimera den till 400 pixlar bred. För att ändra bildstorleken behöver du bara klicka på den och ange bredden - 607 pixlar. Bildhöjden ändras automatiskt.

Användarens intresse i din grupp beror bara på dig. Vackert designade grupper med kvalitetsinnehåll lockar alltid uppmärksamhet och låter deras skapare tjäna bra pengar, så du bör inte slösa tid och ansträngning på kvalitetsdesign. Var inte rädd för att börja, även om du har liten förståelse för ämnet, prova det - och under arbetets gång kommer du att se dina misstag själv och rätta till dem.

Börja tjäna pengar

I den här artikeln skulle jag vilja systematisera all min kunskap om att designa VKontakte-grupper baserat på min erfarenhet av att interagera med kunder och deras preferenser. Dessutom har VKontakte under de senaste sex månaderna gjort många förändringar som många inte ens är medvetna om. Jag ville uppehålla mig vid några av innovationerna mer i detalj, för bland dem finns det verkligen värdefulla och användbara saker. Vi verkar alla ha återhämtat oss från en viss chock efter omdesignen av VKontakte, och bakom de synliga förändringarna upptäckte vi gruppens multivariata funktion och innehåll. Så nu innebär utformningen av grupper en komplex procedur som inte är begränsad enbart till den grafiska komponenten i form av vackra bilder. Nu måste ägare ta hänsyn till många nyanser av att bygga en gruppstruktur, beroende på ämnet för verksamheten och användarnas bekvämlighet.

Det handlar främst om att välja en grafisk design från två ömsesidigt uteslutande alternativ, att utveckla en intern meny, att välja en ingångspunkt till den interna menyn, att förstå skillnaden mellan en katalog och en produktvisning, förbereda reklammaterial för att marknadsföra gruppen och använda användbara applikationer . Men först till kvarn. Först kommer vi att titta på de grundläggande designelementen i gruppen, sedan kommer vi att gå vidare till deras interaktion i form av olika kombinationer och sedan kommer vi att prata om några användbara funktioner och subtiliteter.

1. Horisontellt lock (huvud)
Låt oss börja med ett horisontellt omslag eller rubrik. VKontakte-utvecklarna försäkrar oss att omslaget, på grund av sin storlek, ger större manövrerbarhet vid tillhandahållande och visualisering av information. Vanligtvis, förutom en vacker bild, innehåller rubriken en logotyp, tillhörande information, kontakter, ett samtal om att gå med i gruppen och en webbadress. Jag har en misstanke om att omslag en dag kommer att bli det enda möjliga designalternativet för gruppen, så jag skulle rekommendera att byta till dem direkt för att undvika force majeure-omformningar senare.

Hur man laddar upp ett omslag
För att ladda ner omslaget måste du gå till Community Management >> Basic Information block >> Community Cover >> Ladda upp. Rekommenderad omslagsstorlek är 1590x400 pixlar. Det kan inte finnas några fungerande knappar i rubriken som kan klickas på - i huvudsak är det en bild och det är det. Idag är omslaget synligt på mobila enheter, och verkar redan vara synligt i applikationer och klienter.

Wiki-fliken Senaste nyheterna
I det översta blocket under rubriken kan det nu finnas tre flikar: fäst inlägg, information om communityn och wiki-menyn (endast i grupper, det finns ingen sådan flik på offentliga sidor). Tyngdpunkten ligger fortfarande på det fästa inlägget, men även med dess närvaro kommer användaren nu alltid att ha tillgång till information om communityn genom att växla mellan flikar. För att wikimenyfliken ska visas (den kallas från början Senaste nyheterna) måste du gå till Community Management » Avsnitt » Material » Begränsat (eller öppet) » Spara.

2. Vertikal avatar
Låt oss nu rikta uppmärksamheten mot den gamla goda avataren för en grupp med en storlek på 200x500 pixlar. För tillfället är det också ett sätt att utforma en grupp. Vanligtvis innehåller avataren följande information: logotyp, medföljande text eller slogan, kontakter, samtal för att gå med i gruppen. På mobila enheter är inte hela avataren synlig, bara en del av den är synlig – miniatyren. För att designa en grupp kan du använda antingen en horisontell rubrik (omslag) eller en vertikal banner. Om det finns en rubrik är den vertikala avataren inte synlig. Det kan inte finnas några fungerande knappar på avataren som kan tryckas in - i huvudsak är det en bild och det är det.

3. Miniatyr
För närvarande används en vertikal avatar för att skapa en miniatyrbild, vars minsta storlek är 200x200 pixlar. Miniatyren används i inlägg och inlägg i form av en liten cirkel nära titeln och i form av en större cirkel i vissa urval och community-omnämnanden. I samband med övergången till en rund form har kraven på miniatyrer blivit hårdare. För att texten på miniatyren ska vara fullt läsbar får den visuellt inte sträcka sig utanför cirkelns gränser.

Hur man laddar upp en miniatyrbild
Miniatyren har blivit ett helt självständigt element, och när du använder omslaget (huvudet) i utformningen av gruppen måste du nu göra en separat miniatyr, tänk på. Om gruppen inte har en rubrik (omslag), måste du för att ladda upp en miniatyr klicka på "Ladda upp foto" i avatarblocket (överst till höger). Om designen innehåller en rubrik (omslag), för att ladda upp miniatyren måste du klicka på cirkeln direkt under rubriken och välja "Ladda upp foto" där.

4. Banner
Banner (engelsk banner - flagga, banner) är en grafisk bild av informations-, reklam- eller incitamentkaraktär. Bannern bifogas som bild till inlägget och kan endast ha en intern länk. Många är fortfarande övertygade om att flera länkar kan göras från en banner på huvudsidan. Detta är inte sant, bara en länk och det är det. Jag skulle lyfta fram följande typer av banners.

4.1 Informationsbanner
En vanlig typ av banner som innehåller allmän information om ett företag, grupp, tjänst eller evenemang med en detaljerad lista över förmåner och annat tillhörande material. Används ofta som ett fäst inlägg i en grupp. Storleken på denna banner är 510x307 pixlar. I den här storleken sammanfaller botten av bannern med avataren. Om det inte finns någon koppling till avataren kan du använda vilken storlek som helst. Jag använder till exempel storleken 600x350 pixlar. Det kvadratiska formatet på 510x510 pixlar är också bekvämt och vinner popularitet nu - med denna storlek upptar bannern största möjliga yta i nyhetsflödet.

4.2 Banner för att komma in i den interna menyn
Om vi lägger till den catchy inskriptionen "Öppna meny" till bannern från föregående stycke, kommer vi att få en banner vars huvuduppgift är att fungera som en ingångspunkt till den interna menyn. Ibland skapar de en falsk i form av flera knappar på en banner, men detta är en illusion när användaren klickar på den, kommer användaren fortfarande till den interna sidan, och där har varje knapp sin egen länk. Storleken på denna banner är 510x307 pixlar. I denna storlek sammanfaller bannern längst ned med avtaren. Om ingången till menyn inte är bunden till avataren kan du göra bannern i valfri storlek, till och med en smal knapp med inskriptionen "Öppna meny". Huvudsaken är att bannerns bredd är minst 510 pixlar.

4.3 Kort för repost, kampanjer
På senare tid har kort för reposter eller kampanjer blivit särskilt relevanta. Dess uppgift är en uppmaning till specifik handling. I grund och botten är det "Gå med i gruppen, reposta eller gilla och vinn ett pris." Sådana banners används som en del av reklamkampanjer eller marknadsföring både i deras egna grupper och för marknadsföring i andra grupper. Jag brukar använda 600x350 pixlar.

4.4 Banner med gif-animation
Efter att VK-utvecklare gjorde större storlekar för gif-bilder i början av året stod gifs direkt i nivå med informationsbanners. På en GIF-banner kan du till exempel visa bilder på flera föränderliga produkter eller texter - rörelse lockar omedelbart uppmärksamhet. Och när funktionen lades till i juni autorun gif-animationer i nyhetsflödet har GIF-bilder blivit föremål för stor uppmärksamhet av annonsörer och marknadsförare.

5. Avatar+fast bannerdesign
Tills nyligen var denna modulära design, bestående av en avatar och en nålad banner, det mest populära sättet att designa grupper. Mer information om hur du gör denna design beskrivs i lektionen. Med tillkomsten av rubriken (omslaget) kan populariteten för denna design minska något.

Dessutom finns det en möjlighet att VKontakte återigen kommer att ändra några parametrar för blocken och sedan kommer hela designen att falla av, vilket har hänt två gånger under de senaste sex månaderna. Så, kära gruppägare, när du väljer en design för din grupp, ta hänsyn till detta faktum. Ja, och en sak till, i mobila enheter är inte all skönheten i en enda bild synlig, eftersom avataren inte visas, utan bara en miniatyrbild, och det fästa inlägget ligger precis nedanför.

6. Intern navigeringsmeny
Menyn i form av aktiva länkar finns på den interna VKontakte-sidan och är skriven med hjälp av wikimarkeringskommandon. Hur man skapar själva innersidan beskrivs i lektionen. Med hjälp av menyn navigerar användaren genom gruppen. Nedan kommer du att titta på typerna av interna menyer, men för närvarande kommer vi att fokusera på flera viktiga punkter.

Ingång pekar till den interna menyn
Jag skulle vilja påpeka en subtil punkt som ofta inte tillmäts betydelse. Ibland beställer kunder en intern meny av mig, men de har absolut ingen aning om hur användaren kommer att komma till denna interna meny. Och du kan komma till det på två sätt: antingen genom en nålad banner (se avsnitt 4.2), eller genom en textlänk i den översta fliken under statusraden (se bilden nedan). Ibland placeras även en textlänk i "Länkar"-blocket i den högra kolumnen i gränssnittet.

Interna menylänkar
Vanligtvis, vid beställning, anger kunder följande menyalternativ: Om oss, Våra produkter (katalog), Leveranssätt, Betalning, Garantier, Recensioner, Kontakter, Kampanjer, Rabatter, Schema, Hur man beställer, Portfölj, Frågor och svar, Info, Beställa. Länkar från menyalternativ kan gå till motsvarande sektioner på den externa webbplatsen. Då öppnas länken automatiskt i ett nytt fönster. De flesta av punkterna leder till interna VKontakte-sidor. I det här fallet öppnas sidan i samma fönster och du måste skapa en länk eller en "Återgå till huvudmenyn"-knapp.

Länkar till album med foton och videor öppnas i ett nytt fönster. Länkar till ämnen med diskussioner (till exempel recensioner), till en dialogruta för att skriva meddelanden, till applikationer (se punkt 10), till urval med hashtags (se punkt 12) öppnas i samma fönster och i detta fall kan du gå tillbaka till menyn endast via webbplatsens huvudsida eller genom "Tillbaka"-knappen i webbläsaren. Detta är kanske det mest obekväma ögonblicket med sådana länkar.

Redigera menyn
Kunder frågar mig ofta om det är möjligt att redigera den interna menyn. Mitt svar är, om du är en säker användare och är bekant med wiki-markering och redigeringslägen, då kan du redigera. Men om du inte är bekant med allt detta, så absolut inte. I det här fallet kommer du helt enkelt att förstöra alla inställningar.

Jag kommer att citera ord från VKontakte-utvecklarna själva. "Ett enkelt råd kommer att spara dig mycket ansträngning och nerver: arbeta i endast ett läge. Antingen är det visuellt läge eller wiki-markeringsläge. Det är att växla mellan dessa två lägen medan du arbetar med markeringen som ger de flesta problemen: bilder kan bli mindre, olika parametrar kan försvinna. Detta är en av de saker som definitivt kommer att korrigeras i framtiden, men för nu måste vi ha detta faktum i åtanke.”

Mobil responsiv
Och en sak till om anpassningsförmåga. För att få den interna menyn att se likadan ut på mobila enheter måste du lägga upp den på tabeller. Då blir bilden styvt fixerad. Annars, när skärmstorleken minskas, tenderar bilderna att flytta sig under varandra, vilket bryter mot den ursprungligen avsedda ordningen.

Här är återigen utvecklarnas ord om anpassningsförmåga. "Wikimenyn visas i mobila webbläsare, men anpassar sig inte till skärmstorleken, vilket gör att bilder kanske inte ser likadana ut som på en dator. Du kan hitta guider online om hur man anpassar wiki-markeringen för mobila enheter, men inte ens de garanterar 100 % prestanda på alla enheter.”

7. Typer av intern navigeringsmeny
Nedan finns de vanligaste typerna av interna menyer. Det finns enklare och billigare lösningar som har en hög grad av tillförlitlighet. Och det finns mer komplexa och arbetskrävande design när det gäller grafik och layout. Men de ser mer imponerande ut.

7.2 Stor grafisk meny
I det här fallet är en vertikal rad länkar placerad på en stor bakgrundsbild och har en styvt fixerad struktur. Här är lektionen.

7.3 Meny i form av ikoner, brickor
Denna design involverar flera rader och kolumner i form av grafiska ikoner och inskriptioner för dem, eller grafiska flerfärgade eller monokroma brickor.

7.4 Dynamisk meny med navigeringseffekt
En mycket imponerande design som simulerar webbplatsnavigering med effekten av knappklick eller andra markeringar av besökta länkar. En sådan meny är ganska svår att hantera och kräver kunskaper i att kommunicera med wikimarkering, eftersom du också måste redigera information på sidor i wikimarkering. Här är en lektion om detta ämne.

Bra gruppdesign är nyckeln till framgång, så idag kommer vi att berätta hur du vackert designar en VKontakte-grupp.

Oftast lockar dåligt utformade samhällen inte målgruppen. Många VK-grupper har bytt till en ny design, som ser väldigt attraktiv ut. Låt oss titta på hur man vackert och korrekt designar en VKontakte-grupp

Steg-för-steg-instruktioner om hur man registrerar en VK-grupp:

1. Skapa en grupp Gå till fliken "grupper". I det övre högra hörnet klickar du på knappen "skapa grupp". Välj ett namn och ämne. Igenkänning och sökresultat beror på rätt namn. Community management kommer att öppnas, där vi ändrar länken till en mer som passar gruppens ämne.

2. Om du vill förhindra obehöriga användare från att lägga upp innehåll till gruppen måste du begränsa åtkomsten. Klicka på sektionsfliken och begränsa väggen samtidigt som du ställer in gruppen efter eget gottfinnande

3. För att ställa in en avatar måste du gå till gruppen och klicka på "Ladda upp foto".

Klicka på välj fil och hitta den bild vi behöver (maxstorlek 1000 x 700, 700 x 500 rekommenderas)

4. hur man gör en bild överst i en VK-grupp: klicka på åtgärdsfliken, som finns till höger om inskriptionen "Du är i en grupp" Och klicka på hantera gemenskap. Ladda sedan upp bildens storlek för PC är 1590x400px. I mobilversionen är skalet något avskuret på båda sidor.

5. Feedback och kontaktinformation är mycket viktiga för gruppen "Online Store". Din data bör vara synlig eftersom en grupp med en administratör är mer pålitlig än utan en.

6. Ange uppgifterna, det finns 4 flikar till höger, klicka på knappen "Lägg till kontakt" och ange dina uppgifter. När du publicerar klickar du på ikonen "På din egen vägnar" och ändrar den till "på gruppens vägnar" och markerar sedan signaturrutan.

7. Diskussioner. De behövs så att din kund kan skriva ett CV eller lämna en recension. För att skapa diskussioner måste du aktivera dem på fliken "Sektioner". När den är påslagen visas den på höger sida. Klicka på "Lägg till diskussion".

Låt oss gå vidare till inställningarna. Kom på en titel och text, klicka på "Skapa ämne"

8. Korrekt sortering av foton och videor. Foton i gruppen måste ha samma storlek, i ordning, och varje fotocykel måste ha sitt eget album. För att skapa ett album, klicka på knappen i menyn till höger "Lägg till foton". Nästa, "redigera album". Ange namn och beskrivning
Dessa var de mest grundläggande delarna av VKontakte-gruppdesignen.

Nedan listar vi allt som borde finnas i VKontakte-gruppen:

En mössa.
Beskrivning.
Flera omröstningar.
Fotoalbum.
Video.
Audio.
Kontakter för kommunikation.
Meny (valfritt, men rekommenderas)
Fäst inlägg med användbar information
Produkter (inte för alla grupper)

Som du kan se kan vem som helst snabbt och vackert skapa en VKontakte-grupp. Om du har något att tillägga, skriv i kommentarerna.