Skapa miniatyrer för en grupp i VK. Hur man gör en grupp VKontakte - de viktigaste elementen och användbara chips

I den här artikeln vill jag systematisera all min kunskap om konstruktionen av Vkontakte-grupper på grundval av sin interaktionsupplevelse med kunder och deras preferenser. Dessutom gjorde VKontakte under de senaste sex månaderna mycket förändringar, som många inte ens misstänker. På vissa innovationer ville jag stoppa mer, för bland dem är det verkligen värda och användbara saker. Vi verkar alla redan ha flyttat bort från vissa chock efter en redesign VKONTAKTE, och för synliga förändringar hittades multivarrence av gruppens funktion och fyllning. Så nu innebär konstruktionen av grupper ett omfattande förfarande som inte är begränsat till en exklusiv grafisk komponent i form av vackra bilder. Nu måste ägarna ta hänsyn till uppsättningen nyanser att bygga koncernstrukturen beroende på föremål för affärs- och användarvänlighet.

Detta är huvudsakligen relaterat till valet av grafisk design av två ömsesidigt exklusiva alternativ, utvecklingen av den interna menyn, väljer inmatningspunkten till den interna menyn, förstår skillnaden mellan katalogen och showcase, framställningen av kampanjmaterial för att främja grupp, användning användbara applikationer. Men första saker först. För det första kommer vi att titta på huvudelementen i gruppens design, då vänder vi oss till deras interaktion i form av olika kombinationer och låt oss prata om några användbara chips och subtiliteter.

1. Horisontellt lock (lock)
Låt oss börja, kanske, från ett horisontellt lock eller hatt. Vkontakteutvecklare försäkrar oss om att omslaget på grund av dess storlek ger större manövrerbarhet att tillhandahålla och visualisera information. Vanligtvis, förutom vacker clip art I rubriken finns en logotyp, medföljande information, kontakter, som ringer till med gruppen, webbplatsadressen. Jag har misstankar om att omslaget blir det enda möjligt alternativ Gruppdekorationer, så jag rekommenderar omedelbart att byta till dem, för att undvika att Forcemarket redesignes därefter.

Så här laddar du ner omslaget
För att ladda ner locket måste du gå till gemenskapsförvaltning \u003e\u003e Blockera grundläggande information \u003e\u003e Gemenskapens omslag \u003e\u003e Hämta. Rekommenderad täckstorlek 1590 × 400 pixlar. I rubriken kan det inte finnas några arbetsknappar som du kan klicka - i huvudsak är det en bild och det är det. Hittills är locket synligt på mobil enheterÅh, och det verkar vara synligt i applikationer och kunder.

Wiki-fliken fräscha nyheter
I det övre blocket under locket kan tre flikar nu vara: en fast inmatning, gemenskapsinformation och en Wiki-meny (endast i grupper, det finns inga sådana flikar på de offentliga sidorna). Tyngdpunkten görs fortfarande på en fast rekord, men även om den presenteras, kommer användaren alltid att ha tillgång till gemenskapsinformation genom att byta till flikar. För att visas med fliken Wiki-Meny (den är ursprungligen kallad fräsch nyheter), måste du gå till gemenskapsledningen »Sektioner» Material »Limited (eller Open)» Spara.

2. Vertikal avatar
Var uppmärksam på den gamla goda avataren för en grupp 200x500 pixlar. Även om det också är ett sätt att designa en grupp. Vanligtvis är avataren följande information: logotyp, medföljande text eller slogan, kontakter, ringer till att gå med i gruppen. I mobila enheter är hela avataren inte synlig, bara hans del är synlig - miniatyr. Du kan använda antingen en horisontell rubrik (lock) eller en vertikal banner. Om du har en hatt är den vertikala avataren inte synlig. På Avatar kan det inte finnas några arbetsknappar som du kan klicka - i huvudsak är det en bild och det är det.

3. Miniatyr
För närvarande används den vertikala avataren för att skapa miniatyrer, vars minsta storlek är 200x200 pixlar. Miniatyran används i stolpar och poster i form av en liten cirkel i titeln och i form av en större cirkel i vissa prover och samhällsgivande nämnder. I samband med övergången till den avrundade formen stramade kraven för miniatyr. Så att texten på miniatyren är helt läs, den ska vara visuellt inte gå utöver cirkelns gränser.

Hur man laddar upp miniatyr
Miniatyr har blivit ganska oberoende element och när du använder locket (kepsar) i koncernens utformning, måste du nu göra en separat miniatyrbild. Om det inte finns några kepsar i gruppen (omslag), sedan för att ladda ner miniatyren, måste du klicka på "Ladda upp ett foto" för att ladda ner (höger). Om locket är närvarande i designen (locket), då för att ladda miniatyrer måste du klicka på cirkeln samtidigt under locket och det väljer redan "Ladda upp foto".

4. Banner
Banner (Engelska banner - flagga, transparens) - grafisk bild Information, reklam eller individorisk natur. Bannern är ansluten som en bild till posten och kan bara ha en intern länk. Många är fortfarande övertygade om att på huvudsidan från bannern kan du göra flera länkar. Detta är inte fallet, bara en länk och allting. Jag skulle ha tilldelat följande typer av banners.

4.1 Informationsbanner
Vanlig typ av banner som innehåller allmän information Om företaget, gruppen, tjänsten eller händelsen med en detaljerad förteckning över fördelar och andra medföljande material. Används ofta som en fast post i gruppen. Storleken på en sådan banner är 510x307 pixel. Med denna storlek sammanfaller bannern i botten med avataren. Om det inte finns någon bunt med avatar, kan du använda några dimensioner. Till exempel använder jag storleken på 600x350 pixlar. Det är också bekvämt och rekryterat nu formatet på kvadraten 510x510 pixlar - med den här storleken tar bannern det stora området i nyhetsflödet.

