De VKontakte-avatar is een zeer belangrijk element, niet alleen van een persoonlijke pagina, maar ook van een groep. Zelf maken voor een groep is niet moeilijk. Laten we eens kijken hoe we dit idee precies tot leven kunnen brengen.

Wat moet een avatar bevatten?

Voordat u begint met het maken van een groepsavatar, moet u rekening houden met verschillende factoren die de eerste indruk van de groep moeten beïnvloeden.

• Achtergrond - het zou niet overbodig zijn om het aan te passen aan het thema van de groep;
• Logo;
• Motto - als die er is;
• Informatie - bijvoorbeeld een korte beschrijving van de activiteit, indien nodig. Het is ook noodzakelijk om een ​​website/Skype/telefoonnummer op te geven voor contact of het verkrijgen van aanvullende informatie.

Al deze componenten moeten harmonieus op de avatar van de groep worden geplaatst, zodat bezoekers deze gemakkelijk kunnen lezen en als er iets gebeurt, ze snel contact met u kunnen opnemen.

Avatar-maakproces

Procedure:

1. Open de door u gekozen afbeelding in Photoshop.
2. Je zet er een logo op. In het artikel kunt u leren hoe u een logo kunt maken.
3. Overige informatie verspreiden website/telefoon/Skype, korte beschrijving;
4. Redden. Vergeet niet in de gaten te houden hoe de avatar voor de VKontakte-groep er op ware grootte uitziet - dit zal je helpen veel fouten te voorkomen.
5. Nu de avatar klaar is, open je onze groep en klik je op de afbeelding (op een kant-en-klare of op een lege foto) en selecteer je ‘Afbeelding uploaden’. Klaar!

Als je een avatar nodig hebt, maar deze niet zelf wilt maken, kun je contact opnemen met een freelancer. Zoek gewoon iemand die het snel, efficiënt en zonder problemen voor u doet.

Instructies

Zet een foto op de webpagina die bij jouw essentie past. En je hoeft geen tekst te gebruiken. Je beeld moet duidelijk zijn zonder woorden. Je kunt je eigen foto op je avatar plaatsen. Kies een filmlocatie met een prachtig landschap en maak foto's met een professionele camera. Het is raadzaam om u door iemand anders te laten fotograferen in plaats van uzelf.

Bronnen:

• hoe je een mooie foto maakt op ava

Volg gerust de professionals en leer vaardigheden. De tijd zal komen - je zult "groeien" met nuttige vaardigheden en je eigen trucs. En als je de foto van iemand anders leuk vond, aarzel dan niet om deze te herhalen. Misschien kun jij het beter doen. En als de foto niet lukt, kun je altijd analyseren wat je verkeerd hebt gedaan.

Materialiseer uw foto's. Dat betekent dat je ze ook op grotere formaten moet afdrukken. Je kunt kleine gebreken in een grote foto meteen zien en aan de fouten werken. En je vrienden, die met frisse ogen naar de livefoto kijken, kunnen ook fouten aanwijzen en de foto beoordelen.

Neem vaker deel aan tentoonstellingen en wedstrijden. Het heeft geen zin om je talent te begraven. En daarnaast is het handig om andere fotografen te zien. Streef ernaar om foto's te maken, omdat concurrentie het verlangen naar uitmuntendheid vergroot. En wees niet bang voor kritiek. Maar zoek het verstandig. Toon je nog steeds onprofessionele foto's rond jouw niveau of iets hoger. Ze helpen je echt met advies, terwijl een professionele fotograaf zich zou beperken tot een paar uitspraken als ‘niet slecht’ of ‘om te beginnen prima’.

En het laatste advies: laat je niet meeslepen door iets dat nog te vroeg is om je mee te laten meeslepen. Veel capabele mensen proberen onmiddellijk camera's, modieuze en andere gadgets te kopen, maar raken uiteindelijk teleurgesteld omdat ze veel geld hebben uitgegeven en niet het gewenste resultaat hebben behaald. Je moet met professionele apparatuur kunnen omgaan. Neem er dus de tijd voor, verbeter jezelf.

Video over het onderwerp

Gerelateerd artikel

Bronnen:

• Hoe je mooie foto's leert maken en goede foto's kunt maken

Vaak willen we bepaalde momenten op video vastleggen, zodat de beste of belangrijkste momenten uit ons leven in onze herinnering blijven. En we willen dat ze zo lang mogelijk meegaan, zodat we ze in de toekomst opnieuw kunnen bekijken en ons volledig in de sfeer kunnen onderdompelen. De kwaliteit van video wordt door veel factoren beïnvloed: van de camerakeuze tot de uiteindelijke montage van de film die we in ons thuisarchief willen bewaren.

Je zult nodig hebben

• - videocamera
• -computer
• - video-editor

Instructies

Kies de camera die jouw budget op dit moment toelaat. Natuurlijk kunt u digitaal opnemen, maar de kwaliteit van video-opnamen is veel hoger. Besteed aandacht aan drie hoofdparameters: de korrel van de afbeelding, de lichtheid en kleur, vooral kleur. Hoe helderder de kleuren, hoe beter.

Probeer tijdens het opnemen van video de camera met beide handen vast te houden om trillende video te voorkomen. Houd uw armen dicht bij uw lichaam met uw ellebogen om de instabiliteit van de camera te minimaliseren.

Video over het onderwerp

Bronnen:

• Les over hoe je een gezicht kunt maken zoals in de film "Avatar", goede video

