Het onderwerp van dit artikel is nieuw ontwerp In contact met. Opnieuw gewijzigd, nu kunt u een horizontale dekking in een groep plaatsen. Het is veel interessanter om je VK-community met zo'n header te ontwerpen. Eerlijk gezegd is hier geen Photoshop-kennis vereist. Kun je het doen zonder speciale vaardigheden? mooie foto zelfs in PowerPoint, Fotor, Canva, Pixlr Editor.

Als je naar de groep gaat, zul je merken dat in die groepen de knoppen “ Vastgezet bericht", "Informatie" en "Druk op menu". En voordat ze verborgen waren. Uiteraard begon alle registratie van de groepen onmiddellijk.

Een nieuwe omslag uploaden

Laten we nu eens kijken hoe we de mogelijkheid kunnen inschakelen om een ​​horizontale header te installeren. Laten we op de knop "Beheren" klikken.

Klik vervolgens op de laatste en download nieuwe cover VKontakte-groepen. Hier kunt u begrijpen dat het downloadbestand elke grootte kan hebben! Maar niet minder dan het formaat 1590x400 px. We maken een omslagprototype in elke editor. Vervolgens kunnen we het gebied selecteren en opslaan dat aan de VK-vereisten voldoet. Hier volgt een tip over waar u een omslagafbeelding kunt vinden en welke editor u moet gebruiken

Wat is er interessant aan het nieuwe ontwerp van VKontakte?

Het belangrijkste: er is meer ruimte voor informatie. Nu kunt u hier de naam van de groep schrijven, het doel van de oprichting ervan, een oproep tot actie, enzovoort. Een dergelijk ontwerp zal logisch compleet en functioneler zijn. Maar je kunt het laten oud ontwerp, het is een kwestie van ieders smaak.

Wanneer je een horizontale hoes ontwerpt, merk je dat interne menukaart valt nu op de een of andere manier buiten de algemene context. Ik denk dat het beter zou zijn om de afbeelding vast te pinnen om naar het menu te gaan. En gebruik het om wikipagina's in de groep te hosten.

Tegelijkertijd zou ik graag willen dat de ontwikkelaars een andere optie toevoegen voor het opzetten van een mooie overgang naar Wiki-pagina's.

Ik zou willen opmerken dat sinds 2016 de ontwikkelaars sociaal netwerk VKontakte probeert actief dit netwerk op te zetten om zaken te promoten. Maak het handiger voor zaken of zoiets. Vanuit mijn oogpunt is dit erg goed en er is veel vraag naar bij veel internetondernemers.

Maar het belangrijkste is naar mijn mening dat ze het "Bans" -systeem zorgvuldig moeten overwegen, zodat ondernemers rustig kunnen werken zonder de gebruikers te hinderen die plezier kwamen maken op het sociale netwerk.

Hoe u online een VKontakte-groepsdekking kunt maken

Gebruik je creativiteit en kies wat je verkiest: een horizontale cover of het al bekende VKontakte-ontwerp. Het online aanmaken en installeren van een nieuwe hoes wordt stap voor stap duidelijk uitgelegd in de video onder het artikel.

P.S. Ik hoop dat deze informatie nuttig voor u is.

P.S.S. Gebruik je creativiteit en veel succes bij al je inspanningen!

VKontakte bevalt zijn gebruikers grote hoeveelheid interessant ontworpen groepen. Velen van hen doen qua uiterlijk niet onder voor een volwaardige website. Dit effect zorgt voor competent ontwerp groepen, in het bijzonder menu's en avatars. Geavanceerde gebruikers zal deze taak gemakkelijk aankunnen, maar als je een beginner bent, dan zal het artikel nuttig voor je zijn.

Hoe je een groep prachtig ontwerpt op VKontakte

Een spandoek maken

Bij het bekijken van een groep let de gebruiker allereerst op de avatar en het menu. Hieronder zullen we bespreken hoe u twee afbeeldingen kunt maken Photoshop-programma, knip er een correct uit en schrijf speciale code wijzend op

Fase 1

Open Photoshop en maak nieuw document met afmetingen 630x725 pixels. Vul het met wit. Knip twee vensters uit in de laag. Door deze ramen zal kijken grafisch ontwerp Contact. Selecteer eerst een rechthoekig gebied van 200x710 pixels en druk op de knop "Del". Selecteer vervolgens een rechthoekig gebied van 382x442 pixels, combineer de resulterende rechthoeken onderaan en druk op de "Del"-toets.