4.2 Banner för att komma in i den interna menyn
Om du lägger till en "öppen meny" från föregående objekt till bannern från föregående artikel får vi en banner, vars huvudsakliga uppgift att tjäna i ingångspunkten. Ibland gör de en lurande i form av flera knappar på bannern, men det här är en illusion, när du trycker på användaren Falls fortfarande på innerfältet, och där har varje knapp en egen länk. Storleken på en sådan banner är 510x307 pixel. Med denna storlek sammanfaller bannern i botten med AVTAR. Om posten i menyn inte är bunden med en avatar kan du göra några banderollstorlekar, även en smal knapp med "Open Menu" inskription. Det viktigaste är att bannerbredden är minst 510 pixlar.

4.3 Reostkort, kampanjer
Nyligen har kort för reposts eller aktier varit särskilt relevanta. Hennes uppgift är ett samtal för konkreta åtgärder. För det mesta är det "gå med i gruppen, göra en repost eller lägga ut och vinna ett pris." Sådana banderoller används inom ramen för reklamföretag eller lager både i sina egna grupper och att främja andra grupper. Jag brukar använda storleken på 600x350 pixlar.

4.4 Banner med GIF-animering
Efter i början av året gjorde VK-utvecklarna en större storlek för GIF-bilder, GIF stod omedelbart i en rad med informationsbanners. Till exempel kan en bild av flera ersättning eller texter ges på en GIF-banner - rörelsen lockar omedelbart uppmärksamhet. Och när funktionen har lagts till i juni automotive GIF-animationer I nyhetsflöde blev GIFs föremål för en noggrann uppmärksamhet av annonsörer och marknadsförare.

5. Konstruktion avatar + fast banner
Fram till nyligen var denna modulära design bestående av avatar och en fast banner det mest populära sättet att designa grupper. Mer information om hur man gör en sådan design är målad i lektionen. Med utseendet på ett lock (omslag) är det möjligt att populariteten hos sådan design kommer att minska något.

Dessutom finns det en chans att Vkontakte kommer att ändra några parametrar av block igen och sedan alla dekoration, som det redan var två gånger under de senaste sex månaderna. Så, kära ägare av grupper, väljer utförande för sin grupp, överväger detta faktum. Ja, och ett annat ögonblick, i mobila enheter, är all skönhet av en enda bild inte synlig, eftersom avataren inte visas, men bara en miniatyr och den fasta posten ligger strax nedan.

6. Intern navigeringsmeny
Meny i formuläret aktiva länkar Beläget på den interna sidan av Vkontakte och skrivs med Wiki Markup-kommandon. Om hur man skapar den inre sidan själv är målade i lektionen. Med menyn navigerar användaren gruppen. Nedan kommer du att titta på typerna av den interna menyn, men för nu kommer vi att fokusera på flera viktiga saker.

Internt internt meny
Jag vill notera ett subtilt ögonblick, vilket ofta inte ger värden. Ibland beställer klienter intern meny från mig, men samtidigt representerar de absolut inte hur användaren faller i den här inre menyn. Och du kan komma in på det på två sätt: antingen genom en fast banner (se punkt 4.2), eller via en textlänk på toppfliken under statussträngen (se Figur nedan). Ibland placeras en textlänk i "länkar" -blocket i den högra kolumnen i gränssnittet.

Länkar intern meny
Vanligtvis, när du beställer, anger kunderna följande menyalternativ: Om oss, våra produkter (katalog), leveransmetoder, betalning, garanti, recensioner, kontakter, kampanjer, rabatt, schema, hur man beställer, portfölj, frågor och svar, info, beställa. Länkar från menyalternativ kan gå till relevanta sektioner av den externa webbplatsen. Då öppnas länken automatiskt i ett nytt fönster. De flesta föremål leder till VKontaktes interna sidor. Samtidigt öppnas sidan i samma fönster och du måste länka eller "Tillbaka till huvudmenyn" -knappen.

Länkar till album med foton och video öppen i ett nytt fönster. Länkar till ämnen med diskussioner (till exempel recensioner), i dialogrutan för skrivmeddelanden, på applikationer (se punkt 10), för att välja Housher (se punkt 12) öppen i samma fönster och i det här fallet kan du komma tillbaka till menyn bara genom huvudsida Webbplats, eller via knappen "Tillbaka" i webbläsaren. Detta är kanske det mest obekväma ögonblicket med sådana referenser.

Redigeringsmeny
Ofta frågar klienterna mig, och är det möjligt att redigera den inre menyn. Svar om du självsäker användare Och bekant med Wiki Markup och redigeringslägen, då kan du redigera. Men om du inte är bekant med allt detta är det kategoriskt inte. I det här fallet slår du helt enkelt alla inställningar.

Jag kommer att ge ord från utvecklare av Vkontakte. "Mycket styrka och nerver sparar ett enkelt tips: fungerar bara i ett läge. Antingen är detta en visuell regim, eller wiki-markup-läget. Det är omkopplaren mellan dessa två lägen i arbetsprocessen på markeringen medför de flesta problemen: bilderna kan minska, olika parametrar kan försvinna. Detta är en av de stunder som definitivt kommer att korrigeras i framtiden, men medan du måste behålla detta i mitt huvud. "

Anpassningsbarhet för mobila enheter
Och en sak om anpassningsförmåga. Så att den interna menyn ser ut på mobila enheter, måste du kända på borden. Då kommer bilden att vara fast fixerad. Annars, med en minskning av skärmens storlek, används bilderna för att flytta en under en annan, störa den ursprungligen tänkt ordning.