Avatar is een kleine afbeelding die wordt gebruikt als grafisch onderdeel van een profiel op een thematisch forum, sociale netwerksite, enz. Je kunt een avatar van een speciale website kopiëren of deze zelf maken met een grafische editor.

Je zult nodig hebben

• - Adobe Photoshop-software;
• - afbeelding voor de avatar.

Instructies

U kunt elke afbeelding, foto, enz. als afbeelding gebruiken. In eerste instantie kunt u elk grafisch bestand gebruiken dat u van internet hebt gekopieerd, en vervolgens kunt u proberen het op uw portret te herhalen. Voordat u aan de knipperende avatar gaat werken, moet u Adobe Photoshop op uw computer installeren.

Open het programma en dubbelklik op een leeg programmaveld of druk op Ctrl + O om de afbeelding te openen.

Maak een duplicaat van de hoofdlaag die is gemaakt bij het laden van de afbeelding in het programma. Klik met de rechtermuisknop op de laag in het deelvenster Lagen en selecteer Laag dupliceren of druk op Ctrl + J.

De kleurniveauverandering moet op de onderste laag worden toegepast. Klik op het bovenste menu "Afbeelding" en selecteer "Niveaus" (sneltoets Ctrl + L). In het geopende venster verplaatst u de middelste schuifregelaar naar 2,35.

De bovenste laag (nieuw gemaakt) moet ook de niveaus wijzigen. Druk op de sneltoets Ctrl + L. Verplaats de schuifregelaar in het geopende venster naar een waarde van 0,40.

Klik nu op het bovenste venstermenu en open vervolgens het animatiepalet. Laat in het lagenpaneel alleen de onderste laag zichtbaar. Klik hiervoor op het oogbeeld tegenover de bovenste laag - deze wordt onzichtbaar.

Dupliceer de afbeelding in het animatievenster door op de knop Dupliceren te klikken. Schakel de zichtbaarheid van de bovenste laag in en maak de onderste laag onzichtbaar door op het oogbeeld naast de overeenkomstige lagen te klikken.

Activeer in het animatievenster de optie Altijd herhalen en klik op de knop Afspelen. Als u de framesnelheid wilt verlagen of verhogen, past u deze waarde in hetzelfde venster aan.

Om de resulterende avatar op te slaan, klikt u op het menu "Bestand" en selecteert u "Opslaan voor web en apparaten...". In het geopende venster selecteert u het GIF-afbeeldingsformaat en 256 kleuren. Klik op de knop "Opslaan".

Om een ​​eenvoudige animatie te maken, hoef je geen animator te worden. Er zijn voldoende tools beschikbaar in Adobe Photoshop CS5. Je zult ook een paar eenvoudige vaardigheden moeten leren.

Je zult nodig hebben

• - Gerussificeerde versie van Adobe Photoshop CS5.

Instructies

Gebruik als bronafbeelding bijvoorbeeld foto met een wolkenkrabber tegen de hemel. Start het programma en open het gewenste bestand: druk op “Ctrl” + “O”, selecteer een afbeelding en klik op “Openen”. Selecteer het gereedschap Rechte lijnlasso (sneltoets “L”, schakel tussen aangrenzende elementen “Ctrl” + “L”) en selecteer de wolkenkrabber. Druk op de combinatie “Ctrl” + “J” om een ​​nieuwe laag te maken en het geselecteerde gebied ernaar over te brengen.

Openen in het programma foto bij wolken moet het groter zijn dan het wolkenkrabberbeeld. Druk op “Alt” + “Ctrl” + “I” en noteer de waarden die in de velden “Breedte” en “Hoogte” staan. Maak een nieuw bestand: "Ctrl" + "N", voer in het veld "Breedte" dezelfde waarde in als de foto met wolken, in het veld "Hoogte" - hetzelfde, maar vermenigvuldigd met drie. Als gevolg hiervan zou u drie documenten moeten hebben: met een uitgesneden wolkenkrabber, met wolken en een leeg document. In het vervolg worden ze respectievelijk documenten 1, 2 en 3 genoemd.

Schakel over naar het document met de wolken, activeer het gereedschap Verplaatsen (V) en sleep de afbeelding naar document 3. Lijn het zo uit dat het de onderkant volledig bedekt. Schakel terug naar Document 2 en sleep de afbeelding naar Document 3. Lijn deze uit zodat deze de bovenkant vult. Terwijl Document 2 weer actief is, klikt u op Bewerken > Transformeren > 180 graden draaien. Vervolgens Bewerken> Transformeren> Horizontaal spiegelen. Sleep het resultaat naar document 3 en lijn het uit met het midden.

Selecteer in het venster “Lagen” (als dit ontbreekt, roep het aan met de sneltoets “F7”) de drie bestaande lagen met wolken (deze moeten “Laag 1”, “Laag 2” en “Laag 3” heten) door ingedrukt te houden “Ctrl” omlaag en door op elk ervan te klikken. Klik met de rechtermuisknop en klik in het venster dat verschijnt op 'Lagen samenvoegen'. Sleep de nieuw gemaakte laag naar Document 1 en plaats deze onder de uitgesneden laag wolkenkrabber.

Klik op Venster > Animatie. Klik onder aan het venster dat verschijnt op de enige actieve knop: 'Maak een kopie van de geselecteerde bestanden'. Er verschijnt een ander frame. Onderaan het frame wordt de tijd weergegeven waarop het op het scherm zal verschijnen. Wijzig dit in elk frame in 0,1 seconde.

