Hoe maak je tijd op de cover van VK. Dynamische cover voor VKontakte-groepsontwerp

Na de introductie van covers voor groepen op VKontakte zijn de meeste communities daarop overgestapt. Toch kunt u met dit formaat meer informatie via de afbeelding overbrengen, waardoor de kans op een abonnement van gebruikers groter wordt.
Het op deze manier ontwerpen van groepen is zo populair geworden dat er geesten waren die besloten verder te gaan. Werd gecreëerddynamisch coverscript voor VKontakte-groepen Hiermee kunt u de afbeelding automatisch wijzigen: de laatste aankomsten, tijd, weer, files en nog veel meer weergeven.

Welke gegevens kan een dynamische cover weergeven?

1. Voorblad van de laatste abonnee. Elke VKontakte-gebruiker die als laatste lid is geworden van uw groep, wordt weergegeven met een avatar, evenals een voor- en achternaam in de communityheader.

2. Toont de beste commentator, liker of reposter, evenals de “commentaar van de dag”. Verhoog de activiteit bij het publiek door de meest actieve abonnees op de cover weer te geven op basis van verschillende activiteiten. Mensen zullen ongetwijfeld vaker openbare berichten leuk gaan vinden, reacties achterlaten en publicaties delen.

3. Weergave van tijd, datum en weer op de cover. Deze functies worden vaak gebruikt door stedelijke gemeenschappen en tonen de tijd van de tijdzone waarin de stad zich bevindt en het lokale weer. Dit voegt een “schil” toe aan de gemeenschap.

5. U kunt elke tekst op de omslag weergeven, ook willekeurige tekst. Laat contactgegevens voor uw andere sociale netwerken achter in de koptekst van de VKontakte-groep, geef willekeurige tekst weer en heb er vooraf een selectie van gemaakt. Voel je vrij om je fantasie te gebruiken.

6. Aftellen in dynamische dekking. Als u een promotie uitvoert, kunt u in uw groep een aftelling instellen, zodat gebruikers weten wanneer deze eindigt. Op deze manier stimuleer je gebruikers om zo snel mogelijk een aankoop te doen.

7. Ontvang het laatste nieuws via uw RSS-feed. Als u een nieuwssite heeft, misschien alleen een blog met een ingebouwde RSS-feed, kunt u het laatste nieuws op uw dynamische voorpagina weergeven als artikeltitel.

8. "De jarige van vandaag." Verhoog de loyaliteit door gebruikers die vandaag jarig zijn op uw omslagfoto weer te geven. Gebruikers zullen dit gebaar zeker waarderen.

10. Laat de laatste donaties zien. Als uw project voor een deel afhankelijk is van goede doelen van abonnees, kunt u het aantal donaties stimuleren door de laatste donaties in uw dynamische omslag weer te geven.

Naast de bovenstaande punten kunt u gegevens weergeven zoals “commentaar van de dag”, groepsstatistieken, de meest actieve persoon (die het meest leuk vond en reageerde), producten groeperen, beste bericht met foto en meer.

De gegevensuitvoer is volledig automatisch. Er is een handige visuele editor die u kunt regelenop dynamische dekkingelke afbeelding en tekst. Er is alleen ruimte voor uw verbeelding.

Laten we, zoals gewoonlijk, eerst de belangrijkste concepten definiëren. Dynamic is een groepscover waarvan de inhoud automatisch verandert. In de communityheader kunt u verschillende soorten nuttige inhoud demonstreren, of gebruikers eenvoudigweg een goed gevoel geven 🙂 Als uw bedrijf bijvoorbeeld actief is op het gebied van financiën, kunt u een widget aansluiten die wisselkoersen en de belangrijkste aandelenindices weergeeft . Als uw bedrijf een duidelijke regionale verbinding heeft, voegt u een blok toe dat informatie over het weer van vandaag weergeeft. Ten slotte kunt u een banner maken waarop de namen van de jarigen van vandaag of de meest actieve abonnees gedurende een bepaalde periode verschijnen. Samen met het interactieve menu en de widgets helpt deze tool dus de betrokkenheid van het publiek en de loyaliteit aan het merk te vergroten.

Naar voorbeelden hoef je niet ver te zoeken: dynamische VKontakte-covers worden door veel groepen gebruikt. Allereerst wordt deze technologie gebruikt door de medewerkers van het sociale netwerk zelf: in de header van de officiële openbare pagina van de ondersteuningsdienst staat een “live” teller van verwerkte tickets.