Här, igen, utvecklarens ord på bekostnad av anpassningsförmåga. "Wiki-menyn visas i mobila webbläsareMen anpassar sig inte till storleken på skärmen, på grund av den här bilden kanske inte ser ut på en dator. I nätverket kan du hitta guider för att anpassa Wiki-Markup för mobila enheter, men även de garanterar inte 100% prestanda på alla enheter. "

7. Typer av den interna navigeringsmenyn
Nedan är de vanligaste typerna av den interna menyn. Det finns enklare och budgetlösningar med hög grad av tillförlitlighet. Och det finns mer komplexa och tidskrävande mönster när det gäller grafik och layouter. Men de ser mer effektivt ut.

7.2 Stor grafisk meny
I det här fallet är det vertikala antalet länkar beläget på en stor bakgrundsbild och har en styvt fast struktur. Här är en lektion.

7.3 Meny i form av ikoner, kakel
Denna design antar flera rader och kolumner i form av grafiska ikoner och inskriptioner till dem, eller grafiska mångfärgade eller monokroma plattor.

7.4 Dynamisk meny med navigeringseffekt
En mycket imponerande design som simulerar navigering av webbplatsen med effekten av att trycka på knapparna eller annan markering av de besökta länkarna. En sådan meny är ganska svår i kontroll och kräver kompetens i kommunikation med Wiki-markeringen, eftersom redigering av information på sidorna också kommer att vara i Wiki-markeringen. Här är en lektion om detta ämne.

De flesta administratörer anser att genom att lyfta en grupp i första hand på en nyckelförfrågan till toppkontakten, kommer de att ta det mesta av söktrafiken och berörda kunder. Ibland är det sant så det visar sig, men i 90% av fallen glömmer ägarna av grupper av gruppens kvalitetsdesign och även när de heta kunderna kommer i första hand.

Varför händer det här?

Anledningen är mycket enkel - lågkvalitativ design av samhällsökningstursen. Enkelt uttryckt, bör din grupp i sökningen stå ut mot bakgrund av konkurrenter och maximera inmatningssökningsfrågan. Endast med ett kvalitativt genomförande av dessa villkor kan du få en hög CTR-gemenskap och en stor sannolikhet för efterföljande försäljning.

Hur påverkar man gemenskapens sökeffektivitet?

Den mest effektiva hävstången på koncernens glicabilitetsindikatorer är Avatar-miniatyrbilden.
Miniatyren spelar en mycket viktig roll i gruppen, eftersom den är belysad på alla ställen där gruppen nämns:

• i gruppens nyhetsflöde
• i en kontaktmotor
• söka efter Google och Yandex
• i länkarna i andra samhällen
• i nyhetsband av användare vk

Detaljer med en sådan bred täckning kan inte behandlas med bortse från. Och förgruppdekoration miniatyr behöver ägna särskild uppmärksamhet.

Principer för att skapa klicabla miniatyrer.

1) Associativ klientområde när du skriver din förfrågan.
Tänk på att det räknar med att se din potentiella klient när du skriver en fråga som du visas i sökningen. Till exempel, om en ung mamma väljer en barns jumpsuit, mest sannolikt förväntar hon sig att se på bilden en bild av en jumpsuit eller en nöjd baby i en vacker jumpsuit.

2) Färgspel och kontrast mot bakgrund av konkurrenter.
När du väljer en bild för miniatyrer i gruppen, bläddra i deras konkurrenters miniatyrer. Vad färgspelet används, tätheten av element i bilden, deras logotyper. Huvuduppgiften är att skapa en miniatyr som tilldelas på bakgrunden av andra. Till exempel, om huvuddelen av miniatyren är grön - gör din röda, om allt tråkigt - gör din ljusa, om allt motley - gör din enfoton. Observera, den viktigaste uppgiften är att sticka ut och spara relevansen !

3) Nyckelord på bilden.
Enligt vår erfarenhet har placeringen av nyckelfrasen i bilden också en positiv effekt på miniatismens klichelism, närvaro av samhället och den totala effektivitetengruppfrämjande.

4) Företagslogotyp.
Också på en miniatyr kan du placera din logotyp. Den ideala situationen kommer att vara korrespondensen av logotypen för ovanstående principer.

När vi arbetar med våra kunder tar vi alltid hänsyn till alla nyanser, inklusive fall av högkvalitativa och klickbar miniatyr i gruppen, liksom andra stunder, nyckel som påverkar försäljningen av varor via VC-grupperna.

Den framgångsrika designen av VKontakte-gruppen bör inte bara vara vacker, men också funktionell och bekväm. Skär designen för att lösa dina marknadsföringsuppgifter så att gruppen lockar ett lösningsmedel och köper en publik till varumärket och förblir med honom för alltid.

5 steg hur man utfärdar en grupp i kontakt

Omslag

Gemenskapens omslag idag är ett viktigt verktyg för att utforma en grupp i varumärkets kontakt och dess främjande. Du kan ladda upp den i avsnittet "Community Management" genom att klicka på fliken Inställningar. En högklassig horisontell bild i själva gemenskapskatten spelar rollen som bolagets främsta kampanjbanner i det sociala nätverket. Hon sätter stämningen, informerar, ökar bilden, kräver att målåtgärder, säljs samtidigt.

1. Använd högkvalitativa illustrationer

Omslaget på VKontakte-communityen ska vara en storlek på 1590x400 pixlar, men det är bättre att ladda upp ett foto 2-3 gånger mer i format.png. Så det kommer att vara möjligt att undvika dålig kvalitetsdisplay.

2. Anpassa bilden för olika enheter

Kom ihåg att den här bilden kan visas annorlunda med olika enheter - På mobila kanter kommer att skäras, så det är bättre att hela viktig information Placera närmare mitten.

3. Placera sloganet och ITP

Låt din filosofi och fördelarna med kunden ser från den första skärmen.

4. Visa varor / Service, Process eller Resultat av användningen

