Cap pour un groupe de VK. Comment faire une couverture pour un groupe en VK

Dans cet article, je vais vous parler de la nouvelle fonction du réseau social VKontakte.
Plus récemment, l'occasion de créer un chapeau dans un groupe ou une communauté. Cela vous permet de modifier légèrement l'apparence de votre groupe et de vous démarquer du reste.

Le nouveau chapeau a l'air frais et plus beau que le vieil avatar.
Vous pouvez également placer plus d'informations dans l'en-tête, ajouter un téléphone, le site Web officiel et le logo sans surcharger l'image. C'est pourquoi il vaut la peine de faire un chapeau dans le groupe.

À quoi ressemble un chapeau dans un groupe ou une communauté de VKontakte:

Aujourd’hui, j’ai changé le cap dans ma communauté, d’ailleurs, rejoignez la communauté, de nouveaux articles y apparaissent immédiatement après leur publication sur le blog. Ma communauté ressemble maintenant à ceci:

Comment faire un chapeau dans un groupe ou une communauté de VKontakte:

Passons à la pratique. Vous devez d’abord créer cet en-tête dans n’importe quel éditeur d’image.
Tailles des majuscules pour le groupe VKontakte: 1590x400 pixels

Préparez à l'avance l'image de la taille souhaitée, après quoi il n'y aura que quelques clics et votre groupe ou communauté aura un grand en-tête vertical.
Une fois l'image préparée, accédez à la page de la communauté et à la page Gestion de la communauté:

Une fois sur la page de gestion de la communauté, vous devez trouver la ligne "Couverture de la communauté" et cliquer sur le bouton de téléchargement:

En cliquant sur Télécharger, sélectionnez votre en-tête pré-préparé pour le groupe (taille 1590x400 pixels) et cliquez sur Enregistrer et continuer:

Tout le monde Le cap dans votre communauté est en place!

Comment faire IMAGE pour les rubriques VK et pour tout le reste:

Si vous cherchiez des instructions pour créer une belle image sur l'en-tête de Vkontakte, et non comment l'installer sur le site lui-même.
Ensuite, ce cours vous aidera.

C'est le meilleur cours pour photoshop, pour les débutants.
Je vous suggère de vous familiariser avec l'option de formation qui offre
Zinaida Lukyanova - la créatrice du projet "Photoshop Master" - le plus grand portail pour Adobe Photoshop dans l'espace russophone. En termes de qualité de la formation, cette méthode n’est pratiquement pas inférieure à celle d’un tuteur personnel, mais elle coûte des centaines de fois moins chère et est accessible à tous.

J'espère que l'article vous a été utile et que vous avez appris à créer un en-tête pour le groupe ou la communauté VKontakte.
Ce réseau social n'arrête pas de mettre à jour son site. Au cours de la dernière année, de nombreuses mises à jour ont affecté ce réseau. Pour le mieux, le temps nous le dira.

J'aime davantage la nouvelle conception des réseaux sociaux et la possibilité d'ajouter des produits à des groupes est également très utile. utile. Je pense que VKontakte rencontre les entreprises, mais un utilisateur régulier en souffrira-t-il? Cette question ne fera que le temps.
, commentez, partagez cet article dans les réseaux sociaux.
Je vous souhaite bonne chance et de nouveaux abonnés.
Cordialement, Sergey Sadovnikov.