Ook “StopHam” gaat met de tijd mee: op hun pagina zie je een preview van de nieuwste video en de naam van de laatste deelnemer die meedoet. Hoewel informatie over het aantal weergaven in realtime verandert, is dit helaas geen echte insluiting en kun je de video niet rechtstreeks op VKontakte bekijken.

Op zijn beurt veranderde de creatieve vereniging Gazgolder de community-header in een dynamische omroeper, die informatie weergeeft over aankomende concerten, filmpremières of presentaties van muziekalbums.

Kortom, er zijn veel toepassingsmogelijkheden. De enige vraag is: hoe creëer je zo'n schoonheid? Eigenlijk is het niet zo moeilijk.

Ontwerpers voor het maken van dynamische VKontakte-covers

Om een ​​interactieve header tot je beschikking te krijgen kun je op twee manieren te werk gaan:

1. Ontwikkeling vanaf nul bestellen is duur, maar uiteindelijk wordt u eigenaar van een exclusieve oplossing met de functionaliteit die u nodig heeft, waarmee u zich kunt onderscheiden van uw concurrenten;

2. Het gebruik van een online builder is veel goedkoper, maar u bent beperkt tot de set widgets die de ontwikkelaars u ter beschikking hebben gesteld.

Het is gemakkelijk te begrijpen dat de eerste optie geschikt is voor grote ondernemingen die een duidelijk gestructureerd marketingplan hebben en een bedrijfsimago dat zich in de loop der jaren heeft ontwikkeld (evenals een voldoende budget), terwijl de tweede optie ideaal is voor kleine bedrijven. aangezien voor de meeste bedrijven standaardfunctionaliteit voldoende is. Laten we een van deze services gebruiken en een dynamische cover maken.

Google suggereert behulpzaam de naam: DyCover. Qua prijs is de optie niet slecht: de jongens vragen 100 roebel per maand voor één community, terwijl hun concurrenten, LetsCover, precies twee keer zoveel kosten. Deze laatste hebben echter een progressieve volumekorting, dus deze site zal aantrekkelijk zijn voor degenen die zich professioneel met SMM bezighouden en meerdere projecten tegelijkertijd beheren.

Het doel van ons materiaal is echter niet om de beste dienstverlener te bepalen, maar om in principe de mogelijkheden van dergelijke oplossingen te testen, dus zullen we ons concentreren op DyCover. Registratie is niet moeilijk: autorisatie verloopt uiteraard via VK. Nadat u een account heeft aangemaakt, hoeft u alleen maar de gewenste community te selecteren uit de community waar u beheerder bent en deze aan te sluiten.

Klik vervolgens op de link ‘Maak het aan’ in de pop-upmelding en ga naar de visuele editor. Hierna wordt een proefperiode van drie dagen geactiveerd, waarin u alle beschikbare functies van de ontwerper kunt gebruiken. In de eerste paar stappen worden we begeleid door pop-uptips, dus het zal behoorlijk problematisch zijn om in de war te raken.

Zoals de elektronische assistent terecht opmerkte, moet je, voordat je een dynamische omslag maakt, een geschikte achtergrond selecteren. De optimale achtergrondgrootte is 1590 bij 400 pixels, maar alle belangrijke grafische elementen en widgets zelf moeten op het centrale segment van 1196 bij 400 worden geplaatst. Het punt is dat op mobiele apparaten de banner wordt afgesneden (197 pixels aan elke kant) , wat betekent dat draagbare apparaten van fans eenvoudigweg geen belangrijke informatie zullen zien.

Overigens houdt DyCover rekening met dit punt. Laten we een van de vooraf ingestelde sjablonen proberen en kijken hoe het werkt.

Selecteer het thema “Informatieve omslag”, aangezien dit al een achtergrond heeft, en klik op de knop “Raster voor mobiel”. Er verschijnen markeringen op het scherm om u te helpen evalueren hoe onze creatie er uiteindelijk uit zal zien op smartphones en tablets. De bovenste regel markeert de rand van de bovenste balk van het besturingssysteem, wat ook de adequate weergave van onze dynamische header kan verhinderen.

Voor meer duidelijkheid kunt u de preview-functie gebruiken, waarna duidelijk wordt dat deze lay-out niet is aangepast voor draagbare apparaten, aangezien het Moskou-blok zich buiten het display bevindt.