Så den potentiella kunden känner omedelbart vad du specialiserar och kommer att vara inblandad i produkten.

5. Hjälp kunder omedelbart kontakta dig

Skriv en telefon, e-post på bannern, liksom andra företagskontakter. Om den territoriella platsen är viktig för ditt företag, se till exempel området för catering eller Horeca, kommer adressen inte att vara överflödig.

6. Meddela händelser

Främja konserter, förväntas anlända en ny samling eller produktutgång, spendera festival / konferens / kunddag? Berätta om det för alla som går in i samhället.

7. Nuvarande kampanjer och rabatter.

Var annars för att berätta för publiken att berätta för publiken, vad exakt kan hon göra din beställning 2 gånger billigare? Det viktigaste, glöm inte att ändra illustrationen efter att meningen är klar.

8. Erbjuda att göra en målåtgärd.

Vid laddning av gemenskapslocket i nedre högra hörnet finns det horisontellt två knappar - skicka ett meddelande och gå med i gruppen. Ange pilen på dem för att dessutom locka upp publikens uppmärksamhet. Så om bannern visar produkten - kan du omedelbart beställa det i meddelanden. Och om det är smälta senaste nytt - Prenumerera på att alltid få ny information.

Ladda ner Avatar och välj Miniatyrbild

Separata varumärken använder fortfarande inte locket, föredrar den gamla vyn på gruppens första skärm, med hjälp av kombinationen av avatar med en fast ingång som de så kallade "kepsarna". I det här fallet är en bild en fortsättning på en annan. Det verkar mest effektivt när fotoet slutar på samma nivå med avataren.

När du använder den maximala storleken på avatar 200х500 pixlar är storleken på bilden i den fasta posten nödvändig för att göra storleken på 510x308 pixlar. Utmärkt involverande mottagning - fixar videon som laddas genom spelaren, som stylistiskt fortsätter avataren.

Om du ansöker som lock - locket, kommer Avataren alltid att visas som miniatyrer.

Regler för MC Miniatures Avatar Community

Miniatyrer är en liten rund bild som krympas med en stor avatar, och visas på sök av grupper, i listan över samhällen hos varje användare och till vänster under omslaget, om någon. Här är några tips för sin design.

1. Miniatyrbild måste vara tydlig för publiken.

Placera inte en bit konstig illustration. Visualisera det därefter kommer att vara associerat med ett varumärke, till exempel en logotyp, en produkt / serviceikon, och kanske varumärkets huvudsakliga marknadsföringskaraktär.

2. Lyssna på endast högkvalitativa bilder.

Det är bättre att ladda ner källkoden 2-3 gånger mer obligatoriskt, så på de hemska pixeln "rutor" som du inte är i det bästa ljuset kan glömmas bort.

3. Utveckla dina egna illustrationer.

Standard Stock Bilder kommer att se billigt och oprofessionellt, och användarna kommer att vara synonymt med varumärkets försumlighet. Gör unika ritningar i ett enda koncept och färger som vila design.

4. Kontrast Bakgrundssida Bilder - Vad du behöver

När du gör VK-miniatyr, så catchy, "avrundning" sticker ut i bandet bland andra grupper och sammanfogar inte med sidorna bakgrunden.

5. Placera kontakter eller ITP-företag

Beroende på syftet med miniatyrer, placera den kontaktnummer eller webbplatsadressen, information om fri frakt, vilket indikerar det lägsta priset i segmentet eller dela.

6. Gör text stor och läsbar

Det är bättre att inte använda teckensnitt med serifs eller kursiv - de är för "bullriga" när de ses från skärmarna av datorer, mobila enheter och smartphones, ett dumt utseende. Se till att texten inte går utöver gränserna för den crocated miniatyren. Detta gör det möjligt för oss att korrekt och effektivt till användarmeddelandet.

7. Använd icke-standardformulär

Till exempel, i det önskade runda mönstret. Ange en polygon eller en annan geometrisk form på en vit bakgrund. Skapa en oläst anmälan eller grafisk ikon "online".

Utveckla menyer

Menyn är ett viktigt inslag i konstruktionen av gruppen i kontakt, vilket gör det lättare att navigera av användare av gruppen - människor kommer att vara bekvämare för att hitta den information du behöver. Varje element och sida skapas i ett speciellt programmeringsspråk - Wiki Markup. Med det är det möjligt att göra bilder med klickbara och lätt bekväma sidor i det sociala nätverket som om det var webbplatssidan.

Du kan använda både öppen meny och stängs. I det första fallet ser användaren omedelbart de sektioner som ingår i den, i den andra - de föregås av en bild av förhandsgranskningen med inskriptionsmenyn ". Menyn kan också visuellt bli en fortsättning av avataren, om du använder den gamla versionen av samhället.

Utveckla en utställning av varor

Lokalisering i samhällsfönstret i samhället, kom ihåg att användarna alltid är synliga de första 3 objekten. Placera i dem de mest populära och mest beställda genom att ladda ner presentationsbilden i en enda stil. Publicera här enhetliga ikoner eller bilder av produkterna själva. Du kan placera varorna. I design, visa processen att tillhandahålla en tjänst eller dess resultat. Storleken på en sådan bild kommer att vara fyrkantig - 400x400 pixlar.

Registrering av inlägg

1. Använd de tillgängliga bildstorlekarna i full kraft

Maximal bredd på bilden i tejpen - 510 pixlar. Kvadrera bilder av 510x510 pixlar och rektangulära - 510x300 pixlar tittar mest effektivt.

2. Utveckla en individuell stil av inlägg.

Så att inläggen ser individuellt, kom med en enda stil, teckensnitt och färgspel.

3. Placera kort text på bilden.