Schakel over naar het eerste frame en vervolgens naar Document 1. Selecteer de wolkenlaag en lijn met behulp van het gereedschap Verplaatsen de rechteronderrand uit met de rechteronderrand van Document 1. Schakel over naar het tweede frame en vervolgens terug naar Document 1. Selecteer het laag met wolken en lijn de rechterbovenrand uit met de rechterbovenrand van document 1. Deze twee frames zullen de begin- en eindframes zijn van de animatie die wordt gemaakt: de beweging van de wolken.

Klik op de knop Tweaks maken onder aan het animatievenster. Voer in het veld Frames toevoegen 20 in en klik op OK. Verwijder frames 21 en 22 met behulp van de knop 'Geselecteerde frames verwijderen', die een prullenbaklogo heeft en zich onderaan het animatievenster bevindt. De animatie is klaar. U kunt dit controleren door op de knop “Afspelen” te klikken.

Vandaag zullen we de huidige avatargrootte voor de VKontakte-groep ontdekken. Na het lezen van het artikel krijg je niet alleen het antwoord op deze vraag, maar kun je ook een PSD-template downloaden voor een prachtige avatar en banner, gemaakt in dezelfde stijl.

Rekening houdend met alle laatste wijzigingen, is de maximaal weergegeven avatargrootte voor een VKontakte-groep 200x500 px. Het is vermeldenswaard dat u voor maximale kwaliteit een afbeelding moet uploaden die 2-3 keer groter is. Dan zal het verlies aan beeldkwaliteit minder merkbaar zijn na het uploaden naar VK.

De hoofdregel is om de verhouding tussen breedte en hoogte te behouden: respectievelijk 2 tot 5.

Je kent nu de maat, het enige dat overblijft is uitzoeken wanneer je de volledige beschikbare hoogte moet gebruiken, en wanneer je je avatar kleiner kunt maken. En dit is afhankelijk van verschillende factoren:

• Onderwerp of niche;
• Aangeboden product/dienst;
• Ontwerp

Heeft u een niche met weinig concurrentie die voor iedereen begrijpelijk is, dan volstaat het om een ​​logo, bedrijfsnaam en soms een korte uitleg van uw activiteiten te plaatsen.

Titels gehoord | Ufa" of "Sportnieuws | Ufa" heeft geen uitleg nodig - alles is duidelijk. Maar de afbeelding van het logo met de naam van de webwinkel behoeft uitleg over het product dat daar verkocht wordt: ‘online kinderkledingwinkel’.

Afhankelijk van de specifieke kenmerken van het aangeboden product of de geleverde dienst kan er extra ruimte voor voordelen nodig zijn. Door voorwaarden op een rij te zetten die gunstig zijn voor de opdrachtgever, kunt u zich onderscheiden van uw concurrenten. Maar vanwege hen zal de grootte van de avatar moeten worden vergroot.

Ik denk niet dat dit slecht is. Als iets de conversies helpt verhogen, moet u deze mogelijkheid benutten.

Door met het ontwerp te spelen, kun je een volledig mooie en werkende versie van de avatar van maximale grootte krijgen, terwijl je er een minimum aan details aan toevoegt.

Deze aanpak is acceptabel voor entertainmentgemeenschappen of groepen privéfotografen. En zeer competitieve commerciële gemeenschappen moeten het maximale uit de beschikbare profielgrootte halen.

Avatar en bannersjabloon

Wij hebben een sjabloon gemaakt die u via onderstaande link kunt downloaden. Hiermee is het mogelijk om zelf een professionele avatar te maken, maar deze zal niet uniek zijn. Hoewel dit niet betekent dat het niet zal werken, kan het de moeite waard zijn om individualiteit te overwegen en onze bonusaanbieding te lezen.

Bonus

We bieden een korting van 200 roebel aan iedereen die het artikel tot aan deze paragraaf heeft gelezen en met ons beslist. Wanneer u bestelt, vermeld dan deze code in de hoofdtekst van uw e-mail: HWC-DEZiGN-200. De code is alleen geldig voor één van uw bestellingen.

Een mooi ontwerp van de VKontakte-gemeenschap is geen bevlieging, maar een belangrijk element dat het vertrouwen van de gebruiker in u en uw bedrijf vergroot. Als een openbare pagina of groep onprofessioneel is ontworpen, kunnen uw potentiële klanten logischerwijs concluderen dat u net zo nalatig bent in uw werk. Om dit te voorkomen, moet u ervoor zorgen dat uw VKontakte-pagina mooi, netjes en gebruiksvriendelijk is. Hoe dit te doen? Lees hieronder.

Huidige formaten van VKontakte-afbeeldingen

Enige tijd geleden lanceerden de ontwikkelaars van het sociale netwerk VKontakte een nieuw ontwerp. Dit leidde tot veranderingen in de grootte en principes van beeldweergave. De notitie, die hieronder wordt gegeven, komt overeen met alle innovaties en bevat de maten die op dit moment relevant zijn.

Laten we nu op elk punt dieper ingaan.

VK-avatargrootte

De minimale avatargrootte is 200 bij 200 pixels. Als u een afbeelding probeert te uploaden die minder dan 200 pixels breed of lang is, ziet u een foutmelding als deze:

De maximale avatargrootte is 200 bij 500 pixels. Maar in principe kunt u afbeeldingen van een groter formaat uploaden - tot 7000 pixels aan elke kant. Het belangrijkste is dat de beeldverhouding niet groter is dan 2 tot 5.

Ik zal het je laten zien met een voorbeeld.