Laten we nu naar het gedeelte ‘Widgets’ gaan en hun bereik evalueren. Op het eerste gezicht is de lijst niet bijzonder indrukwekkend.

In feite zijn de eerste indrukken bedrieglijk. Met de widget 'Tekst' kunt u bijvoorbeeld zowel gewone tekstblokken als laadcellen maken vanuit Google-spreadsheets, trapsgewijze stijlen of JSON gebruiken. “Abonnee” toont de namen van de meest actieve gebruikers, de beste commentatoren (op aantal of likes), reposters, auteurs (op basis van de beoordeling van berichten van de “aanbieding”), jarigen of de laatste die lid zijn geworden van de groep. “Statistieken” zendt het totale aantal abonnees, het aantal online gebruikers, evenals samenvattende gegevens uit, inclusief geslachtsverdeling. Door de gepresenteerde tools te combineren, kunt u dus dynamische VKontakte-covers van vrijwel elke complexiteit ontwerpen.

Laten we eens kijken hoe dit in de praktijk werkt. In het bovenstaande sjabloon bestaat elk blok dat het weer en de tijd in een bepaalde stad weergeeft uit vier componenten:

1. Tekst (plaatsnaam);
2. Figuur (doorschijnende witte cirkel);
3. Datum en tijd;
4. Weer.

Elk van hen kan worden gewijzigd. In plaats van een witte cirkel kunt u bijvoorbeeld een gekleurde rechthoek maken en naast de uren ook de datum, de maand en de huidige dag van de week weergeven. De “Weer”-widget kan windsnelheid en weertype weergeven (helder, regen, mist, enz.), en in het laatste geval kunt u kiezen uit verschillende pictogramopties, en zelfs uw eigen pictogramopties uploaden in plaats van de standaardopties. Natuurlijk kunt u het formaat van widgets wijzigen en lettertypen bewerken, wat een schat aan aanpassingsmogelijkheden biedt.

Laten we echter eens kijken hoe de dynamische cover er in de groep zelf uit zal zien. Om dit te doen, klikt u op “Opslaan” en voert u de naam van het gemaakte sjabloon in. Nu keren we terug naar het controlepaneel, selecteren het gewenste item en klikken op “Toepassen”.

Laten we naar onze experimentele gemeenschap gaan en het resultaat evalueren. Nou, helemaal niet slecht! Misschien wel het enige nadeel van deze aanpak is het feit dat wanneer de pagina wordt vergroot, de tekst er enigszins wazig uitziet.

Dit wordt verklaard door de eigenaardigheid van de technologie zelf: in feite genereert de service een statisch beeld met bijgewerkte gegevens met een bepaalde frequentie (eenmaal per minuut) en laadt deze in de header. Dit is de reden waarom je bijvoorbeeld geen videospeler in de VKontakte-omslag kunt insluiten. Zelfs een dergelijke 'kruk'-methode kan echter de visuele component van de groep aanzienlijk verbeteren en zich onderscheiden van zijn concurrenten.

Zijn dynamische covers het geld waard?

Dus we komen bij de kwestie van de winstgevendheid en eerlijk gezegd zal het meest correcte antwoord dit zijn: alles ligt in jouw handen. Hoewel de voordelen van het gebruik van interactieve headers moeilijk te overschatten zijn, zullen ze, net als elk ander hulpmiddel in SMM, de groep alleen helpen promoten als je ze correct gebruikt. Automatische verjaardagsgroeten werken bijvoorbeeld niet als u geen cadeaus kunt vinden die uw publiek echt zullen interesseren. Tegelijkertijd zul je, door de dynamische omslag te overladen met informatie, zelfs nuttig, abonnees afleiden van nieuwe berichten en, in plaats van de betrokkenheid te vergroten, integendeel, deze indicator verminderen. Daarom kun je het beste een geschikte dienst vinden, je aanmelden voor een proefabonnement of een maandelijks abonnement, en dan experimenteren, waarbij je verschillende benaderingen en formaten uitprobeert. En let natuurlijk op uw concurrenten, leer van hun fouten en pas succesvolle technieken toe.

• Logo-maker
• Ontwerp van huisstijlelementen
• Banners en lay-outs
• Sjablonen voor sociale netwerken
• Infografieën
• Mindkaarten