Till exempel kan du dela bilden i 2 delar - text- och grafisk eller skriva text, dämpa bakgrunden. Så att texten kan ses utan en mörk bakgrund, skriv den på substratet (kontrastgrafiskt block av homogen färg) eller lägg till en skugga till inskriptionen. Bilder ser bra ut med ram.

4. Gör flera mallar för olika ändamål.

Till exempel, för citat, använd en visuell informationspresentationsmall, för meddelandet av materialet från webbplatsen - den andra, och för de tredje tävlingarna.

Använd dessa 100% tekniker, och ditt företag kommer att representeras av VKontakte det bästa sättetOch kunderna kommer bekvämt att interagera med det. Men glöm inte det i allt du behöver en åtgärd! Titta ännu mer än färska idéer för designen av VC-samhället på Triven Target Agency's Service Page.

Evgenia Kryukov

* Uppdatera artikeln.

Den vackra designen av Vkontakte-samhället är inte ett infall och ett viktigt element som gör användarens förtroende för dig och ditt företag. Om en offentlig sida Eller gruppen är inramad oprofessionellt, dina potentiella kunder kan ganska logiskt dra slutsatsen att du också förhandlas fram till ditt arbete. Så att det inte händer, var försiktig med att din "Vkontakte" -sida har varit vacker, snygg och bekväm att använda. Hur man gör det? Läs nedan.

Verkliga storlekar av vkontakte bilder

För en tid sedan utvecklare socialt nätverk "Vkontakte" lanserades ny design. Detta ledde till att storleken och principerna för att visa bilder har ändrats. Ett memo som kommer att ges nedan motsvarar alla innovationer och innehåller i sig följande det här ögonblicket tid.

Och nu får vi mer detaljera för varje objekt.

Storleken på avatar vk

Minsta avatarstorlek är 200 per 200 pixlar. Om du försöker ladda upp en bild på mindre än 200 pixlar i bredd eller lång, kommer du att se detta fel:

Den maximala avatarstorleken är 200 per 500 pixlar. Men i princip kan du ladda upp bilder och större storlek - upp till 7000 pixlar på varje sida. Det viktigaste är att förhållandet mellan sina parter inte överstiger 2 till 5.

Visa på exemplet.

Jag har en bild. Dess storlek: 200 per 800 pixlar (2 till 8 förhållande). När laddningen inte uppstår. Men jag kan fortfarande inte använda den här bilden, eftersom "kontakt" inte tillåter mig att fördela det helt.

Omslag

Omslagstorlek för den fullständiga versionen av webbplatsen - 1590 per 400 pixlar.

Obs! I mobilversion Och applikationerna visas inte den fullständiga versionen av locket, men endast dess del av 1196 i storlek är 400 pixlar. Se hur det skärs i programmet Mobile:

För det här händer inte, placera de grundläggande elementen i ditt lock inom 1196 per 400 pixlar.

Bifogade bilder

I den uppdaterade utformningen av "kontakt" har bredden på nyhetsflödet blivit fast. Det betyder att bilder som är anslutna till posten är inte längre sträckta, men förbli som de är. Därför, om du vill att din bild är fullt upptagen den plats som tilldelas i nyhetsflöde, bör dess bredd vara minst 510 pixlar. Bäst så att det var en torg eller rektangel i landskapsorientering.

Låter lite förvirrad :) Därför visar jag dig på exemplet.

Antag att vi har en bild av en fyrkantig form med parterna på 510 pixlar. Om vi \u200b\u200bbifogar det till vår rekord blir det väldigt bra att titta på nyhetsflödet på alla enheter:

Men det ser ut som en horisontell bild i landskapsorienteringen (Bredd 510 pixlar):

Som du kan se, är bilden (i höjd), desto mindre ser den i smartphones tejp. För att se till, titta på bilden nedan:

Det är uppenbart att skillnaden här inte är mycket kritisk, och användarna av smartphones kommer fortfarande att överväga din bild, bara i det andra fallet blir det lite bekvämt.

Bilder till inlägg med referens

Alla dessa data tas från den öppna grafmarkeringskoden:

Om det är öppet graf är inte registrerat, tas titeln från titeln Metagega, och bilden är från artikeln. Samtidigt kan det enkelt ändras - antingen välja en annan bild från artikeln med speciella skyttar:

Eller ladda ner din egen:

Den minsta bildstorleken som du kan använda som ett meddelande till din artikel - 537 per 240 pixlar. Du kan dock ladda upp och större bilder om andelen observeras.

Bild för en artikel som skapats i redaktören

Bildstorlek för omslaget till den artikel som skapades i redigeraren - 510 med 286 pixlar. Det är bättre om det är mörk färg och mer eller mindre monofonisk, eftersom titeln på artikeln och samhället förloras på en ljus bakgrund.

Bra exempel:

Inte ett mycket bra exempel:

Fotostorlek och video för historier

Storlek för bilder - 1080 vid 1920 pixlar. Storlek för video - 720 per 1280 pixlar.

Specifikationer för video:

• upp till 15 sekunder;
• inte mer än 5 MB;
• h.264 codec;
• aAC ljud.

I berättelser behöver du använda foton och videor av vertikalt format.

Observera: Berättelser på gemenskapens vägnar För närvarande kan endast stora samhällen läggas till, för vilka utvecklarna "VKontakte" har öppnat den här funktionen. Och det här är gjort med officiell app. Från datorn är det omöjligt att göra det.

Exempel på dynamiska lock:

Omslag + Community Beskrivning + Länk till webbplatsen

Vissa företag är inte specifikt fasta i rubriken några inlägg så att användarna har möjlighet att läsa den grundläggande informationen om sidan och omedelbart gå till webbplatsen.

Beskrivning med Hashthegami

