Goedemiddag. In dit bericht zullen we het hebben over hoe je zelf een VKontakte-groep kunt maken. Meest recent hebben we gedetailleerd gekeken en gesproken over de grootte en kwaliteit van de afbeelding. Maar ontwerpers zijn verder gegaan en nu kun je veel communities vinden waarin het menu en de avatar één geheel vertegenwoordigen. Het ziet er verbazingwekkend uit. En vandaag leer je hoe je met je eigen handen een prachtig ontwerp kunt maken voor een groeps- of openbare pagina, zonder de hulp van freelancers en professionele webontwerpers.

Zodat je meteen begrijpt waar we het over hebben, plaats ik een voorbeeld van een ontworpen groep:

Kort gezegd worden in een grafische editor (ook Adobe Photoshop) de afbeeldingen omgezet in 2 afbeeldingen. Eén ervan wordt in verschillende fragmenten geknipt en links worden toegevoegd met behulp van de VKontakte wiki-opmaak. Als je niet bang bent voor deze vreselijke woorden, zal ik doorgaan.

Stap 1. In een grafische editor (het beste is om Adobe Photoshop te gebruiken) moet je een document maken van 630 bij 725 pixels. Vervolgens knippen we in de eerste laag twee vensters uit, dit zullen het menu en de avatar zijn. Selecteer eerst een rechthoek van 200 bij 500 pixels en druk op de DEL-toets.
__________________
Laat ik meteen reserveren dat je in de lessen op andere sites tips kunt vinden waarin staat dat je een rechthoek van 200*710 moet knippen. HET IS NIET GOED. Nu is er in het sociale netwerk VKontakte een limiet aan de hoogte van de afbeelding en als je een hoogte van 710 px gebruikt, wordt deze bijgesneden.

__________________

Knip nu het menu uit - nog een rechthoek van 382 bij 232 en druk ook op de "deel"-toets. De rechthoeken moeten onderaan worden verbonden.

Het werkstuk is klaar.

Stap 2. Nu moeten we onze blanco bedekken met een achtergrond. Schrijf indien nodig tekst en maak toekomstige knoppen onder het menu. In het voorbeeld zijn er vijf, maar je kunt er zoveel doen als je nodig hebt, maar je moet ze niet te klein maken, waardoor de bruikbaarheid wordt verminderd door de gebruiker te dwingen de pagina te vergroten of te turen om de tekst te lezen.

Stap 3. De juiste rechthoek kan worden opgeslagen. Vergeet het formaat 200 bij 500 niet. Dit is een kant-en-klare avatar voor jouw groep. Je kunt hem meteen downloaden rechtsboven in de groep/publiek.

Wat de rechthoek met gemarkeerde menu-items betreft, deze moet in meerdere afbeeldingen worden geknipt (in dit geval 5). De breedte is 382, ​​maar de hoogte wordt individueel berekend, maar moet minimaal 50 pixels zijn.

Stap 4. Nu moet je de resulterende 5 foto's uploaden naar het communityalbum.

Zodra de klus is geklaard, moet je beginnen met het bewerken van het nieuwsblok in de groep. Ga naar ‘laatste nieuws’ en klik op de knop ‘bewerken’

U moet fotoalbums en documenten geopend hebben in uw groepsinstellingen. Dit is belangrijk, want zonder dit kun je geen foto's uploaden en een menu maken.

Stap 5. Plak op het tabblad 'Bewerken' de volgende code:
[]
[]
[]
[]
[]

Laten we beginnen met het bewerken ervan.
foto – presenteer een link naar een foto. Open een van de 5 foto's die je hebt geüpload vanuit het groepsmenu en je ziet zoiets als dit in de browserbalk -
http://vk.com/photo72120765_272239411

72120765_272239411 - dit is de zeer noodzakelijke fotocode. U kunt eenvoudig de bestandsnaam gebruiken.

Stap 6. Het is noodzakelijk om de afbeeldingen uit de menu-avatar te combineren als ze gescheiden zijn. Om dit te doen moet je 3 dingen doen:
De groepsnaam moet op één regel staan
Beschrijving in 10 regels (hier is soms wat maatwerk nodig)
De website is ook in één lijn.

Dit is ongeveer wat je zou moeten krijgen:

Zoals je kunt zien, is het maken van een ontwerp voor een VKontakte-groep helemaal niet moeilijk. Als je vragen hebt, stel ze dan in de reacties, en als je niet wilt ‘zweten’, is freelancen een directe weg voor jou.

Het maken van het ontwerp dat in dit artikel wordt beschreven, kost u 15-25 USD.

Tegenwoordig heeft elke organisatie en de meeste gebruikers hun eigen groep op het sociale netwerk VKontakte. En onder een groot aantal groepen vind je werkelijk prachtig ontworpen exemplaren. Dus Hoe maak je een VKontakte-groep?? Laten we meteen opmerken dat je, om een ​​groep te maken, de wiki-opmaak moet bestuderen.

Merk op dat VKontakte-beheerders rond twintig oktober groepsavatars hebben bijgesneden, waardoor ze 200*500 pixels zijn geworden. Pas op basis hiervan de les een beetje aan. Of maak gewoon een laag menu: 382*232 en 200*500.

Een VKontakte-groep formatteren

Maak in Photoshop een nieuw wit document van 630*725 pixels. Knip in de laag twee vensters uit waardoor het grafische ontwerp zichtbaar zal zijn, namelijk een rechthoek 200*710 en druk op Del en een rechthoek 382*442, verbind de onderstaande rechthoeken en druk opnieuw op Del.

Onder deze laag plaatsen we ons grafisch ontwerp. We plaatsen een afbeelding en vervolgens tekst, in de linker rechthoek creëren we vijf punten (het aantal hangt af van hoeveel je nodig hebt).

Sla de rechter rechthoek op als aparte afbeelding 200*710. Nu is de eerste foto klaar voor decoratie. Het moet worden geüpload naar het blok in de rechterbovenhoek van de groep 'Foto uploaden'. We knippen de linkerfoto op basis van het aantal punten. We krijgen 5 foto's 50*382.


Upload alle vijf de foto's naar het hoofdalbum van de groepspagina ("Mijn foto's" - "Mijn albums" - "Foto's toevoegen"). We gaan naar de groepspagina en onder de beschrijving zien we het blok "Nieuws" (je kunt de naam ervan wijzigen) - "Bewerken".


Er zijn dus enkele wijzigingen opgetreden in VKontakte, ga na het vorige punt naar het tabblad "Bewerken" en klik op de knop aan de rechterkant "Wiki-opmaakmodus". Plaats de volgende code in het venster dat wordt geopend:


Ga naar het tabblad “Broncode” en plak daar de volgende code (het is beter om de visuele editor niet te gebruiken, dit verpest de instellingen):

[]
[]
[]
[]
[]

Vergeet niet om het woord “foto” in de code te veranderen in de naam van uw bestanden en de hoogte van het bestand aan te geven (de breedte is al ingesteld), en ook de url van de menulinks in te stellen.

Om de foto's te kunnen combineren, moet de naam van de groep op één regel worden geplaatst, de beschrijving van de groep op 10 regels en de url van de website op 1 regel. Klik op de foto om duidelijk te zien hoe dit werkt.

Als dit artikel je heeft geholpen of je het leuk vond, vergeet het dan niet geef je like, zodat andere gebruikers het sneller kunnen vinden. En ik kan ontdekken wat u het meest interesseert, zodat ik nog interessantere en nuttige artikelen kan voorbereiden en schrijven! Met vriendelijke groet, Vjatsjeslav.

Succesvol ontwerp van een VKontakte-groep moet niet alleen mooi zijn, maar ook functioneel en handig. Zorg ervoor dat design uw marketingproblemen oplost, zodat de groep een betalend en kopend publiek naar het merk trekt en er voor altijd bij blijft.

5 stappen voor het maken van een groep op VKontakte

Omslag

De communitycover is tegenwoordig een belangrijk hulpmiddel bij het ontwerpen van een merkgroep in Contact en het promoten ervan. Je kunt het downloaden in het gedeelte ‘Communitybeheer’ door naar het tabblad ‘Instellingen’ te gaan. Een horizontaal beeld van hoge kwaliteit in de communityheader zelf speelt de rol van de belangrijkste promotiebanner van het bedrijf op het sociale netwerk. Het bepaalt de sfeer, informeert, versterkt het imago, roept op tot gerichte acties en verkoopt tegelijkertijd.