Stage 2

Onder de resulterende laag plaatsen we het grafische ontwerp van de groep. Het is het beste om van tevoren op de foto met de hoofdachtergrond te schrijven benodigde tekst en maak bovendien het vereiste aantal menu-items aan.

Fase 3

Het volgende is het rechter rechthoekige gebied van 200x710 pixels. opslaan als aparte afbeelding. Het resultaat is een volledig afgewerkte tekening voor het ontwerp van de groep. Het moet in het blok worden geladen, dat zich in bevindt bovenste hoek pagina's aan de rechterkant. Om dit te doen, klikt u op de knop "Foto uploaden".

Waarom linker foto? We snijden het in verschillende delen (afhankelijk van het aantal menu-items). Ons menu heeft bijvoorbeeld 5 items, wat betekent dat de uitvoer 5 afbeeldingen van 382x50 pixels zal zijn.

Fase 4

De vijf ontvangen foto's moeten worden geüpload naar het groepsalbum. Ga vervolgens naar de groepspagina en selecteer het blok “Nieuws”, hernoem het naar “Groepsmenu” en klik vervolgens op “Bewerken”.

Fase 5

Hier komen we aan laatste stadium gids “Hoe je een groep prachtig ontwerpt op VKontakte”. Open het tabblad met de naam "Het origineel dat zich in het onderste venster bevindt, moet worden gekopieerd en vervolgens in" geplakt Bron". Vervang in de tekst van de code de foto door bestandsnamen en noteer de hoogte van het bestand (382 pixels). Voeg nu de adressen van de menulinks in. De bestandsnaam is afkomstig uit het album.

Fase 6

Om afbeeldingen perfect te combineren, moet aan verschillende voorwaarden worden voldaan:

De groepsnaam moet op één regel passen;

Het websiteadres bestaat ook uit één regel.

De beschrijving moet 10 regels bevatten.

Wiki-opmaak VKontakte

Om te begrijpen hoe je het mooi kunt ontwerpen, moet je ook vertrouwd raken met het concept van Wiki-opmaak.

Wat het is?

Wiki-opmaak is dus een systeem dat is ontworpen om pagina's op een vergelijkbare manier als HTML te bewerken. Voordat u begint met het maken van een VKontakte-groep, moet u het type bepalen. Ontwerp kan grafisch en tekst zijn.

Ontwerp van tekstmenu

De code voor het menu ziet er als volgt uit:

Het begin en einde van de code worden aangegeven door tags. Elk pictogram ziet er uit als [] en vervolgens als beschrijving.

Grafisch menu

De code voor een dergelijk menu wordt samengesteld volgens het volgende principe:

! !! !!

Natuurlijk schetst deze informatie slechts het oppervlak van het onderwerp Wiki-opmaak. U kunt er meer over leren door een bezoek te brengen officiele groep In contact met. Er worden er veel gepresenteerd bruikbare informatie en video-tutorials over hoe u prachtig kunt ontwerpen

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 zul je leren doen mooi ontwerp voor een groep of publiek met uw eigen handen, zonder toevlucht te nemen tot de hulp van freelancers en professioneel internet ontwerpers.

Zodat u meteen begrijpt wat wij bedoelen we praten over– Ik plaats een voorbeeld van een gevormde groep:

Als het in 2 woorden is, dan in grafische editor(hetzelfde als Adobe Photoshop) worden gemaakt in 2 afbeeldingen. Eén ervan wordt in verschillende fragmenten geknipt en links worden toegevoegd met behulp van de VKontakte wiki-opmaak. Als je hier niet bang voor bent enge woorden- Ik zal doorgaan.

Stap 1. In een grafische editor (het is het beste om adobe photoshop) moet u een document van 630 bij 725 pixels maken. 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 verschillende afbeeldingen worden geknipt (in 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.

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 kun je snel alles vinden over een interessant evenement, product, dienst, etc..

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 dit nog niet deze functie. Maar aangezien deze innovatie nog niet zo lang geleden plaatsvond, zal ze net zo relevant zijn voor promotie als al het andere.

Voor meer makkelijke toegang U kunt een menu samenstellen voor de aangeboden materialen. 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 creëren van een VK-groep en die van ons persoonlijke ervaring, waarmee u het ontwerp direct op een gevorderd niveau zelf kunt voltooien. U kunt bijvoorbeeld zoiets als dit configureren prachtig blok van diverse toepassingen, wat de betrokkenheid meerdere malen vergroot!

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 elk bedrag vanaf 100 roebel doneren ten behoeve van de gemeenschap. Het kan ook een productwinkel zijn, een vragenlijst, tests, online chat, abonnement op een nieuwsbrief, enz.

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.

), maak een menu.