Ik heb een afbeelding. De grootte: 200 bij 800 pixels (verhouding 2 op 8). Er zijn geen fouten bij het laden. Ik kan deze afbeelding echter nog steeds niet gebruiken, omdat ik met “Contact” deze niet volledig kan selecteren.

Omslag

Het omslagformaat voor de volledige versie van de site is 1590 bij 400 pixels.

Let op: in de mobiele versie en applicaties wordt niet de volledige versie van de cover weergegeven, maar slechts een deel ervan van 1196 bij 400 pixels. Bekijk hoe het wordt bijgesneden in de mobiele app:

Om dit te voorkomen, plaatst u de belangrijkste elementen van uw omslag binnen een bereik van 1196 bij 400 pixels.

Bijgevoegde afbeeldingen

In het vernieuwde ontwerp van Contact is de breedte van de nieuwsfeed vast komen te staan. Dit betekent dat de afbeeldingen die aan de post zijn bevestigd, niet langer worden uitgerekt, maar blijven zoals ze zijn. Als u wilt dat uw afbeelding de volledige ruimte in de nieuwsfeed vult, moet de breedte minimaal 510 pixels zijn. Het is het beste als het een vierkant of rechthoek is in liggende richting.

Het klinkt een beetje verwarrend :) Dus ik zal je een voorbeeld laten zien.

Laten we zeggen dat we een vierkante afbeelding hebben met zijden van 510 pixels. Als we het aan ons bericht toevoegen, ziet het er op alle apparaten heel goed uit in de nieuwsfeed:

En zo ziet een horizontale afbeelding eruit in liggende stand (breedte 510 pixels):

Zoals u kunt zien, geldt: hoe smaller de afbeelding (in hoogte), hoe kleiner deze eruitziet in de smartphonefeed. Om dit te zien, kijk naar de onderstaande afbeelding:

Het is duidelijk dat het verschil hier niet bijzonder kritisch is, en smartphonegebruikers zullen nog steeds naar je afbeelding kijken, alleen in het tweede geval zullen ze zich wat comfortabeler voelen.

Afbeeldingen voor berichten met links

Al deze gegevens zijn afkomstig van de Open Graph-opmaakcode:

Als Open Graph niet is opgegeven, wordt de titel overgenomen uit de metatag Titel en de afbeelding uit het artikel. Tegelijkertijd kunt u deze eenvoudig wijzigen - of een andere afbeelding uit het artikel selecteren met behulp van speciale pijlen:

Of upload de jouwe:

De minimale grootte van een afbeelding die je als aankondiging bij je artikel kunt gebruiken is 537 bij 240 pixels. U kunt echter grotere afbeeldingen uploaden, zolang de verhoudingen behouden blijven.

Afbeelding voor een artikel gemaakt in de editor

Het afbeeldingsformaat voor de omslag van een artikel dat in de editor is gemaakt, is 510 bij 286 pixels. Het is beter als het donker van kleur is en min of meer monochromatisch, omdat de naam van het artikel en de community verloren gaat op een lichte achtergrond.

Goed voorbeeld:

Geen goed voorbeeld:

Foto- en videoformaat voor verhalen

Het formaat voor foto's is 1080 bij 1920 pixels. Het formaat van de video is 720 bij 1280 pixels.

Technische specificaties voor video-opnamen:

• tot 15 seconden;
• niet meer dan 5 MB;
• h.264-codec;
• AAC-geluid.

Verhalen moeten foto's en video's in verticale indeling gebruiken.

Let op: verhalen namens communities kunnen momenteel alleen worden toegevoegd door grote communities waarvoor de VKontakte-ontwikkelaars deze functie hebben geopend. En dit gebeurt met behulp van de officiële applicatie. Dit kan niet vanaf een computer.

Formaat fotoalbumomslag

Grootte van videobeeld

1280 bij 720 pixels.

Wiki-pagina

De breedte van het inhoudsgebied van een wikipagina is 607 pixels. Als u een grotere afbeelding uploadt, wordt deze automatisch geüpload met een breedte van 400 pixels. Voorbeeld: ik heb een afbeelding van 1366 bij 768. Als ik deze aan de wikipagina toevoeg, ziet deze er zo uit:

Om de grootte van een afbeelding te wijzigen, moet u erop klikken en de gewenste waarden instellen:

Ik zal hieronder in detail bespreken hoe je met wikipagina's kunt werken. Daarom zullen we hier niet verder op dit punt ingaan.

Hoe zorg je ervoor dat VKontakte-afbeeldingen niet krimpen? De invloed van achtergrond en grootte op de beeldkwaliteit.

Als je ooit hebt geprobeerd VKontakte-afbeeldingen te uploaden (het maakt niet uit of het een avatarafbeelding was of gewoon een foto van je reis), dan weet je waarschijnlijk al dat ze de neiging hebben te krimpen. Dit is vooral merkbaar op een donkere (en vooral rode) achtergrond en wanneer de foto niet te groot is. Voorbeeld:

Hoe zorg ik ervoor dat de kwaliteit van de foto's niet verslechtert?

Om te voorkomen dat het beeld krimpt (of liever krimpt, maar in veel mindere mate), is het noodzakelijk om het 2-3 keer groter te maken dan de gewenste maat. Als we bijvoorbeeld een avatar moeten maken met een formaat van 200 bij 500 pixels, maken we een foto met een formaat van 400 bij 1000 pixels. Als je een menu moet maken met een grootte van 510 bij 400 pixels, neem dan 1020 bij 800.