1. Gebruik illustraties van hoge kwaliteit

De VKontakte-communityomslag moet 1590x400 pixels groot zijn, maar het is beter om een ​​foto te uploaden die 2-3 keer groter is in .png-formaat. Op deze manier kunt u een slechte weergavekwaliteit voorkomen.

2. Pas de afbeelding aan voor verschillende apparaten

Houd er rekening mee dat deze afbeelding er op verschillende apparaten anders uit kan zien. Op mobiele apparaten zijn de randen afgesneden. Het is dus het beste om de belangrijkste informatie dichter bij het midden te plaatsen.

3. Plaats een slogan en USP

Laat de klant vanaf het eerste scherm uw filosofie en voordelen zien.

4. Toon het product/dienst, proces of resultaat van het gebruik ervan

Zo weet een potentiële klant meteen waarin jij gespecialiseerd bent en wordt hij betrokken bij het product.

5. Help klanten onmiddellijk contact met u op te nemen

Schrijf uw telefoonnummer, e-mailadres en andere bedrijfscontacten op de banner. Als de geografische locatie belangrijk is voor uw bedrijf, bijvoorbeeld als u in de horeca zit, is het adres ook handig.

6. Kondig evenementen aan

Maakt u reclame voor concerten, verwacht u een nieuwe collectie of productlancering, of organiseert u een festival/conferentie/klantendag? Vertel dit aan iedereen die naar de gemeenschap komt.

7. Presenteer promoties en kortingen

Waar anders op het hoofdplatform kun je het publiek vertellen dat ze nu twee keer goedkoper een bestelling bij je kunnen plaatsen? Het belangrijkste is dat u niet vergeet de afbeelding te wijzigen nadat de aanbieding is verlopen.

8. Bied aan om gerichte actie te ondernemen

Bij het laden van de community-omslag worden twee knoppen horizontaal in de rechter benedenhoek geplaatst: schrijf een bericht en word lid van de groep. Richt een pijl op hen om nog meer de aandacht van het publiek te trekken. Dus als een product op een banner wordt getoond, kun je in berichten aanbieden om het meteen te bestellen. En als het een samenvatting van het laatste nieuws bevat, abonneer je dan om altijd de laatste informatie te ontvangen.

Upload een avatar en selecteer een miniatuur

Sommige merken nemen de omslag nog steeds niet over en geven de voorkeur aan het oude uiterlijk van het eerste scherm van de groep, waarbij een combinatie van een avatar en een vastgezette post als zogenaamde “header” wordt gebruikt. In dit geval is de ene foto een voortzetting van de andere. Het ziet er het meest indrukwekkend uit als de foto op hetzelfde niveau eindigt als de avatar.

Wanneer je de maximale avatargrootte van 200x500 pixels gebruikt, moet de grootte van de afbeelding in het vastgezette bericht 510x308 pixels zijn. Een uitstekende boeiende techniek is om een ​​video bij te voegen die is geüpload via een sociale netwerkspeler, die de avatar stilistisch voortzet.

Als je een cover als header gebruikt, wordt de avatar dan altijd als miniatuur weergegeven.

Regels voor het ontwerpen van een avatarminiatuur van een VK-community

Een miniatuur is een kleine ronde afbeelding die is bijgesneden uit een grote avatar en wordt weergegeven bij het zoeken naar groepen, in de lijst met communities voor elke gebruiker en aan de linkerkant onder de omslag, als die er is. Hier zijn enkele ontwerptips.

1. De thumbnail moet begrijpelijk zijn voor het publiek

Je moet geen rare illustratie posten. Visualiseer iets dat de doelgroep vervolgens met het merk zal associëren, bijvoorbeeld een logo, een product-/dienstpictogram of misschien wel het belangrijkste marketingkarakter van het merk.

2. Gebruik alleen foto's van hoge kwaliteit

Het is beter om de bron 2-3 keer groter te uploaden dan de vereiste grootte, zodat je de verschrikkelijke pixel-vierkanten kunt vergeten die je niet in het beste licht laten zien.

3. Ontwerp je eigen illustraties

Standaard stockfoto's zien er goedkoop en onprofessioneel uit en zullen synoniem worden met het wantrouwen van gebruikers tegenover het merk. Maak unieke ontwerpen in hetzelfde concept en dezelfde kleuren als de rest van het ontwerp.