Wat is een dynamische VKontakte-omslag? — Dit is de omslag van een groeps- of openbare pagina, waarop wisselende informatie wordt weergegeven. Aan zo'n cover kun je van alles toevoegen: datum, weer, foto en naam van de laatste abonnee die lid is geworden, wisselkoersen, de meest actieve abonnees aan het eind van de dag... De inhoud op de cover verandert automatisch en vereist geen elke actie van de beheerder. Dergelijke covers zijn de afgelopen maanden een echte trend geworden. Ze trekken zelf abonnees aan en met hun hulp kun je verschillende interactieve wedstrijden houden. Dit alles ziet er veel interessanter uit dan de standaard saaie hoes.

Om een ​​dynamische cover voor VK te maken, heb je programmeervaardigheden nodig. Het werkingsprincipe is als volgt: er wordt een code op een server van derden geplaatst, die, door toegang te krijgen tot de VKontakte API, de groepsdekking bijwerkt. Maar er is een veel eenvoudigere manier: Dynamic Cover. Dit is een omslagontwerper. Daarin kunt u een ontwerp maken voor de omslag van uw VK-groep en er widgets aan toevoegen: dynamische blokken. Hieronder bekijken we hoe u gratis zo'n hoes kunt maken.

Videorecensie van Dynamic Cover:

Wat kun je toevoegen aan je dekking met DyCover?

Je kunt een willekeurig aantal interactieve widgets aan je omslag toevoegen:

• Abonnee is een widget die de avatar en naam van de groepsabonnee op de omslag weergeeft. Dit kan de laatste abonnee zijn die zich bij de groep heeft aangesloten, de laatste commentator, de beste commentator op basis van likes of op nummer, de beste liker, reposter, de meest actieve of gewoon een gebruiker wiens ID u opgeeft.
• Weer – een widget met weerpictogrammen en automatische weergave van de temperatuur in elke stad.
• Tekst - kan elke dynamisch veranderende tekst van de site zijn, enkele statistieken, gegevens, wat dan ook.
• Datum en tijd.
• Timer – het aftellen van de tijd tot een evenement, het einde van een wedstrijd, het begin van een uitverkoop of iets anders.
• Afbeelding.
• Het raster is een widget voor ontwerpgemak; het wordt dan niet weergegeven op de voltooide omslag.
• Vormen - Vierkant, rechthoek, ovaal, cirkel en cirkel zijn beschikbaar.
• Wisselkoersen.
• Widgets voor YouTube: logo met naam en aantal abonnees, nieuwste video's en video's via link.
• Dynamische achtergronden, wisselend per periode en tijd. Overdag heeft de groepsdekking bijvoorbeeld één achtergrond en 's nachts een andere.

Hoe je een dynamische VK-cover maakt.

Om te beginnen met het maken van een omslag, klikt u op “Inloggen”.

Hier verschijnen alle VK-groepen waarvoor u beheerdersrechten heeft. Als de nieuwe groepen nog niet worden weergegeven, moet u de lijst vernieuwen en verschijnen ze.

Selecteer in de lijst de community waaraan we de cover gaan koppelen. Klik in het menu aan de linkerkant op “Een nieuwe omslag maken” en selecteer een leeg sjabloon.

Na het invoeren van de naam wordt een constructor met een lijst met widgets geopend.

Eerst moet je de achtergrond instellen. Klik op de knop “Achtergrondbeheer” en upload de afbeelding.

De achtergrond kan worden verplaatst door de afbeelding willekeurig te verplaatsen, de schaal te wijzigen - in of uit te zoomen. Je kunt ook een statische achtergrond kiezen, of deze moet per periode of tijd veranderen.

Om de achtergrond te veranderen, moet je meer foto's uploaden om deze te vervangen.

Voordat u verdergaat met het aanpassen van andere widgets, is het handig om het raster in te schakelen. Het is niet zichtbaar op de afgewerkte hoes, maar zorgt ervoor dat u de elementen gelijkmatig kunt positioneren. Je kunt de rasterstappen aanpassen in de instellingen.

Wanneer u een groep bekijkt vanaf een smartphonescherm, zijn sommige gebieden rechts, links en bovenaan niet zichtbaar. Om ervoor te zorgen dat uw gehoste widgets volledig zichtbaar zijn op alle apparaten, kunt u het mobiele netwerk inschakelen.

Widgets toevoegen