De afbeelding op een donkerblauwe achtergrond, die ik hierboven liet zien, heeft een formaat van 510 bij 350. Ik heb hem twee keer zo groot gemaakt (1020 bij 700) en opgeslagen. Dit is wat eruit kwam:

Hoe dit op te lossen? Het antwoord is heel eenvoudig: je moet een andere achtergrond kiezen. Feit is dat pixels beter zichtbaar zijn op een donkere achtergrond dan op een lichte. Als u daarom een ​​perfecte kwaliteit wilt bereiken (hoewel de afbeelding hierboven er al vrij normaal uitziet), moet u het kleurenschema enigszins wijzigen. Maak bijvoorbeeld de achtergrond wit en de tekst blauw:

Hoe u een paginakoptekst ontwerpt

De koptekst van uw openbare pagina of groep is het eerste dat gebruikers zien als ze u bezoeken. In de meeste gevallen bevat deze plaats een navigatiemenu voor openbaar materiaal, enkele interessante berichten of belangrijke aankondigingen. Laten we eens kijken naar voorbeelden van hoe verschillende bedrijven deze ruimte gebruiken.

Omslag

Nog niet zo lang geleden introduceerde VKontakte een update - nu kun je grote en mooie omslagen (1590 bij 400 pixels) naar pagina's uploaden. Ga hiervoor naar instellingen en klik op de knop "Downloaden".

Op de cover kun je alles plaatsen wat je wilt: van de naam en het motto van je bedrijf, tot allerlei acties, aanbiedingen en zelfs wedstrijden.

Ik raad aan om speciale aandacht te besteden aan de mogelijkheden van een dynamische hoes. Lees ons artikel over hoe het werkt, voor welke doeleinden het gebruikt kan worden en met welke diensten het geïnstalleerd kan worden.

Voorbeelden van dynamische covers:

Cover + communitybeschrijving + websitelink

Sommige bedrijven plaatsen specifiek geen berichten in de koptekst, zodat gebruikers de mogelijkheid hebben om basisinformatie over de pagina te lezen en onmiddellijk naar de site te gaan.

Beschrijving met hashtags

Sommige bedrijven voegen hashtags toe aan de standaardpaginabeschrijving die deze kenmerken. Dit wordt gedaan zodat de pagina een duidelijkere relevantie heeft en hierdoor hoger in de zoekresultaten voor relevante zoekopdrachten komt. Eerlijk gezegd weet ik niet of deze methode werkt of niet. Ik heb geen gevallen over dit onderwerp gezien, dus als iemand het weet, zou ik het op prijs stellen als je de link zou willen delen.

Vastgezet bericht waarin wordt verteld waar de pagina over gaat

Als u meer in detail over uw pagina wilt vertellen (met foto's, links en een mooie lay-out), dan kunt u een wikipost of een artikel gemaakt in de editor aan de kop toevoegen, met een heldere afbeelding op de aankondiging die gebruikers zal aanmoedigen om erop te klikken. Een voorbeeld van zo’n bericht:

En dit is wat de gebruiker ziet nadat hij op de link klikt:

Groepsmenu is geopend

Een open menu noem ik een menu waaruit meteen blijkt uit welke onderdelen het bestaat. Dat wil zeggen, de afbeelding van de wiki-postaankondiging dupliceert de inhoud volledig. Gebruikers zien dus meteen wat hen binnen te wachten staat. Ik zal het je laten zien met een voorbeeld.

Zo ziet een vastgezet bericht eruit in de Flatro-paginakop:

Groepsmenu is gesloten

Een gesloten menu is hetzelfde wikibericht als in de vorige paragraaf, alleen de aankondiging bevat een afbeelding zonder menu-items. Meestal schrijven ze erop: "Menu", "Navigatiemenu" of "Navigatie door openbaar materiaal".

En dit is wat we zien als we erop klikken:

Overigens is het vermeldenswaard dat dit verre van de enige opties zijn. Kortom, je kunt op deze foto schrijven wat je maar wilt. Het belangrijkste is dat de gebruiker erop wil klikken en dat hij begrijpt wat hem daarna te wachten staat. Voorbeeld:

Samengevoegd menu voor een groep

Er is sprake van een samengevoegd menu wanneer de afbeelding op de aankondiging van uw menu één afbeelding vormt met de avatar. Hieronder zal ik je in detail vertellen hoe je zo'n menu maakt, maar kijk nu eens hoe mooi het eruit ziet.

GIF en avatar in één afbeelding

Maar deze ontwerpoptie voor de hoed maakte mij erg blij. De automatisch afgespeelde GIF versmelt met de avatar tot één compositie en trekt de aandacht van gebruikers, ook al is er helemaal geen informatie over.

Dit voorbeeld zag ik trouwens in de groep van SMM-marketeer Sergei Shmakov. Daarom betuig ik mijn dank aan hem voor de vondst :)

Verborgen menukaart