Vissa företag lägger till den vanliga beskrivningen av Hashtegi-sidorna som kännetecknas av det. Detta görs så att sidan har en tydligare relevans, och så att den är över det i sökandet efter lämpliga förfrågningar. Ärligt talat, jag vet inte om den här metoden fungerar eller inte. Jag träffade inte fallet om detta ämne, så om någon vet, kommer jag att vara tacksam om du delar en referens.

Fast inlägg som berättar om vilken sida

Om du vill berätta om din sida mer detaljerat (med bilder, länkar och vacker layout), kan du fästa på rubriken i Wiki-posten eller artikeln, en brännare i redigeraren, med en ljus bild på meddelandet som kommer att ringa användare att klicka på den. Ett exempel på ett sådant inlägg:

Men vad ser användaren efter att han klickar på länken:

Ny länkmeny

Inte så länge sedan, Vkontakte-utvecklare äntligen nöjda med gemenskapsägarna med ett nytt verktyg, som du kan skapa en meny - snabbt och utan plåga med Wiki-sidor. Det ser lite primitivt, så vidare hur man skapar vacker menyJag ska berätta för dig också.

Menyn visas automatiskt om du använder community-applikationer eller har en ansluten butik. Till exempel, på föregående bild, är alla tre menyalternativen länkar till applikationer. Du kan lägga till din egen här - på viktiga poster, Album, diskussioner, etc., upp till 7 stycken (inte räknar ansökan). Men du kan bara referera till resurser inom det sociala nätverket, förutom wiki-sidorna.

För att redigera menyn, klicka på "SET UP" i det övre högra hörnet av widgeten:

Om du vill lägga till ett menyalternativ klickar du på Ny länk.

I öppningsfönstret väljer du locket (Minsta storlek - 376x256 px), ange namnet på menyalternativet (det är viktigt att lägga in 20 tecken med mellanslag), lägga till en länk och klicka på "Spara".

Om du vill dölja programmet från menyn, ändra titeln eller omslaget, klicka på "Ändra" mittemot motsvarande objekt. Detsamma kan göras med andra referenser som tillsattes manuellt och kräva justeringar.

Vid utgången ska något sådant vara:

Gruppmenyn är öppen

En öppen meny Jag ringer en sådan meny, som omedelbart är synlig från vilken artiklar den består. Det vill säga, bildmeddelandet av Wiki-posten duplikerar helt dess innehåll. Således ser användarna omedelbart vad de förväntar dem inuti. Visa på exemplet.

Här är vad den fasta posten i Flatro Page Cap:

Gruppmeny stängd

Den slutna menyn är samma Wiki-post, som i föregående stycke, bara meddelandet är den bild där det inte finns några menyalternativ. Vanligtvis skriver de på den: "Meny", "Navigationsmeny" eller "navigering för publicering av material".

Men vad vi ser när jag klickar på det:

Förresten är det värt att notera att detta inte är de enda alternativen. Faktum är att du kan skriva någonting på den här bilden. Det viktigaste är att användaren ville klicka på den, och han förstod att han väntade efter det. Exempel:

Hoppa meny för grupp

Menmenyn är när bilden på meddelandet av din meny är en bild med avatar. Strax nedanför kommer jag att berätta för dig hur man gör en sådan meny, men det ser bara ut som det ser vackert ut.

Vill du vackert ordna ditt samhälle "vkontakte", men inga nödvändiga färdigheter? Beställningsregistrering i vårt företag. Förbered dig för dig en avatar, omslag, mallar för rubriker, menyer och förhandsgranskning av varor.

Gifka och avatar i en bild

Men den här versionen av huvudet av rubriken beundrade mig verkligen. Spelade automatiskt GIFS sammanfogar med avatar i en enda komposition och lockar användarens uppmärksamhet, även om det inte finns någon information om det alls.

Förresten spionerade jag det här exemplet på SMM-marknadsföraren av Sergei Shmakov. Så, för att hitta jag uttrycka min tacksamhet :)

Dold meny

Den dolda menyn är endast tillgänglig för grupper (det finns inga sidor av en sådan funktionell). För att se det måste du klicka på den relevanta länken. Plus denna metod för design är att användarna är synliga för samhällets huvudinformation, och om de vill använda menyn, har de bara bara ett klick. Det finns dock en liten minus här - inte alla användare vet om förekomsten av den här funktionen, så din meny kan bli mindre uppmärksamhet än om den fixades i början av sidan.

Automatiskt spelbar video

I slutet av november 2015 uppträdde en intressant innovation på det sociala nätverket "VKontakte" - så snart användaren kommer till din sida börjar den video som är ansluten till rubriken att spela automatiskt. Med denna mottagning kan du locka ännu mer uppmärksamhet hos användarna (speciellt de som först gick till din sida), och samtidigt, för att inte irritera de som inte gillar när han ställer sitt innehåll, eftersom videon återges utan ljud och påverkar nästan inte.

Hur lägger du till en sådan video i rubriken på din sida?

För detta måste du utföra tre villkor:

• Fäst rullen till posten och konsolidera denna post längst upp i samhället.
• Förutom rullen ska ingenting fästas på posten. Endast video och text på Will.
• Videon ska hämtas "Vkontakte" - tredje parts spelare stöds inte.

Inträde som får många repost

Ett annat sätt att produktivt använda platsen i rubriken på din sida är att fixa en av dina mest framgångsrika inlägg till den - den som redan har fått och fortsätter att få en stor mängd som beslut och beslut. Varför tror jag att alla är förståeliga - ju mer reposts, desto mer täckning, desto mer prenumerationer mottar sidan.

Meddelanden om nya clips, album, evenemang

Presentation av nya produkter / tjänster

Rabatter och kampanjer

Fodral, kundrecensioner

Reklamansökningar

Praktiska skämt

Gemenskapsregler

Länkar till andra sociala nätverk