Nadat u de omslag heeft gemarkeerd, kunt u beginnen met het toevoegen van de belangrijkste widgets. Installeer voor de titel de widget “Tekst”. Om een ​​widget te bewerken, moet u erop klikken in de lagensectie.

In het instellingenvenster kunt u statische of dynamische tekst, lettertype, grootte, kleur, spatiëring en positie instellen.

Laten we eens kijken naar de mogelijkheden van de Vormen-widget. We gebruiken het om de titel te benadrukken. De grootte van de figuur kan willekeurig worden gewijzigd, de randen kunnen worden afgerond, een ovaal kan van een rechthoek worden gemaakt, de kleur, het frame en de positie kunnen worden gewijzigd. U kunt het transparantieniveau van de achtergrond aanpassen. Over het algemeen biedt de widget veel opties voor het ontwerpen van de omslag.

Laten we verder gaan met de weerwidget. Eerst moet u de stad opgeven waar het weer wordt weergegeven. U kunt de positie van de tekst en pictogrammen in de widget wijzigen, de windsnelheid verbergen, de temperatuureenheid wijzigen, de lettergrootte, het lettertype zelf en de tekstkleur bewerken.

Op het tabblad “Weertype” kunt u kiezen uit 4 pictogramsjablonen, die zullen veranderen afhankelijk van het weer.

De grootte van de pictogrammen kan willekeurig worden gewijzigd of verborgen, zodat alleen de tekst overblijft.

De abonneewidget heeft ook veel instellingen. Het abonneetype wordt bepaald op het tabblad “Widget”.

Op de gratis versie van de dienst zijn slechts drie soorten abonnees beschikbaar: de laatste abonnee, de laatste commentator en alleen een abonnee op ID. De rest van de instellingen zijn standaard: avatargrootte, afronding, kader, grootte, hoofdlettergebruik en letterkleur. U kunt alleen uw voornaam of uw voornaam en achternaam op de omslag weergeven

Hetzelfde geldt voor het toevoegen en configureren van andere widgets.

Dekselaansluiting

Nadat u alle widgets hebt geplaatst, kunt u evalueren hoe de hoes er op uw computer- en smartphonescherm uit zal zien. Hiervoor is een preview-modus beschikbaar.

Bewaar de voltooide omslag en stuur deze terug naar de ontwerper.

Voordat u voor de eerste keer een omslag aan een community toevoegt, moet u deze aan de service koppelen.

Dynamische dekkingstarieven - kosten

Het gratis basisabonnement van de service heeft beperkingen. Er zijn één groep en drie sjablonen beschikbaar.

Om deze beperkingen voor één groep te verwijderen, moet u 100 roebel per maand betalen. Het aansluiten van nog een groep kost 180 roebel per maand, twee – 260 roebel, enzovoort.

Promotiecode voor DYnamic Cover:

Mijn recensie van Dynamic Cover:

Een dynamische omslag is een cool, modieus iets dat uw openbare pagina zal versieren. Ze verschenen nog niet zo lang geleden en zorgen nog steeds voor een wow-effect bij abonnees. Het maken van zo'n omslag met behulp van de omslag is veel eenvoudiger en sneller dan het zelf ontwerpen en coderen. Voor de snelheid van het lanceren van de dienst volgens de nieuwe trend en voor het gratis tarief - respect en respect.

Elke gebruiker die besluit zijn eigen groep op een sociaal netwerk te creëren, wil het aantal abonnees vergroten. Er zijn veel manieren om de aandacht van bezoekers te trekken, maar ze komen er allemaal op neer om het publiek zo effectief, gedenkwaardig en levendig mogelijk te maken. Dit is de reden waarom communitymakers en -beheerders moeten weten hoe ze een dynamische cover in VK kunnen maken.

Natuurlijk zal het leiden tot een onmiddellijke toename van het publiek, maar het juiste gebruik van een dergelijke waardevolle dienst zal op de lange termijn zeker een positief effect hebben. Het belangrijkste is om het maken en installeren van een mooie groepskop verstandig te benaderen en niet overhaast beslissingen te nemen.

Voordat je verder gaat met het maken van je eigen openbare ontwerp, moet je begrijpen wat een dynamische cover in de VK-gemeenschap eigenlijk is.