Het verborgen menu is alleen beschikbaar voor groepen (pagina's hebben deze functionaliteit niet). Om het te zien, moet u op de juiste link klikken. Het voordeel van deze ontwerpmethode is dat gebruikers de belangrijkste informatie van de community kunnen zien en als ze het menu willen gebruiken, hoeven ze maar één klik te maken. Er is echter een klein nadeel: niet alle gebruikers zijn op de hoogte van het bestaan ​​van deze functie, dus uw menu krijgt mogelijk minder aandacht dan wanneer het bovenaan de pagina zou zijn vastgezet.

Video automatisch afspelen

Eind november 2015 verscheen er een interessante innovatie op het sociale netwerk VKontakte: zodra een gebruiker uw pagina bezoekt, begint de video die aan de header is gekoppeld automatisch te spelen. Met deze techniek kunt u nog meer aandacht trekken van gebruikers (vooral degenen die uw pagina voor de eerste keer hebben bezocht) en tegelijkertijd degenen die het niet leuk vinden dat hun inhoud wordt opgelegd, niet irriteren, omdat de video wordt afgespeeld. zonder geluid en stoort praktisch niet.

Hoe voeg je zo'n video toe aan de header van je pagina?

Om dit te doen moet aan drie voorwaarden worden voldaan:

• Voeg de video toe aan het bericht en pin dit bericht bovenaan de community.
• Behalve de video mag er niets anders aan de opname worden toegevoegd. Alleen video en tekst optioneel.
• De video moet worden geüpload naar VKontakte - spelers van derden worden niet ondersteund.

Een bericht dat veel gedeeld wordt

Een andere manier om de ruimte in de koptekst van uw pagina productief te gebruiken, is door er een van uw meest succesvolle berichten in vast te zetten: een bericht dat al een groot aantal likes en shares heeft ontvangen en nog steeds ontvangt. Waarom dit doen, ik denk dat iedereen het begrijpt: hoe meer reposts, hoe groter het bereik, hoe meer abonnementen de pagina ontvangt.

Aankondigingen van nieuwe video's, albums, evenementen

Presentatie van nieuwe producten/diensten

Kortingen en promoties

Cases, klantrecensies

Applicatie reclame

Trekt

Gemeenschapsregels

Links naar andere sociale netwerken

Ik heb niet alle header-ontwerpopties vermeld. In principe kunt u allerlei soorten informatie op uw voorblad en vastgezette bericht plaatsen: vacatures, aankondigingen, links naar bestverkochte producten, enz. Beperk uzelf dus niet tot de bovenstaande voorbeelden. Gebruik je fantasie en gebruik het ontwerp van je community om je doelen te bereiken.

Hoe moet een avatar eruitzien?

Een avatar is niet alleen een mooie afbeelding bij het logo van jouw bedrijf, maar het werkinstrument van een marketeer waarmee hij zijn doelen bereikt. Laten we in detail bekijken hoe het zou moeten zijn om de aandacht van gebruikers te trekken en hen aan te moedigen de doelactie uit te voeren. Laten we beginnen met de miniatuur.

Avatar-miniatuur

1. De tekst op uw avatarminiatuur moet groot genoeg zijn om gelezen te kunnen worden.







2. De tekst mag niet verder reiken dan de miniatuur.







3. Gebruikers moeten begrijpen wat er op de avatar wordt weergegeven.







4. Indien mogelijk is het beter om geen stockfoto’s te gebruiken, omdat deze vaak de geloofwaardigheid van het bedrijf aantasten.




5. Het is onwenselijk dat de miniatuur van de avatar te vervaagd en saai is, anders gaat deze verloren tegen de achtergrond van helderdere avatars van concurrenten.



6. Als je wilt dat je avatar er modern uitziet, maak hem dan in een minimalistische stijl: minder tekst, schaduwen, verlopen en elementen die geen enkele semantische betekenis hebben. Je avatar moet zo eenvoudig en netjes mogelijk zijn. Deze stijl is momenteel trending.







7. Als het je doel is om de aandacht van gebruikers te trekken en je te onderscheiden van andere avatars in de feed, zul je je fantasie moeten gebruiken. Bedenk eens waar je zelf op let als je op zoek gaat naar interessante communities? Zo word ik meer dan eens aangetrokken door avatars met een brandend licht, wat meestal aangeeft dat er een nieuw bericht is binnengekomen. Dit is een heel oude techniek, maar om de een of andere reden beïnvloedt het me nog steeds - als ik zo'n licht zie, zal ik er zeker mijn blik op houden.

Ik zeg niet dat deze techniek op uw pagina zal werken. Het punt dat ik wil maken is dat er heel veel manieren zijn om op te vallen; je hoeft het jezelf alleen maar af te vragen en een beetje creatief te zijn. Hier is bijvoorbeeld nog een interessant idee waar ik zelf nauwelijks aan zou hebben gedacht:

De avatar is een zwarte cirkel: groot en klein. Het lijkt erop: waarom zou je dit überhaupt doen? Maar als je door de lijst met communities bladert, trekken dergelijke avatars de aandacht omdat ze heel anders zijn dan alle anderen.

Welke informatie kan op een avatarminiatuur worden geplaatst?

Hoewel de miniatuur van de avatar erg klein is, kan (en moet) deze worden gebruikt om volgers naar uw community te trekken. Hoe dit te doen? Laten we een paar opties bekijken:

Aankondiging van een nieuw product/dienst/evenement

Voordelen van het bedrijf/dienst/pagina

Telefoonnummer van bedrijf

Gunstige prijzen

Gratis verzending

Trouwens, heel vaak wordt de informatie die het bedrijf gratis bezorgt, toegevoegd aan de groepsnaam zelf, zodat gebruikers er zeker aandacht aan zullen besteden.

Voorraad

Competities

Vacatures

Hoe zou de avatar zelf eruit moeten zien?

Ik heb gekeken naar wat de avatar thumbnail zou moeten zijn en welke tekst erop geplaatst kon worden. Laten we nu verder gaan met de avatar zelf. De volledige versie van de avatar wordt alleen weergegeven in de community waar de cover niet is geïnstalleerd. Voor dergelijke gevallen heb ik deze sectie geschreven. Hoe moet de avatar van uw community eruit zien, zodat gebruikers meteen begrijpen dat uw bedrijf de creatie van de pagina op een verantwoorde en professionele manier heeft aangepakt.

1. De avatar moet van hoge kwaliteit zijn. Ik schreef over hoe je dit iets hoger kunt bereiken. Voor degenen die dit deel hebben gemist, zal ik het kort vertellen: de grootte van de avatar moet 2-3 keer groter zijn dan je had gepland.
2. Het is raadzaam om de avatar te combineren met het menu: hetzelfde kleurenschema hebben, dezelfde lettertypen, elementen, enz. hebben. Hierdoor ziet de koptekst van uw pagina er netter en professioneler uit. Voorbeeld:
3. De avatar zelf en de avatarminiatuur kunnen verschillen. U kunt bijvoorbeeld een cirkel op uw avatar tekenen, deze naar eigen wens ontwerpen, dat gebied als miniatuur selecteren en de rest van de avatar in een andere stijl ontwerpen.




Een andere optie is om de avatar in twee delen te verdelen. Eén is voor de miniatuur en de tweede is voor de rest van de avatar.




4. Om gebruikers aan te moedigen zich op uw pagina te abonneren of een bericht naar een bedrijfsvertegenwoordiger te schrijven, kunt u helemaal onderaan de avatar een overeenkomstige call-to-action plaatsen en deze begeleiden met een pijl die naar de knop wijst.




5. Probeer niet te veel informatie op je avatar te zetten, anders ziet deze er overbelast en slordig uit. Voeg er alleen de belangrijkste punten aan toe en zorg ervoor dat er “lucht” tussen zit.

Welke informatie kan op een avatar worden geplaatst?

In principe kun je alles op je avatar zetten. In tegenstelling tot het miniatuur is hier echt ruimte om rond te dwalen. Het belangrijkste is dat je er geen misbruik van maakt :)