4. Afbeeldingen die contrasteren met de achtergrond van de pagina zijn wat je nodig hebt

Wanneer je VK-thumbnails zo pakkend ontwerpt, zal het “ronde stuk” opvallen in de feed tussen andere groepen en niet samenvloeien met de achtergrond van de pagina.

5. Plaats contacten of USP van het bedrijf

Afhankelijk van het doel dat voor de miniatuur is ingesteld, plaatst u er een telefoonnummer of websiteadres op, informatie over gratis verzending, een indicatie van de laagste prijs in het segment of een promotie.

6. Maak de tekst groot en leesbaar

Het is beter om geen serif- of cursieve lettertypen te gebruiken - deze maken te veel ruis wanneer ze worden bekeken op pc-schermen, mobiele apparaten en smartphones, waardoor het zicht wordt vertroebeld. Zorg ervoor dat de tekst niet buiten de randen van de bijgesneden miniatuur uitsteekt. Hierdoor kunt u de boodschap correct en effectief overbrengen naar de gebruiker.

7. Gebruik aangepaste vormen

Voer in de gewenste ronde sjabloon bijvoorbeeld een veelhoek of andere geometrische vorm op een witte achtergrond in. Creëer een ongelezen meldingseffect of een grafisch ‘online’-pictogram.

Ontwikkel een menu

Het menu is een belangrijk onderdeel van het ontwerp van een groep in Contact, waardoor het voor gebruikers gemakkelijker wordt om door de groep te navigeren - het zal voor mensen handiger zijn om de informatie te vinden die ze nodig hebben. Elk element en elke pagina is gemaakt in een speciale programmeertaal: Wiki-opmaak. Hiermee kunt u afbeeldingen klikbaar maken en handige pagina's binnen het sociale netwerk maken alsof het een websitepagina is.

U kunt zowel open als gesloten menu's gebruiken. In het eerste geval ziet de gebruiker onmiddellijk de secties die erin zijn opgenomen, in het tweede geval worden ze voorafgegaan door een voorbeeldafbeelding met het opschrift "Menu". Het menu kan ook visueel een voortzetting van de avatar worden als je de oude community-ontwerpoptie gebruikt.

Ontwikkel een productshowcase

Wanneer u producten in uw community-showcase plaatst, moet u er rekening mee houden dat gebruikers altijd de eerste drie items zien. Plaats de populairste en meest geordende erin en upload een presentatieafbeelding in dezelfde stijl. Publiceer hier uniforme iconen of foto's van de producten zelf. Diensten kunnen in producten worden geplaatst. Laat in het ontwerp het proces van het leveren van de dienst of het resultaat ervan zien. De grootte van zo'n foto is vierkant: 400x400 pixels.

Post-ontwerp

1. Maak volledig gebruik van de beschikbare afbeeldingsformaten

De maximale breedte van een afbeelding in een feed is 510 pixels. Vierkante afbeeldingen van 510x510 pixels en rechthoekige afbeeldingen van 510x300 pixels zien er het meest indrukwekkend uit.

2. Ontwikkel een aangepaste berichtstijl

Om uw berichten er individueel uit te laten zien, bedenkt u een uniforme stijl, lettertype en kleurenschema.

3. Plaats een korte tekst op de afbeelding

U kunt een afbeelding bijvoorbeeld in twee delen verdelen: tekst en afbeelding, of tekst schrijven terwijl u de achtergrond donkerder maakt. Om de tekst zichtbaar te maken zonder een donkere achtergrond, schrijft u deze op een achtergrond (een contrasterend grafisch blok met een uniforme kleur) of voegt u een schaduw toe aan de inscriptie. Foto's met een kader zien er goed uit.

4. Maak verschillende sjablonen voor verschillende doeleinden

Gebruik voor offertes bijvoorbeeld één sjabloon voor de presentatie van visuele informatie, voor de aankondiging van materiaal van de site - een andere, en voor wedstrijden een derde.

Gebruik deze absolute technieken en uw bedrijf wordt op de best mogelijke manier op VKontakte gepresenteerd en het zal voor klanten handig zijn om ermee te communiceren. Maar vergeet niet dat alles met mate moet gebeuren! Bekijk nog meer frisse ideeën voor het ontwerpen van een VK-gemeenschap op de dienstenpagina van het Tesla Target-bureau.