Jag listade långt från alla alternativ för rubriken. Faktum är att på omslaget och i det fasta posten kan du skicka någon information: jobb, annonser, länkar till de bästa varorna, etc., så begränsa inte exemplen ovan. Slå på fantasin och använd designen av ditt samhälle för att uppnå dina mål.

Vad ska avatar

Avatar är inte bara en vacker bild med din företagslogotyp, och marknadsförarens arbetsinstrument, med den hjälp som han uppnår målen. Låt oss analysera i alla detaljer hur det borde vara att locka uppmärksamheten hos användarna och uppmuntra dem att utföra målåtgärden. Låt oss börja med miniatyrer.

Miniatyr avatar

1. Texten på miniatyr avatar måste vara tillräckligt stor så att den kan läsas.







2. Texten ska inte gå utöver miniatyrerna.







3. Användare ska vara tydliga vad som är avbildat på avataren.







4. Om möjligt är det bättre att inte använda lager Stock Illustration, eftersom de ofta minskar förtroendet för företaget.




5. Det är oönskat att avatarminiatyren är för flexibel och tråkig, annars kommer det att gå vilse mot bakgrund av mer levande avatarer av konkurrenter.



6. Om du vill att din avatar ska se modern, gör den i stil med minimalism: mindre text, skuggor, gradienter och inte bär någon semantisk belastning av element. Din avatar ska vara så enkelt som möjligt och snyggt. Denna stil är nu i trend.







7. Om du har mål att dra användarens uppmärksamhet och stå ut mot bakgrunden av andra avatarer i bandet, måste du inkludera fantasi. Tänk på vad du själv är uppmärksam när du letar efter intressanta samhällen? Här lockade jag till exempel en gång avatarer med ett brinnande ljus, vilket vanligtvis indikerar att ett nytt meddelande har kommit. Detta är en mycket gammal mottagning, men av någon anledning påverkar han mig fortfarande - när jag ser ett liknande ljus, kommer jag definitivt att ta bort ögonen.

Jag hävdar inte att denna teknik kommer att fungera med din sida. Tanken jag vill förmedla är att sätten att sticka ut mycket och väldigt mycket, behöver bara ställa denna fråga och visa lite kreativitet. Till exempel, en annan intressant idé, som jag själv kunde ha tänkt:

Avatar är en svart cirkel: stor och liten. Det verkar vara varför att göra det alls? Men när du lämnar listan över samhällen, lockas sådana avatarer till sig själva, för att de är väldigt olika från alla andra.

Vilken information kan placeras på en miniatyr avatar

Trots det faktum att avatar miniatyr har en mycket liten storlek, kan den användas för att använda den för att locka till sig abonnenter till ditt samhälle. Hur man gör det? Låt oss överväga flera alternativ:

Nytt produktmeddelande / tjänster / evenemang

Fördelar med företaget / Service / sidor

Telefonnummer för företaget

Gynnsamma priser

Gratis frakt

Förresten, mycket ofta information som företaget erbjuder gratis frakt läggs till koncernens namn så att användarna definitivt kommer att uppmärksamma det.

Aktier

Tävlingar

Jobb

Vad ska Avatar vara?

Jag tittade på vad som skulle vara miniatyren av avatar och vilken text på den kan placeras. Och nu låt oss gå till avataren själv. Full version Avatar kommer endast att visas i det samhälle där locket inte är installerat. Det är för sådana fall att jag skrev det här avsnittet. Så, vad ska vara avatar i ditt samhälle så att användarna omedelbart inser att ditt företag närmade sig skapandet av sidan på ett ansvarsfullt och professionellt.

1. Avatar måste vara kvalitativ. Om hur man uppnår detta skrev jag lite högre. För dem som saknade den här delen, kommer jag att säga i korthet - storleken på avataren måste vara 2-3 gånger ju mer du planerat.
2. Det är önskvärt att avataren kombineras från menyn: det fanns samma färgschema, hade samma teckensnitt, element, etc. Tack vare detta kommer dina sidor hatt att se mer exakt och professionellt. Exempel:




3. Avatar och miniatyr avatar själv kan vara annorlunda. Till exempel kan du rita en cirkel på avataren, ordna den som du vill, välj det här området som en miniatyr, och resten av avataren utförs i en annan stil.




Ett annat alternativ är att dela avataren i två delar. En - för miniatyrer, och den andra - för resten av avataren.




4. För att uppmuntra användarna att prenumerera på din sida eller skicka ett meddelande till företaget till representanten, kan du ta emot längst av den avatar som motsvarar åtgärden och underhålla den som pekar på knappen med pilen.




5. Försök att inte skicka för mycket information om avataren, annars kommer det att se överbelastat och orubbligt. Lägg till endast de viktigaste objekten och var noga med att se till att det finns flyger mellan dem.

Vilken information kan placeras på avatar?

Faktum är att på avataren kan du placera någonting. Till skillnad från miniatyrer är det verkligen vart att steka. Det viktigaste är att inte missbruka det :)

Platsdomän

Telefon / Adress / Arbetstid

Tävlingar / aktier

De mest inköpta produkterna / nya

Information om leverans

Reklam mobil app

De främsta fördelarna med företaget / sidorna / varor etc.

Uppdatera sortiment / ny kreativitet, etc.

Information som din gemenskap är officiell

Information om kommande händelser

Kontoadresser i andra sociala nätverk

Utökad sidbeskrivning

Påse

I allmänhet, på Avatar kan du lägga upp all information. Jag tog bara några idéer så att du kunde se vad andra gör, och inspirera sina exempel. Tja, håll de viktigaste rekommendationerna i mitt huvud: Avataren ska vara högkvalitativ, teckensnittet är stort och mellan elementen i mer luft.

Hur man skapar en jigging avatar och meny