Sitedomein

Telefoon/adres/openingstijden

Competities/promoties

Meest gekochte producten/nieuwe artikelen

Leveringsinformatie

Advertenties voor mobiele apps

De belangrijkste voordelen van het bedrijf/pagina/product, enz.

Assortimentsupdate/nieuwe creativiteit etc.

Informatie dat uw community officieel is

Informatie over aankomende evenementen

Adressen van accounts in andere sociale netwerken

Uitgebreide paginabeschrijving

Opscheppen

Over het algemeen kunt u absoluut alle informatie op uw avatar plaatsen. Ik heb zojuist een paar ideeën toegevoegd, zodat u kunt zien wat anderen doen en inspiratie kunt opdoen. Houd de basisaanbevelingen in gedachten: de avatar moet van hoge kwaliteit zijn, het lettertype moet groot zijn en er moet meer “lucht” tussen de elementen zitten.

Hoe u een naadloze avatar en menu kunt maken

Om een ​​samengevoegde avatar en menu te maken, heb je Adobe Photoshop of een equivalent daarvan nodig. Ik zal het hele proces uitleggen met Photoshop als voorbeeld. Laten we gaan.

1. Download de Photoshop-sjabloon die ik speciaal voor dit artikel heb voorbereid. In normaal formaat (menu – 510 pixels breed, avatar – 200) of vergroot (menu – 1020 pixels breed, avatar – 400).
2. Open de afbeelding die u als basis wilt gebruiken.
3. Kopieer het, plak het in de sjabloon en plaats het zoals u het wilt knippen.

1. Voeg effecten, tekst, afbeeldingen, enz. toe.

1. Als je een deel van de afbeelding (in die opening van 50 px) niet wilt verliezen, verplaats het dan naar rechts zoals weergegeven in de volgende GIF:

1. Selecteer het gereedschap "Snijden" en klik op de knop "Fragmenten langs hulplijnen".

1. Verwijder overbodige fragmenten (rechtermuisklik - “Verwijder fragment”) en bewerk bestaande fragmenten (rechtermuisklik - klik in een lege ruimte - neem het gewenste gebied en rek het uit tot de gewenste grootte).

1. Ga naar het gedeelte "Bestand" en selecteer de opdracht "Opslaan voor web".

1. Ga naar de locatie waar u de afbeeldingen hebt opgeslagen (bureaublad of een specifieke map) en zoek een map met de naam "Afbeeldingen". Dit is waar uw afbeeldingen naartoe gaan. Nu hoeft u ze alleen nog maar op de pagina in te vullen.

P.S. De hoogte van de avatar kan naar eigen inzicht worden gewijzigd. Ik heb de maximale grootte genomen: 500 pixels, maar jouw waarde kan lager zijn. Bijvoorbeeld, zoals op de pagina “Wiki Markup”:

Widgets gebruiken

Widgets maken ook deel uit van het ontwerp van de VK-gemeenschap. Hiermee kan de gebruiker: een bestelling plaatsen, zich abonneren op uw nieuwsbrief, deelnemen aan een wedstrijd, recensies lezen en achterlaten, een zoekopdracht in de community openen, een geschenk, een kortingsbon ontvangen, enz.

Hier zijn enkele voorbeelden van hoe widgets eruit zien op de VKontakte-pagina:

Hoe u afbeeldingen voor berichten ontwerpt