Wil je weten hoe je in 2018 een groep op VKontakte maakt? En ontwerp het niet alleen, maar doe het zelf correct en mooi! Als je antwoord “Ja” is, dan is dit artikel speciaal voor jou!

Het sociale netwerk "VKontakte" is een van de meest populaire. Daarom kunt u hier meer communicatie, gelijkgestemde mensen en alleen vrienden vinden, en uw diensten en producten promoten. Dankzij de gecreëerde communities vind je snel alles over een evenement, product, dienst, etc. dat je interesseert.

Op de beheerpagina klikt u op “Uploaden” en selecteert u een afbeelding. Het ziet er als volgt uit: groepsnaam, vervolgens avatarminiatuur, status.

Helaas ondersteunt mobiel deze functie nog niet. Maar aangezien deze innovatie nog niet zo lang geleden plaatsvond, zal ze net zo relevant zijn voor promotie als al het andere.

Om gemakkelijker toegang te krijgen tot de voorgestelde materialen, kunt u een menu maken. En de volgende keer vertellen we je hoe je het zelf kunt maken.

Vastgezet bericht

Geheimen van het creëren van een VK-groep

Als bonus delen we de geheimen van het ontwerpen van een VK-groep en onze persoonlijke ervaring, waardoor je het ontwerp meteen op een gevorderd niveau zelf kunt voltooien. Zo kun je bijvoorbeeld zo’n mooi blok van diverse applicaties opzetten, waardoor de betrokkenheid meerdere malen toeneemt!

Gratis applicaties. Ga naar communitybeheer en ga naar "Toepassingen" om de instellingen te bewerken.

Hier kunt u ervoor kiezen om een ​​applicatie toe te voegen die een uitstekende aanvulling zal zijn op de functionaliteit van de groep. In onze groep, die gratis nuttige inhoud maakt, is er bijvoorbeeld een knop 'Steun de gemeenschap', door erop te klikken kunt u een bedrag vanaf 100 roebel doneren ten behoeve van de gemeenschap. Het kan ook een productwinkel zijn, een vragenlijst, tests, online chat, een nieuwsbriefabonnement, etc.

Andere handige widgets en applicaties:

• vragenlijsten;
• testen;
• inschrijving voor diensten;
• het verzenden van berichten;
• goederen winkel;
• enzovoort.

Discussies. Maak meerdere onderwerpen tegelijk over de belangrijkste kwesties die van belang zijn voor klanten of abonnees. Als dit een commerciële community is, dan zijn dit reviews, veelgestelde vragen, informatie over betaling, garanties en levering. Als de gemeenschap informatief is, moeten de belangrijkste discussielijnen gewijd zijn aan onderwerpen die de groep behandelt.

Conclusie

Als je wilt dat het een succes wordt, neem dan de tijd om het correct en mooi te ontwerpen. Hoe grondiger u dit probleem benadert en alle scenario's van gebruikersgedrag doordenkt nadat u naar de groepspagina bent gegaan, hoe hoger de conversie naar abonnement en vervolgens naar aankoop zal zijn.

In dit artikel zullen we kijken hoe je een groep in contact mooi en correct ontwerpt zodat het voor bezoekers zo gemakkelijk mogelijk is.
Overwegen, hoe je een VK-groep mooi en correct ontwerpt we zullen niet vanuit een ontwerpoogpunt werken, maar vanuit het gezichtspunt van de doelen waarmee de groep wordt geconfronteerd.
Het hoofddoel van elke groep– de bezoeker voor zich winnen, zodat hij meteen begrijpt waar de groep over gaat en lid wil worden. Om de groep zo handig mogelijk te maken, moet u het aantal acties van de bezoeker minimaliseren. Dat wil zeggen dat de gebruiker idealiter niet begrijpt waar de groep over gaat, dat hij geen extra klikken mag maken of door de pagina moet scrollen.

Om erachter te komen hoe we een groep waarmee we contact hebben op de juiste manier kunnen structureren, kijken we naar de structuur ervan op basis van de belangrijkste elementen.
Ik heb een speciaal visueel diagram met uitleg opgesteld.