För att göra merchandising avatar och menyn behöver du ett program. Adobe Photoshop. eller dess analoga. Jag kommer att förklara hela processen på exemplet "Photoshop". Låt oss gå.

1. Ladda ner en mall för "Photoshop", som jag specifikt förberedde för den här artikeln. I den vanliga storleken (meny - 510 pixlar i Bredd, Avatar - 200) eller i en förstorad (meny - 1020 pixlar i Bredd, Avatar - 400).
2. Öppna bilden du vill ta som grund.
3. Kopiera det, sätt in den i mallen och placera det som du vill klippa den.

1. Lägg till effekter, text, grafik, etc.

1. Om du inte vill förlora en del av bilden (i det här utrymmet som är 50 pixlar), skjut den till höger som visas i följande GIF:

1. Välj verktyget "Skärning" och klicka på "Fragments On Guide" -knappen.

1. Ta bort de extra fragmenten (högerklicka på musen - "Ta bort ett fragment") och justera det redan tillgängliga (högerklicka på musen - klicka på en tom plats - vi tar det önskade området Och sträck den till önskad storlek).

1. Gå till fildelen och välj kommandot Spara för webben.

1. Gå till den plats där du sparade bilder (skrivbord eller någon specifik katalog) och hitta en mapp som heter "bilder" där. Det är där som är dina bilder. Nu är det bara att hälla dem på sidan.

P.S. Avatarens höjd kan ändras efter eget gottfinnande. jag tog maximal storlek - 500 pixlar, men detta värde kan vara mindre. Till exempel, som på sidan "Wiki-Markup":

Hur man använder widgets

Widgets är också en del av VK Community Design. Med hjälp av dem kan användaren: Placera en beställning, prenumerera på ditt nyhetsbrev, ta del i tävlingen, läsa och lämna feedback, öppna en sökning efter community, få en present, rabattkupong, etc.

Här är några exempel på vad widgetsna ser på VContakte-sidan:

klass \u003d "inknapp"\u003e

Hur man utfärdar bilder till inlägg

Om du är engagerad i webbdesign eller har en konstnärlig smak och en känsla av utmärkt, så är det inte svårt att komma med en företagsidentitet för dina bilder. Det verkar dock som om det kommer att finnas en minoritet som sådana människor i den här artikeln (jag, förresten, bryr mig inte om dem). Låt oss därför titta i detalj hur detta är gjort, baserat på exemplen på framgångsrika företag.

Förresten, var uppmärksam på nästan alla kända Vkontakte-företag som varnar sina bilder, d.v.s. Lägg till en liten logotyp, adress på din sida eller vattenstämpel. Det ökar varumärkesmedvetenheten och skyddar dina kopieringsbilder. Är det värt att göra detta, alla bestämmer sig själv. Det enda som skulle rekommenderas att rekommenderas: Om du fortfarande bestämmer dig för att göra det, försök att göra din logotyp inte för ljus och tog inte för mycket utrymme, annars kommer hela betoningen att gå till det, och bilden kommer att förlora din attraktivitet.

Var kan du få bra bilder?

Vår blogg har en bra artikel om detta ämne - "". De är alla gratis, men någon form av registrering. Om du inte hämtar något som är lämpligt för dig själv, försök att söka efter nyckelord + Bakgrund (eller, om på engelska, tapeter). Vanligtvis är kvalitetsbilder i en sådan begäran. Men här måste du vara uppmärksam och kontrollera typen av licens, annars, om du har ett seriöst företag, kan du gå i trubbel.

Och vad ska man göra de som inte vet hur man ska arbeta i "Photoshop"?

Om du aldrig arbetat i "Photoshop" (eller någon annan grafiska redaktörer) Och ännu inte redo att tilldela tid för sin utveckling, kan du använda de tjänster där det redan finns färdiga mallar Bilder för olika sociala nätverk:

1. fotor.com.

Därefter väljer du den mall som intresserar oss i den vänstra sidan av skärmen. Observera att endast de mallar som det inte finns någon diamanska ikon ges gratis.

Vi sätter i det i mallen, välj den vänstra musknappen, välj skiktet (Sandworm-ikonen) och klicka på Flytta till botten. Således kommer vår bild att gå tillbaka bakgrunden, och alla inskriptioner sätter på det.

Efter det ändrar vi texten, teckensnittet, teckensnittstorleken, inskriptionens layout etc.

Klicka sedan på ikonen i form av en diskett, välj namn, bildformat, kvalitet och klicka på skyltknappen för att ladda ner.

Hur man använder Wikie Markup

Tja, vi närmade oss den mest intressanta och samtidigt komplexa sektionen. Kanske bland läsare finns det människor som inte vet vad Wiki-markeringen är, och i allmänhet hörs denna term. Därför kommer jag att ge en definition speciellt för dig, vilket ger "kontakten".

WIKA Markup är ett markup språk som används för att designa text på webbplatser (vanligtvis relaterade till Wiki-Project-klassen) och låter dig förenkla tillgången till HTML-språkets kapacitet. På vår hemsida Wiki-sidor - bra alternativ vanliga poster och textnavigering. Om du behöver skapa en stor artikel med olika textformatering (djärv, betoning, rubriker, etc.) eller lägga till grafik på det, eller bara skapa en färgstark navigeringsmeny enligt ditt samhälle - är Wiki oumbärlig.

På samma sätt har både WordPress (eller någon annan CMS) en HTML-editor, med vilken du skapar artiklar och "kontakten" har sin egen redaktör för att skapa och redigera Wiki-sidorna. Han ser ut så här:

Med den här redaktören skapas navigeringsmenyer, liksom artiklar med bilder, video- och ljudinspelningar. Just nedan kommer jag att skanna i detalj hur man arbetar i den här redigeraren, men först ber jag dig att lägga till två länkar till bokmärken. De hjälper dig i studien av Wiki Markup.