Sp-force-hide (affichage: aucun;). Sp-forme (affichage: bloc; arrière-plan: rgba (250, 108, 108, 1); remplissage: 15px; largeur: 100%; largeur maximale: 100%; bordure -radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-color: #dddddd; style de la bordure: solide; largeur de la bordure: 1px; fonte-famille: Tahoma, Genève, sans-serif;). sp-form .sp-form-champs-wrapper (marge: 0 auto; largeur: 710px;). sp-form .sp-form-control (background: #ffffff; border-color: #cccccc ; border-style: solide; border-width: 1px; taille de police: 15px; padding-left: 8.75px; padding-right: 8.75px; border-radius: 4px; -moz-border-radius: 4px; -webkit -border-radius: 4px; hauteur: 35px; largeur: 100%;). libellé .sp-form .sp-field (couleur: rgba (255, 255, 255, 1); taille de police: 13px; style de police: poids de police: gras;). sp-form .sp-button (border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: # f5ff2e; color : # 171717; largeur: auto; épaisseur de police: gras; style de police: normal; famille de polices: Arial, sans-serif; box-shado w: insert 0 -2px 0 0 # e4f000; -moz-box-shadow: encart 0 -2px 0 0 # e4f000; -webkit-box-shadow: encart 0 -2px 0 0 # e4f000;). sp-formulaire .sp-button-container (text-align: right;)

Les éléments graphiques dans la conception de la communauté de Vkontakte attirent l'attention du visiteur, le retiennent et renforcent également la sensibilisation d'un groupe ou d'un public parmi des milliers de communautés similaires. De plus, le menu graphique facilite la navigation dans les différentes sections du groupe, aidant ainsi les participants et les autres utilisateurs du réseau social à naviguer dans la structure d'une grande communauté.

Une recherche dans VK ou l'affichage d'un portefeuille de concepteurs montre de nombreux exemples réussis de la conception de groupes Vkontakte, à partir desquels vous pouvez vous appuyer sur la sélection du menu de couverture pour votre communauté.

Les dimensions suivantes du groupe Vkontakte sont utilisées:

La couverture de la page est indiquée en haut. Pour toute la largeur du public, la taille est de 1590 x 400 pixels;
Le grand avatar est une bannière verticale de 200x500 px (format d'image 2: 5), affichée en haut à droite;
Un petit avatar, une image ronde, est montré dans chaque message du groupe, taille 200x200 pixels.
Image du menu du groupe Vkontakte, largeur 510 pixels, hauteur - 307 (de sorte que le bord inférieur du menu coïncide bien avec le bas du grand avatar situé à droite).

Si une image de couverture est chargée dans les paramètres de la communauté, le grand avatar de droite ne s'affiche pas.

Comment fabriquer soi-même un chapeau pour le groupe Vkontakte

Pour que la rubrique de la communauté soit belle, tous ses éléments graphiques doivent être décorés dans un style (jeu de couleurs, logos, polices de caractères) ou faire partie de la même image. Lorsque vous créez vous-même un groupe de Vkontakte, la première étape consiste à préparer une image d'arrière-plan. Cela peut être une image thématique tirée de photobanques gratuites (par exemple, pixabay.com).

Ouvrez l'image dans l'éditeur graphique. Taille ou échelle à la taille: longueur 1590 px, hauteur 400 px.

Ensuite, vous pouvez mettre les inscriptions nécessaires (nom du groupe, slogan, appel à rejoindre la communauté). Vous devez maintenant télécharger une page de couverture dans la communauté. Pour ce faire, sélectionnez l’option de menu "Gestion de la communauté":

Cliquez sur le message «Télécharger» dans le champ «Couverture communautaire».

Dans la fenêtre suivante, sélectionnez le fichier de couverture préalablement préparé sur votre ordinateur, puis cliquez sur "Enregistrer et continuer".

Votre groupe aura maintenant une nouvelle couverture. Tenez compte du fait que dans ce cas, l'image verticale du grand avatar de droite ne sera pas affichée.

L'image ou la photo doit correspondre au thème de la communauté.
Utilisez des images de haute qualité.
Ne violez pas les droits d'auteur d'autrui sur les images (actuellement, les drains gratuits offrent un grand nombre de photos et d'illustrations).
Ne surchargez pas la couverture avec des détails.
Si vous mettez une photo d'une personne sur un chapeau, il est préférable de ne pas regarder le visiteur, mais l'élément le plus important de la page (menu, adresse du site Web, message concernant la promotion, appel).
Utilisez des polices de haute qualité et vérifiez que les étiquettes sont lisibles à toutes les échelles.

Les dimensions des bouchons dans le public Vkontakte dans le nouveau design

Après la refonte de ce réseau social, un nouvel élément de design est apparu: la couverture. Ceci est une grande image d'orientation horizontale de 1590 x 400 pixels. La casquette du groupe Vkontakte est une image statique. Suffisamment grand pour y placer une photo ou une image lumineuse et mémorable, ainsi que le nom du public, le slogan de la société, le nom du site, le calendrier des travaux et autres inscriptions.

Comment créer un menu pour un groupe de VK dans le nouveau design

Le processus d’enregistrement du menu du groupe Vkontakte comprend les étapes suivantes:

Préparer une liste de liens de menu (il peut s’agir de pages, de sections de communauté ou de sites externes).
Préparer l'image de fond.
S'appuyant sur les étiquettes de l'image de fond et le menu "boutons"
Couper l'image en morceaux.
L'inclusion d'une page wiki.
Charger un menu graphique et le formater avec le balisage wiki.

L'image d'arrière-plan doit avoir une largeur de 510 pixels et la hauteur dépend du nombre et de l'emplacement des éléments de menu. Pour travailler avec des images, vous aurez besoin d'un éditeur de graphiques raster. Vous trouverez ci-dessous des exemples utilisant Paint.Net, une application gratuite et facile.

Immédiatement, vous devez planifier l’emplacement des éléments de menu afin que l’image puisse être découpée en fragments de la même taille. Il est important que le menu s’adapte normalement à l’écran des smartphones ou des tablettes.

Menu vertical de la communauté VK avec éléments dans une colonne

Ouvrez la photo dans l'éditeur. Utilisez l'outil d'édition de texte pour écrire des éléments de menu sur l'arrière-plan. Pour rendre les étiquettes de menu visibles, vous pouvez les distinguer de plusieurs manières:

Cercle autour
Changer la couleur de fond sous les lettres;
Ajoutez une ombre aux lettres.

Ci-dessous, dans la capture d'écran, chaque élément est mis en surbrillance de l'une des façons suivantes.

La prochaine étape consiste à couper l’image en morceaux:

Le processus de découpe de l'image peut également être effectué à l'aide d'un outil en ligne pratique, www.imgonline.com.ua/cut-photo-into-pieces.php.

Ensuite, dans le menu «Gestion de la communauté», allez à l’élément «Sections» et dans la section «Matériel», sélectionnez «Restreint» (cela signifie que seul l’administrateur du groupe peut créer et éditer des pages).

Cliquez sur Sauvegarder et allez au groupe principal. Près de la section contenant des informations sur le groupe est apparu l’item "Dernières nouvelles".

Accédez à cette section et cliquez sur Modifier. Changez le titre en "Menu" puis cliquez sur l'icône de la caméra pour ajouter une image.

Cliquez sur l'image ajoutée et dans la fenêtre des propriétés, spécifiez le lien vers la section souhaitée.

Vkontakte réduit automatiquement l'image à 400 pixels et insère des balises supplémentaires. Pour résoudre ce problème, accédez au mode d’édition du balisage.

Chaque étiquette d'image commence par “[[” et se termine par “]]”, se compose de trois parties, séparées par “|”: ID d'image, propriétés et lien. Il est nécessaire d'ajuster la taille des images et d'insérer la balise "nopadding" dans leurs propriétés. Les propriétés des images sont répertoriées via ";".

Une fois les modifications enregistrées, la création du menu est terminée.

Menus avec éléments horizontaux ou multilignes

Dans ce cas, la préparation des images est également effectuée, mais avec la source coupée et verticalement. Les tranches coupées sont chargées via l'interface d'édition de page. La position mutuelle des fragments rectangulaires est définie à l'aide du balisage wiki dans VK. Chaque balise d'image avec un lien décrit dans la section précédente est placée dans une cellule de tableau.

Règles de conception de la table:

Le début est indiqué par le symbole "(|", la fin du tableau - "|)".
Des propriétés supplémentaires sont spécifiées après le "| ~"
Une nouvelle ligne commence par "| -".
Chaque cellule est séparée par un "|".

Pour éliminer les espaces supplémentaires, vous devez spécifier les paramètres de la table «fixed nopadding noborder». La disposition du menu graphique de 2 colonnes et 2 lignes ressemble à ceci:

Et le menu lui-même dans le groupe:

Taille de l'avatar du groupe dans le nouveau design pour le design du public VK

Dans les communautés Vkontakte, deux options d'avatar sont utilisées:

Une grande bannière rectangulaire 200 avec 500 points est affichée en haut à droite si la couverture n’est pas chargée.
Miniature 200x200 pixels, représentée dans les messages et les discussions sous forme de cercle.

Voulez-vous décorer votre groupe dans VK (Vkontakte) et créer pour cela une casquette unique? Dans cet article, je parlerai de la taille et du format appropriés, comment ajouter un en-tête au VC, il suffit de disposer la source PSD (format Photoshop) du modèle de taille souhaité.

Comment faire une couverture pour un groupe dans la VC?

Qu'est-ce qu'un chapeau dans un groupe de la VC? Ceci est juste une image, la taille de 1590 × 400 et le format - JPG, GIF ou PNG. Il est situé au dessus du groupe VC, ressemble à ceci:

Étape 1. Créez une image de la taille souhaitée.

Nous devons d’abord créer la photo elle-même. Pour ce faire, j’ai utilisé Photoshop (vous pouvez télécharger un modèle PSD prêt à l’emploi). Ouvrez Photoshop, choisissez dans le menu "Fichier" -\u003e "Créer" ("Fichier" -\u003e "Créer").

Une fenêtre apparaîtra où vous aurez besoin de télécharger les dimensions de l’image. Nous aurons une largeur de 1590 px, hauteur 400. Les modes de couleur peuvent être laissés par défaut. Cliquez sur "OK"

Je tiens à noter que l'image peut être plus grande, lors de l'ajout d'une image, le VC lui-même propose de la couper à la taille dont il a besoin. Au-dessus de la largeur de 400 px, je ne conseille pas d'ajouter quelque chose, VC coupe une partie de l'image.

En conséquence, nous obtenons une feuille blanche, nous avons besoin de la taille. Ensuite, nous dessinons ce que nous voulons voir dans la casquette et sauvons notre création. Mon modèle ressemble à ceci:

Étape 2. Modifiez l'en-tête dans le groupe VK.

Ensuite, nous devons télécharger notre image sur le groupe VK. Pour ce faire, allez dans notre groupe, dans le coin supérieur droit (sous l'avatar du groupe), cliquez sur "trois points" (...), dans le menu déroulant, sélectionnez "Gestion de la communauté".

Une fenêtre apparaît avec une suggestion pour télécharger une image, cliquez sur "Sélectionner un fichier".

Nous sélectionnons notre image et une fenêtre apparaît avec la possibilité de rogner l'image, puisque tout correspond à la taille souhaitée, cliquez sur "Enregistrer et continuer"

En conséquence, nous verrons un message indiquant que la couverture a été téléchargée avec succès, puis nous adressons simplement à notre groupe et admirons l’effet obtenu.