Een diagram van hoe je een groep mooi en correct kunt organiseren in VK.

U kunt het diagram live bekijken koppeling.

1. Avatar.
Het belangrijkste grafische element van de groep. De structuur kan variëren afhankelijk van het onderwerp van de groep. In het diagram wordt een voorbeeld weergegeven dat geschikt is voor een verkoopgroep. Belangrijkste aanbevelingen voor avatarontwerp:
A) Het overbrengen van de essentie. Het belangrijkste doel van de avatar is om de belangrijkste kenmerken van de groep over te brengen, om te vertellen waar het over gaat en voor wie. Niet alleen de afbeelding zelf, maar ook de tekstinscripties helpen u hierbij. Het is echter raadzaam om de tekst zo klein mogelijk te houden.
B) Hoge kwaliteit beeld. De graphics moeten van hoge kwaliteit en mooi zijn, maar meer ook niet. De avatar mag niet overmatig afleiden van de hoofdinhoud.
IN) Gebruik elke mogelijke ruimte. De maximale uitvoergrootte van een avatar is 200 bij 449; het is niet aan te raden deze kleiner te maken. Als je meer doet, behoud dan de verhoudingen.

2. Groepsstatus.
Ondanks dat dit een relatief klein pagina-element is, is het behoorlijk belangrijk. De status moet kort de belangrijkste informatie over uw groep weergeven. De maximale lengte van een status is 140 tekens.
Probeer de status zo duidelijk en lokaal mogelijk te maken. Gebruik pictogrammen. Pictogramcodes voor invoeging zijn bijvoorbeeld te vinden: .
Voorbeelden van icooncodes voor verkoopgroepen:
Telefoon - code: _9742;
Icoon berichtcode verzenden: _9993;
Aanwijzer - code: _128073; of codeer: _10145;

3. Beschrijving van de groep met een menu of vastgezet bericht.
Onder de status, helemaal in het midden van de pagina, vindt u de hoofdinhoud. Er zijn twee hoofdopties voor wat er in de inhoud kan staan. Dit is een beschrijving van de groep met een menu en een vastgezette post van de muur.
Het menu is best handig qua navigatie, maar vereist een extra klik om uit te vouwen, dus we zullen niet in detail ingaan op het maken van een menu voor een groep. Er is veel materiaal over het onderwerp wiki-markeringen op internet te vinden.
Voor de computerversie van de groep is het naar onze mening beter om van een vastgezet bericht de hoofdinhoud te maken, omdat het de volledige bruikbare ruimte in beslag kan nemen, best handig is en geen extra klikken van de gebruiker vereist.
Algemene richtlijnen voor het maken van een vastgezet bericht:
A. De hoofdtekst moet zo gemakkelijk mogelijk te lezen zijn. Maak intensief gebruik van pictogrammen en badges.
B. De totale hoogte van het vastgezette bericht mag niet verder gaan dan de onderrand van de avatar. Experimenteel kunt u de optimale hoeveelheid tekstinhoud selecteren.
B. Het aanbevolen formaat van de bijgevoegde afbeelding is 395 bij 289. Deze formaten zijn optimaal om er belangrijke informatie in te plaatsen.

Naast de belangrijkste elementen zijn er ook andere die niet minder belangrijk zijn, namelijk: groepsmuur, discussies, albums, video's, documenten en contacten.
Deze elementen zijn in wezen groepsinhoud. Inhoud– dit is de belangrijkste reden waarom een ​​bezoeker zich abonneert op de groep. De inhoud moet worden opgemaakt volgens de basisstijl van de groep. Maar het ontwerp is niet zo belangrijk als de inhoud van de inhoud zelf.
Als de groep leeg is en afgezien van het ontwerp niets waardevols bevat, is het onwaarschijnlijk dat iemand zich erop zal abonneren. We zullen niet in detail schrijven over de inhoud van dit artikel. Een artikel over hoe je een VKontakte-groep mooi en correct kunt ontwerpen. Als u hulp nodig heeft bij het schrijven van inhoud, kunt u contact met ons opnemen als onderdeel van de service “ ”
Dat is alles voor vandaag met betrekking tot groepsontwerp. Schrijf uw vragen over het artikel in de reacties hieronder.
Voor vragen over het bestellen van diensten kunt u schrijven naar icq 275129,