Onder standaardomstandigheden kunnen groepsbeheerders een kleine afbeelding instellen als avatar, die het gezicht van het account wordt. Het gebruik van een speciale service maakt de oxbow-pet informatiever, levendiger en interessanter. Als gevolg hiervan worden gebruikers niet begroet door een saai beeld, maar door een omvangrijk informatieblok met informatie over nieuws, updates en andere belangrijke innovaties en regels.

Het is belangrijk om te onthouden dat de beperkingen bij het specificeren en toevoegen van informatie minimaal zijn, zodat de beheerder de meest onverwachte en slimme ideeën kan implementeren die zullen bijdragen aan de groei van een actief publiek.

Dynamische VKontakte-covers - gratis

De volgende nuance die gedetailleerd onderzoek vereist, heeft betrekking op de kosten van de dienst. Het is moeilijk voor te stellen dat zo'n nuttig hulpmiddel vrijelijk en zonder beperkingen wordt verspreid.

Er zijn inderdaad bepaalde beperkingen en voorwaarden aanwezig. Maar ze maken de optie niet ontoegankelijk en duur. De meeste momenteel bestaande programma's worden aangeboden onder de volgende voorwaarden:

• de eerste dekking wordt gratis gemaakt;
• toegang tot de optie en headerontwerper wordt verleend na toestemming van de groepseigenaar voor de gebruiksvoorwaarden;
• extra dekkingen (na de eerste) zijn beschikbaar na betaling (van 100 tot 300 roebel);
• Bovendien komen na het storten van geld speciale functies van de dienst beschikbaar.

Dat wil zeggen dat iedereen de startpagina van het publiek prachtig kan ontwerpen.

Hoe maak je een dynamische cover in VK voor dummies?

Hierboven werd vermeld dat er veel verschillende ontwerpers zijn waarmee je een dynamische VK-omslag kunt maken. Elk van hen heeft zijn eigen kenmerken en nuances, maar over het algemeen lijken ze allemaal erg op elkaar, dus u kunt de online dienst dycover gerust als voorbeeld gebruiken.

Om de aantrekkelijkheid van het publiek te vergroten, moet u:

Dan begint de creatieve fase. U moet uw favoriete afbeelding, widgets en functies aan de voltooide sjabloon toevoegen en het eindresultaat opslaan.

Om de vruchten van het verrichte werk naar VK te uploaden, moet u het gedeelte 'Uw covers' openen en op de knop 'Toepassen' klikken. Daarna hoeft u alleen nog maar te controleren hoe de voltooide pagina eruit ziet.

Hoe dynamische VK-cover installeren?

Als gebruikers weten hoe ze een dynamische VKontakte-omslag op de genoemde site kunnen maken, kunnen ze de bedieningsfuncties van andere portals en ontwerpers begrijpen. Al dergelijke online services en scripts gebruiken een vergelijkbare API. Om dit te verifiëren, gaat u naar de DynamicCover-portal. Het gebruik ervan vereist:

• registratie met behulp van een geldig sociaal netwerkaccount;
• ga naar de sectie voor het maken en bewerken van covers;
• het verbinden van meegeleverde widgets en functies;
• implementatie van de behaalde resultaten in de gemeenschap.

Tegelijkertijd is het werken in het systeem vergelijkbaar met het gebruik van de Photoshop-editor, zodat gebruikers die hebben geleerd hoe ze foto's effectief en kleurrijk kunnen bewerken, snel de interface van online ontwerpers kunnen begrijpen.

Tegelijkertijd moet u zich niet haasten om een ​​koptekst te maken, omdat de kwaliteit van het werk in dit geval belangrijker is dan snelheid. Uiteraard kan de gewijzigde interface desgewenst worden verwijderd; deze wordt niet voor altijd gemaakt. Maar dit betekent niet dat de ontwikkeling en voorbereiding ervan met minachting moet worden behandeld. Het is belangrijk om te onthouden dat de omslag het gezicht van de pagina is, waardoor bezoekers een indruk kunnen krijgen van de inhoud.

Welke afbeeldingsformaten je moet kiezen, hoe je een geanimeerde omslag kunt instellen en een menu kunt maken, wat ze nog meer hebben bedacht voor het ontwerpen van sociale netwerken - dit artikel zal erover praten. Bonus - omslagsjabloon om te downloaden. Bijgewerkt materiaal.

Waarom heeft een groep decoratie nodig?

• het thema en de richting van de groep aangeven;
• bespaar gebruikers tijd bij het verkennen van de community;
• contactgegevens op een prominente plaats weergeven;
• creëer de juiste sfeer en thematische sfeer;
• motiveer reacties en likes;
• andere speciale functies uitvoeren.