Bent u een webdesigner of heeft u een artistieke smaak en gevoel voor schoonheid, dan zal het voor u niet moeilijk zijn om een ​​huisstijl voor uw afbeeldingen te bedenken. Het lijkt mij echter dat dergelijke mensen in dit artikel in de minderheid zullen zijn (ik ben overigens ook niet een van hen). Laten we daarom eens nader bekijken hoe dit wordt gedaan, op basis van voorbeelden van succesvolle bedrijven.

Houd er overigens rekening mee dat bijna alle bekende VKontakte-bedrijven hun afbeeldingen van hun merk voorzien, dat wil zeggen dat ze een klein logo, het adres van hun pagina of een watermerk toevoegen. Dit vergroot de naamsbekendheid en beschermt uw afbeeldingen tegen kopiëren. Of het de moeite waard is om dit te doen, moet iedereen voor zichzelf beslissen. Het enige dat ik wil adviseren is: als je besluit dit te doen, zorg er dan voor dat je logo niet te fel is en niet te veel ruimte in beslag neemt, anders komt alle nadruk hierop te liggen en wordt de afbeelding zijn aantrekkelijkheid verliezen.

Waar kan ik goede beelden krijgen?

We hebben een goed artikel over dit onderwerp op onze blog - “”. Ze zijn allemaal gratis, maar voor sommige is registratie vereist. Als u niets geschikts voor uzelf kunt vinden, probeer dan te zoeken op trefwoord + achtergrond (of, als het in het Engels is, achtergrond). Normaal gesproken resulteert dit type verzoek in afbeeldingen van hoge kwaliteit. Maar hier moet je voorzichtig zijn en het type licentie controleren, anders kun je, als je een serieus bedrijf hebt, in de problemen komen.

Wat moeten degenen die niet weten hoe ze in Photoshop moeten werken, doen?

Als u nog nooit in Photoshop (of een andere grafische editor) heeft gewerkt en nog niet klaar bent om tijd te besteden aan het beheersen ervan, kunt u diensten gebruiken die al kant-en-klare afbeeldingssjablonen hebben voor verschillende sociale netwerken:

1. Fotor.com

Selecteer daarna aan de linkerkant van het scherm de sjabloon die ons interesseert. Houd er rekening mee dat alleen de sjablonen die geen diamantpictogram hebben, gratis worden aangeboden.

We voegen het in de sjabloon in, selecteren het met de linkermuisknop, selecteren de opdracht Laag (sandwichpictogram) en klikken op Verplaatsen naar beneden. Op deze manier wordt onze foto op de achtergrond geplaatst en worden alle inscripties er bovenop geplaatst.

Daarna veranderen we de tekst, het lettertype, de lettergrootte, de positie van de inscriptie, enz.

Klik vervolgens op het diskettepictogram, selecteer de naam, het afbeeldingsformaat en de kwaliteit en klik op de knop Aanmelden om te downloaden.

2. Canva.com

Nog een service waarmee u uw afbeelding prachtig kunt ontwerpen. Het werkt volgens hetzelfde principe als het vorige. Registreer u bij de service (u kunt uw Google+ account of e-mailadres gebruiken).

Kies uw werkterrein. We slaan de stap over waarin u wordt gevraagd vrienden uit te nodigen. We komen in het hoofdmenu terecht, waar we een Facebook-bericht selecteren als we een rechthoekige foto nodig hebben, of een Instagram-bericht als het een vierkante foto is.

Selecteer een sjabloon (als de sjabloon is gemarkeerd met 'GRATIS', betekent dit dat deze gratis is), wijzig de tekst.

Upload indien nodig uw afbeelding, pas de afmetingen aan, wijzig de tekst, het lettertype en de positie van de inscriptie. Klik daarna op de knop "Downloaden", selecteer het afbeeldingsformaat en sla het op uw computer of een ander apparaat op.

Artikelen opmaken in de editor

Onlangs heeft VKontakte het mogelijk gemaakt om artikelen in een speciale editor te typen. Om een ​​artikel aan te maken, klikt u op de letter “T”:

Hoe wiki-opmaak te gebruiken

Welnu, hier komen we bij het meest interessante en tegelijkertijd moeilijke gedeelte. Misschien zijn er mensen onder de lezers die niet weten wat wiki-markeringen zijn en deze term voor het eerst horen. Daarom zal ik speciaal voor jou de definitie geven die “Contact” zelf geeft.

Wiki-opmaak is een opmaaktaal die wordt gebruikt om tekst op websites op te maken (meestal geclassificeerd als wiki-projecten) en die gemakkelijker toegang biedt tot de mogelijkheden van de HTML-taal. Op onze site zijn wikipagina's een goed alternatief voor reguliere berichten en tekstnavigatie. Als je een groot artikel met verschillende tekstopmaak (vetgedrukt, onderstreept, kopteksten, etc.) wilt maken of er afbeeldingen aan wilt toevoegen, of eenvoudigweg een kleurrijk navigatiemenu voor je gemeenschap wilt maken, is een wiki onmisbaar.

Net zoals Wordpress (of ieder ander CMS) een HTML-editor heeft waarmee je artikelen maakt, heeft Contact een eigen editor voor het maken en bewerken van wikipagina's. Het ziet er zo uit:

Met behulp van deze editor worden navigatiemenu's gemaakt, evenals artikelen met afbeeldingen, video's en audio-opnamen. Hieronder zal ik in detail bespreken hoe u in deze editor werkt, maar eerst vraag ik u om twee links te bookmarken. Ze zullen je veel helpen bij het leren van wiki-markeringen.