Nu zal ik het je laten zien hoe je een menu maakt in een VKontakte-groep en het correct ontwerpt.

Mooie graphics maken

In het nieuwe ontwerp van de VKontakte-website zijn de afmetingen voor afbeeldingen gewijzigd. Hieronder vindt u de huidige waarden.

• Avatar voor de groep - 200x300 px
• Banner in beschrijving - 510x271 px

Bereid afbeeldingen voor de juiste maten. Ik zal kant-en-klare foto's maken om u een voorbeeld te laten zien.

Laten we dus een mooi ontwerp maken door het totaalbeeld in twee delen te verdelen. Het resultaat is dat we één ontwerp krijgen.

Upload eerst uw avatar. Ga naar de groep en klik "Om een ​​foto te uploaden".

U ziet een formulier waarin u een bestand op de harde schijf van uw computer moet selecteren. Doe het. Als gevolg daarvan kregen we het volgende.

Laten we nu het tweede deel van de afbeelding toevoegen. Om dit te doen, moet je een foto aan de muur hangen en deze vervolgens opnemen en in het bovenste gedeelte bevestigen.

Laten we naar de muur gaan. Hier op het blok "Voeg een notitie toe", tik op het fotopictogram.

Upload de tweede voorbereide afbeelding. Zorg ervoor dat u ervoor kiest om als community te posten. En klik vervolgens op "Verzenden".

Nu moet de toegang worden beveiligd (zie). We keren terug naar het nieuwe item en vouwen het menu in de rechterbovenhoek uit. Hier klikken we op “Pin”.

Vernieuw nu de pagina en bekijk het resultaat.

Het enige negatieve is dat de foto's erop staan op verschillende niveaus. Maar dit komt door het feit dat ze dat niet zijn juiste maat. De avatar moet verticaal groter zijn. Dan zitten ze op hetzelfde niveau.

Hoe een menu te maken in een VKontakte-groep

Laten we teruggaan naar ons voorbeeld en ons voorstellen dat we een knop 'Meer details' moeten maken. Ze staat al op de foto. Hoe kunnen we er een knop van maken, zodat iemand die erop klikt, naar onze hoofdsite wordt geleid? Ik zal het je nu laten zien.

Te doen actieve knoppen menu, moeten we ze uitknippen als afzonderlijke afbeeldingen. Hiervoor hebben we Photoshop nodig.

Open onze foto in de editor en activeer de tool “Snijden”.

Knip het onderste gedeelte af met de knoop. Klem linker knop muis en veeg horizontale lijn, waarbij de afbeelding in twee delen wordt gesneden.

Druk nu op Alt+Ctrl+Shift+S om de voltooide afbeeldingen op te slaan.

Https://vk.com/pages?oid=-120208137&p=menu

Kijk, na de symbolen "odi=- ", moet je de ID van je groep invoegen (zie). En schrijf helemaal aan het einde van de link de naam voor uw menupagina. In het voorbeeld laten we “Menu” zoals het is.

Hier klikken we op het camerapictogram en uploaden de voorbereide afbeeldingen.

Laten we nu verder gaan met het maken van een menu voor de groep op VK. Het zou er ongeveer hetzelfde uit moeten zien.

Vervolgens gaan we naar de sectie "Bewerken". Hier moeten we voor elke afbeelding de opvulling verwijderen, zodat ze samenvloeien tot één afbeelding. Om dit te doen, voegt u de volgende waarde toe aan de code: “nopadding;” . En voeg een link toe aan gewenste pagina of een website, waarbij u de waarde “https://site.ru/page.html” invoert (geef uw adressen aan!). In ons voorbeeld zou de knop ‘Meer details’ naar de website moeten leiden. Dit is wat er zou moeten gebeuren.

[] []

Sla de pagina op. Vergeet niet haar adres te kopiëren adresbalk. Het zou er zo uit moeten zien:

https://vk.com/page-120208137_52523487

We keren terug naar de groepsmuur en creëren nieuwe invoer. Daarin voegen we een link naar de pagina in en voegen de originele afbeelding toe. Wij publiceren en pinnen.

Dit is het menu waar we uiteindelijk mee uitkwamen.