VKontakte-functies

Om een ​​groeps- of openbare pagina te ontwerpen, kunt u in dit sociale netwerk een avatar, omslag, menufeed, menu in wiki-formaat, alleen wiki-items, pictogrammen voor producten en illustraties voor berichten gebruiken. Als u het verkeerde formaat kiest, kan de beeldkwaliteit verslechteren of te klein zijn. Het uiterlijk van een groep beïnvloedt hoe gebruikers deze waarnemen, en er zijn ook theorieën dat de grootte het bereik van berichten beïnvloedt. Vervolgens zullen we elk ontwerpelement in meer detail onderzoeken.

Omslag

Dimensies: 1590×400 px, zichtbaar gebied voor de mobiele versie 1196×400 px.

Dit is een langwerpige horizontale afbeelding in de communitykop; er kan niet op worden geklikt.

De cover is niet vereist voor de community; als je deze niet installeert, wordt de groepsavatar aan de rechterkant in volledig formaat geopend.

Om te voorkomen dat de kwaliteit van de omslag verslechtert, adviseert de administratie van VKontakte een afbeelding te uploaden met een formaat van 1590×400 px. Maar in de mobiele versie past niet de hele hoes op het scherm, de randen rechts en links zijn bijgesneden op 197px, dus alle gegevens, teksten en afbeeldingen die niet kunnen worden geknipt, worden beter in het zichtbare gebied geplaatst, dit is 1196x400 px. En bovenaan, ongeveer 83 px, bevindt zich een strip met indicatoren voor communicatie, laadniveau en andere.

Om te voorkomen dat u de gebieden zelf markeert, hebben we een sjabloon in psd-formaat gemaakt met handleidingen die de gebieden afbakenen. Het kan worden gedownload.

Veel mensen adviseren om pijlen op de omslag te plaatsen die je aanmoedigen om op abonneren te klikken of een bericht te schrijven.

Als het publiek vaker vanaf mobiele telefoons naar de groep kijkt, heeft zo'n pictogram geen zin, omdat het in de mobiele applicatie wordt verschoven en naar de avatarminiatuur verwijst, en niet naar de abonneer- of berichtknop.

Dynamische dekking

Dimensies: hetzelfde als een gewone hoes.

VKontakte heeft een dynamische covers-functie geïntroduceerd, wat betekent dat de cover veranderende gegevens zal hebben en na een bepaalde periode zal worden bijgewerkt. Deze omslag is handig omdat je er bijna alles op kunt weergeven: stadsportalen hebben mogelijk tijd, wisselkoersen, files of het weer nodig, groepen die promoties houden of evenementen organiseren profiteren van een afteltimer en het weergeven van avatars van de meest actieve gebruikers kan worden aangemoedigd om reacties achter te laten of berichten leuk te vinden.

Voor een dynamische omslag heb je een gewone afbeelding nodig waarop inserts met avatars, weersomstandigheden, etc. worden bijgevoegd, een script dat aan een groep is gekoppeld en hosting met CronTAB-ondersteuning waar het script wordt geïnstalleerd. Als je de cover zo instelt dat deze te vaak wordt bijgewerkt, bijvoorbeeld elke seconde, heb je mogelijk een anti-captcha nodig.

Pyotr Samokhin vertelde hoe je zelf een script kunt schrijven op HabraHabr. Als je dit niet zelf wilt uitzoeken, zijn er betaalde ontwerpdiensten waaraan je tegen een klein abonnementsgeld een groep kunt koppelen en de hoes kunt personaliseren met de benodigde applicaties.

De functionaliteit kan verschillen, zo kan het ontwerp van de community compleet veranderen nadat op het abonnement is geklikt. Extra functies worden afzonderlijk ontwikkeld, je kunt zelf iets schrijven, je kunt groepen vinden in de zoekopdracht op VKontakte zelf, waar ze dergelijke applicaties ontwikkelen en verkopen.

Geanimeerde cover voor mobiel

Dimensies: verticale foto's en video's 1080×1920 px of andere in een verhouding van 9:16.

In januari 2019 kregen alle groepen de kans om een ​​aparte cover te ontwerpen voor mobiel kijken. Het kan maximaal vijf grote foto's of video's zonder geluid bevatten, wat werkt als een diavoorstelling. Het ziet er zo uit:

Deze functie kan worden ingeschakeld in Community-instellingen:

Welke maat materialen moet u kiezen:

Avatar

Dimensies: minimaal 200x500 px en maximaal 7000 px, beeldverhouding 2 tot 5.

Als een groep een omslagfoto heeft, wordt de avatar alleen als miniatuur weergegeven; de volledige versie kan worden bekeken door erop te klikken. Als er geen omslag is, wordt deze volledig weergegeven. Ter vergelijking de PR-CY-groep met cover en avatar en een variant van dezelfde groep zonder cover:

De avatar kan elk formaat hebben, niet minder dan 200x500 px en niet meer dan 7000 px aan elke kant, maar de maximale beeldverhouding is 2 tot 5. Dat wil zeggen dat het niet mogelijk is om een ​​erg langwerpige afbeelding te installeren, we geprobeerd:

Menu met knoppen

Dimensies: afbeelding voor de knop van 376x266 pixels.

Groepen hadden onlangs de mogelijkheid om een ​​menufeed toe te voegen. Het ziet eruit als een horizontaal blok met knoppen, maximaal zeven knoppen. De beheerder kan er een link aan toevoegen, maar alleen binnen het sociale netwerk - naar een artikel, bericht, producten, applicatie, of iets anders. Externe links zijn niet toegestaan, dus u kunt geen knop ‘Ga naar site’ maken.

Je kunt het menu beheren in de groepsinstellingen: pas het aantal knoppen aan, voeg een titel, cover en link toe.

De naam van de knop mag niet meer dan 20 tekens lang zijn, maar zelfs deze tekens passen niet op een smartphone, dus controleer ook of de naam duidelijk is:

De minimale grootte voor een knopomslag is 376 x 266 pixels, maar het is beter om deze groter te maken in dezelfde verhoudingen. De knoppen voor het menu zijn een vrij kleine rechthoek, vooral op smartphones, dus gebruik alle ruimte voor het ontwerp en voeg geen tekst toe.

Wiki-menu

Dimensies: de breedte van de binnenpagina is 607 px, de omslag is minimaal 600 px breed.

Het VKontakte-wiki-formaat impliceert een pagina met de mogelijkheid om tekst op te maken, lijsten en subkoppen te maken, klikbare afbeeldingen in te voegen met overgangen naar VKontakte-secties en sites van derden.

In het wiki-formaat maken ze vaak een menu en zetten dit vast in de groepskoptekst, zodat het gemakkelijker wordt om door de community te navigeren en alle belangrijke informatie op één plek te verstrekken. Navigatie in de groep zal de aandacht trekken, maar u kunt geen andere belangrijke berichten aan de kop vastzetten.

Met de introductie van menuknoppen is de noodzaak voor een vastgezet wikimenu niet langer nodig, maar het kan nog steeds worden gemaakt als je meer dan zeven links in een menu moet plaatsen.

Voor een wiki-menu heb je een omslag nodig, die als illustratie zal dienen voor de link naar de menupagina, en interne secties.

De breedte van het veld voor wikipagina's is 607 pixels. Afbeeldingen kunnen worden uitgerekt of kleiner gemaakt door de grootte op te geven in de editor, die wordt geopend door op de afbeelding te klikken. Maar wanneer het wordt uitgerekt en verkleind, gaat de kwaliteit achteruit. Afbeeldingen worden automatisch geladen met een hoogte van 400 px.

De wikipagina met menusecties wordt geconfigureerd in de editor. Vervolgens wordt een link naar de pagina ingevoegd in een bericht aan de muur; dit is niet noodzakelijk, maar een afbeelding is wenselijk. Het is geselecteerd als reguliere illustratie voor een bericht. We voegen het bericht toe en slaan het op, nu wordt de wikipagina geopend door op "Bekijken" of op de illustratie te klikken.

Berichten

Dimensies: minimaal 700 px breed voor reguliere berichten, minimaal 510x288 px voor een artikel in de editor.

Feedposts ondersteunen elke afbeelding, maar verschillende posts hebben hun eigen beperkingen. Er is een mening op internet dat de grootte van de afbeelding van invloed is op de rangschikking in de slimme feed, dus deze moet minimaal 1024 px zijn. We vroegen om ondersteuning en kwamen erachter dat de grootte er niet toe doet, het belangrijkste is de inhoud.

Oprichter van Cerebro Target