Création d'une bannière pour VK. Comment créer correctement un groupe VKontakte - éléments de base et fonctionnalités utiles. Article publicitaire avec image

10.04.2019

À l'été 2016, les développeurs du réseau social Vkontakte ont finalement surpris leurs utilisateurs avec un design entièrement mis à jour. Pour être honnête, les habitués de ce site ont eu une réaction très mitigée au nouveau design ; cela était plus vrai pour les propriétaires de communautés avec une image fuite comme design (avatar + bannière). La distance entre les nouvelles épinglées et l'avatar a littéralement doublé, la bannière est devenue sensiblement plus grande et abaissée, et la vignette de la communauté n'est plus un carré, mais une zone ronde - tous ces moments gênants ont causé beaucoup de problèmes aux personnes qui ont commandé et installé la conception pour leurs groupes plus tôt. La seule issue à cette situation était de retravailler l’ancienne conception pour répondre aux nouvelles exigences tout en conservant le concept.

Bien que concevoir des communautés VKontakte semble assez compliqué (surtout si on le compare à d'autres réseaux sociaux, où une couverture rectangulaire et un avatar carré suffisent généralement), ce n'est en réalité pas tout à fait vrai. Ensuite, les exigences relatives aux images graphiques et, en général, les moyens de concevoir un groupe en tant que tel seront décrits.

La première façon de rendre votre communauté vendeuse et attractive est le schéma standard « avatar+bannière+menu ».

Avatar

L'avatar est resté dans une taille de 200 sur 500 pixels (mais toujours mieux que 400 sur 1000 avec une marge de qualité), bien qu'au départ, lors des tests bêta du nouveau design, une option de taille telle que 200 sur 300 ait été envisagée. est maintenant rond, mais si ce cercle est inscrit dans un carré, alors ses dimensions seront de 200 x 200 pixels, comme avant.

Bannière (post épinglé)

La taille optimale de la bannière est de 1024 x 680 pixels (avec une marge de qualité). J'ai rencontré de nombreuses variantes de la taille idéale de la bannière sur Internet, mais néanmoins, à 1024 x 680, certaines parties de la bannière ne sont pas coupées lorsqu'elles sont visualisées depuis un ordinateur, depuis une version mobile classique ou depuis une application Android. Il convient également de noter que la bannière est désormais plus basse en raison de la duplication du nom de la communauté dans la zone au-dessus de l'image et du transfert de la date de publication de la zone sous l'image vers l'endroit sous le nom en double. Un autre point important est le manque de cliquabilité sur la bannière depuis un appareil mobile. Ceux. Depuis un téléphone, les gens devront cliquer sur le lien situé sous l’image, plutôt que sur l’image elle-même.

En termes de conception de menu et de balisage wiki, rien n'a changé en général. Comme auparavant, j'utilise une largeur de menu de 606 pixels et n'importe quelle valeur de longueur. Pour plus de réactivité sur les appareils mobiles, il est préférable de disposer la navigation à l'intérieur du tableau - de cette façon, lorsqu'elle est visualisée sur un téléphone, elle est simplement compressée proportionnellement pour s'adapter à la taille de l'écran. Mais si vous avez créé une navigation dans laquelle les éléments sont simplement situés les uns en dessous des autres, vous n'êtes pas obligé de le faire - la méthode table n'est nécessaire que pour les types de menus où le nombre de boutons dans une rangée est supérieur à un. . En général, pour la commodité des utilisateurs, il est préférable de ne pas créer de menus uniquement sous forme de liens vers des matériaux, mais de créer des pages wiki avec une structure complexe.

Si vous avez besoin d'une seule image pour la conception, téléchargez d'abord un avatar et une bannière sous la forme d'une actualité épinglée dans un groupe à des fins d'expérimentation. Copiez toutes les données de l'échantillon de communauté dans votre groupe : statut, nom (c'est important, car ces données sont dupliquées dans l'actualité) et demandez au client un texte qui sera au-dessus de la bannière.
Après cela, vous pouvez prélever un échantillon à l'aide d'une capture d'écran, qui doit être placée dans Photoshop.

Il existe également une méthode de conception telle que « couverture + bannière + menu ». En général, vous pouvez laisser uniquement la couverture et y mettre toutes les informations les plus importantes. Mais dans tous les cas, l'avatar doit être paramétré : il ne sera pas visible dans le groupe lui-même, mais la miniature communautaire en sera retirée. La taille de couverture optimale est de 1 590 x 400 pixels et vous pouvez télécharger l'image à l'aide de la commande « Gestion de la communauté » - « Couverture communautaire : Télécharger ».

Tailles d'image pour la conception VKontakte

Avatar : 200 x 500 pixels (qualité 400 x 1 000 pixels) ;
Miniature de l'avatar 200 x 200 px
Bannière ou taille d'une publication épinglée dans un groupe : 1024 x 680 pixels, mais pas moins de 510 px de largeur ;
Menu : largeur 606 px ;
Couvre 1590 x 400 pixels.

Le premier avantage du créateur de bannières est qu’il est disponible en ligne et ne nécessite pas l’installation de logiciel supplémentaire. Comme vous pouvez le voir sur la capture d'écran, le service lui-même est petit et n'est pas surchargé de liens de menu, de boutons de commande et de divers paramètres. Il n'y en a que 4 sur la page principale. Nous avons besoin des sections Mes projets et Inspiration. Après autorisation via Facebook ou inscription régulière (email + mot de passe), nous pouvons commencer à créer une bannière, une affiche ou une invitation.

Comment faire une bannière

Le service dispose de tous les outils nécessaires pour faire une bannière rapidement et efficacement et téléchargez-les dans le format dont nous avons besoin. Plusieurs formats d'image pour les bannières prêtes à l'emploi sont disponibles : JPG, PNG et PDF.

Pour créer une bannière, il vous suffit de commencer. Accédez au site Web du concepteur.

Nous pouvons choisir un design prêt à l'emploi dans la bibliothèque proposée de designs prêts à l'emploi. En fait, si nous sommes satisfaits de l’image et du design, nous ne pouvons que remplacer le texte par le nôtre ;
Ou bien, vous pouvez commencer à créer à partir de zéro en définissant la taille souhaitée ou en choisissant parmi les formats proposés (pour Facebook, Instagram, Poster, etc.) et en téléchargeant votre photo sur le service.

Après avoir sélectionné la taille souhaitée dans le modèle ou spécifié vos propres dimensions, rendez-vous sur la page de création de bannière. Le menu de gauche changera et ressemblera à la capture d'écran. Nous pouvons désormais ajouter des photos, des arrière-plans ou des motifs à l'arrière-plan de la galerie ou télécharger les nôtres. Dans les sections restantes, nous pouvons trouver des lignes, des cadres, des formes et bien plus encore.

Chaque élément ajouté peut être repeint dans différentes couleurs, modifié en taille, en emplacement et en transparence. Le texte est ajouté séparément et vous pouvez également effectuer toutes les modifications listées ci-dessus avec. Des polices russes sont disponibles dans le service.

Le projet terminé sera stocké dans votre compte et vous pourrez revenir à l'édition quand vous en aurez besoin. Vous pouvez télécharger à tout moment la bannière ou l’affiche terminée au format image ou PDF. Si quelque chose ne fonctionne pas pour vous, regardez la vidéo ci-dessous (le son est faible, hélas, cela s'est avéré), où nous allons essayer de créer une bannière, quelque chose de simple, et de la télécharger.

Pour travailler avec le concepteur, il est préférable d'utiliser le navigateur Chrome, car j'ai remarqué que lors de l'enregistrement, Mozile ne correspond pas à l'extension .png - cela peut être résolu en renommant simplement le fichier et en ajoutant celui souhaité (dans lequel il a été téléchargé ) point et nom (png ou jpg). Il semble que ce soit ça.

Dans cet article, je voudrais systématiser toutes mes connaissances sur la conception de groupes VKontakte, en fonction de mon expérience d'interaction avec les clients et de leurs préférences. De plus, au cours des six derniers mois, VKontakte a apporté de nombreux changements dont beaucoup ne sont même pas conscients. Je voulais m'attarder plus en détail sur certaines innovations, car parmi elles il y a des choses vraiment intéressantes et utiles. Nous semblons tous nous être remis d'un choc après la refonte de VKontakte, et derrière les changements visibles, nous avons découvert le fonctionnement et le contenu multivariés du groupe. Désormais, la conception de groupes implique une procédure complexe qui ne se limite pas uniquement à la composante graphique sous forme de belles images. Désormais, les propriétaires doivent prendre en compte de nombreuses nuances lors de la construction d'une structure de groupe, en fonction du sujet de l'entreprise et de la commodité des utilisateurs.

Il s'agit principalement de choisir une conception graphique parmi deux options mutuellement exclusives, d'élaborer un menu interne, de choisir un point d'entrée au menu interne, de comprendre la différence entre un catalogue et une présentation de produit, de préparer du matériel promotionnel pour promouvoir le groupe et d'utiliser des applications utiles. . Mais, tout d’abord. Tout d'abord, nous examinerons les éléments de conception de base du groupe, puis nous passerons à leur interaction sous la forme de diverses combinaisons, puis nous parlerons de quelques fonctionnalités et subtilités utiles.

1. Couverture horizontale (en-tête)
Commençons par une couverture ou un en-tête horizontal. Les développeurs de VKontakte nous assurent que la couverture, en raison de sa taille, offre une plus grande maniabilité pour fournir et visualiser des informations. Habituellement, en plus d'une belle image, l'en-tête contient un logo, des informations d'accompagnement, des contacts, un appel pour rejoindre le groupe et une adresse de site Web. Je soupçonne qu'un jour les couvertures deviendront la seule option de conception possible pour le groupe, je recommanderais donc d'y passer immédiatement afin d'éviter des refontes de force majeure plus tard.

Comment télécharger une couverture
Pour télécharger la couverture, vous devez vous rendre dans Gestion de la communauté >> Bloc d'informations de base >> Couverture de la communauté >> Télécharger. La taille de couverture recommandée est de 1 590 x 400 pixels. Il ne peut y avoir aucun bouton fonctionnel dans l'en-tête sur lequel on peut cliquer - il s'agit essentiellement d'une image et c'est tout. Aujourd’hui, la couverture est visible sur les appareils mobiles, et semble déjà visible dans les applications et les clients.

Onglet Wiki Dernières nouvelles
Le bloc supérieur sous l'en-tête peut désormais contenir trois onglets : publication épinglée, informations sur la communauté et menu wiki (uniquement dans les groupes ; il n'y a pas d'onglet de ce type sur les pages publiques). L'accent est toujours mis sur la publication épinglée, mais même avec sa présence, l'utilisateur aura désormais toujours accès aux informations sur la communauté en basculant entre les onglets. Pour que l'onglet du menu wiki apparaisse (il s'appelle initialement Dernières nouvelles), vous devez aller dans Gestion de la communauté » Sections » Matériels » Restreint (ou Ouvert) » Enregistrer.

2. Avatar vertical
Tournons maintenant notre attention vers le bon vieil avatar de groupe mesurant 200x500 pixels. Pour l’instant, c’est aussi une manière de concevoir un groupe. Typiquement, l'avatar contient les informations suivantes : logo, texte d'accompagnement ou slogan, contacts, appel pour rejoindre le groupe. Sur les appareils mobiles, l'intégralité de l'avatar n'est pas visible, seule une partie est visible : la vignette. Pour concevoir un groupe, vous pouvez utiliser soit un en-tête horizontal (couverture), soit une bannière verticale. S'il y a un en-tête, l'avatar vertical n'est pas visible. Il ne peut y avoir aucun bouton fonctionnel sur l'avatar sur lequel on peut appuyer - en fait, c'est une image et c'est tout.

3. Miniatures
Actuellement, un avatar vertical est utilisé pour créer une vignette dont la taille minimale est de 200 x 200 pixels. La vignette est utilisée dans les publications et les entrées sous la forme d'un petit cercle près du titre et sous la forme d'un cercle plus grand dans certaines sélections et mentions de la communauté. Dans le cadre du passage à une forme ronde, les exigences relatives aux miniatures sont devenues plus strictes. Pour que le texte de la miniature soit entièrement lisible, il ne doit pas dépasser visuellement les limites du cercle.

Comment télécharger une miniature
La miniature est devenue un élément complètement indépendant, et lorsque vous utilisez la couverture (en-tête) dans la conception du groupe, vous devez désormais créer une miniature distincte, gardez à l'esprit. Si le groupe n'a pas d'en-tête (couverture), alors pour télécharger une vignette, vous devez cliquer sur « Télécharger une photo » dans le bloc avatar (en haut à droite). Si le design contient un en-tête (couverture), alors pour télécharger la vignette, vous devez cliquer sur le cercle immédiatement sous l'en-tête et y sélectionner « Télécharger une photo ».

4. Bannière
La bannière (bannière anglaise - drapeau, bannière) est une image graphique à caractère informatif, publicitaire ou incitatif. La bannière est attachée sous forme d’image à la publication et ne peut avoir qu’un seul lien interne. Beaucoup sont encore convaincus que plusieurs liens peuvent être créés à partir d'une bannière sur la page principale. Ce n'est pas vrai, juste un lien et c'est tout. Je soulignerais les types de bannières suivants.

4.1 Bannière informative
Type courant de bannière contenant des informations générales sur une entreprise, un groupe, un service ou un événement avec une liste détaillée des avantages et d'autres documents d'accompagnement. Souvent utilisé comme message épinglé dans un groupe. La taille de cette bannière est de 510x307 pixels. A cette taille, le bas de la bannière coïncide avec l'avatar. S'il n'y a aucun lien avec l'avatar, vous pouvez utiliser n'importe quelle taille. Par exemple, j'utilise la taille 600x350 pixels. Le format carré de 510x510 pixels est également pratique et gagne désormais en popularité - avec cette taille, la bannière occupe la plus grande surface possible dans le fil d'actualité.

4.2 Bannière pour accéder au menu interne
Si nous ajoutons l'inscription accrocheuse « Ouvrir le menu » à la bannière du paragraphe précédent, nous obtiendrons alors une bannière dont la tâche principale est de servir de point d'entrée au menu interne. Parfois, ils créent un leurre sous la forme de plusieurs boutons sur une bannière, mais c'est une illusion ; lorsqu'on clique dessus, l'utilisateur arrive toujours à la page interne, et là, chaque bouton a son propre lien. La taille de cette bannière est de 510x307 pixels. Avec cette taille, le bas de la bannière coïncide avec l'avatar. Si l'entrée dans le menu n'est pas liée à l'avatar, vous pouvez alors créer une bannière de n'importe quelle taille, même un bouton étroit avec l'inscription « Ouvrir le menu ». L'essentiel est que la largeur de la bannière soit d'au moins 510 pixels.

4.3 Carte de republication, promotions
Récemment, les cartes de republication ou de promotions sont devenues particulièrement pertinentes. Sa tâche est un appel à une action spécifique. En gros, il s’agit de « Rejoignez le groupe, republiez ou aimez et gagnez un prix ». Ces bannières sont utilisées dans le cadre de campagnes publicitaires ou de promotions à la fois dans leurs propres groupes et à des fins de promotion dans d'autres groupes. J'utilise habituellement 600x350 pixels.

4.4 Bannière avec animation GIF
Après que les développeurs de VK aient agrandi la taille des images GIF au début de l'année, les gifs se sont immédiatement retrouvés à égalité avec les bannières d'information. Par exemple, sur une bannière GIF, vous pouvez afficher des images de plusieurs produits ou textes changeants - le mouvement attire immédiatement l'attention. Et quand la fonction a été ajoutée en juin animations gif à exécution automatique dans le fil d'actualité, les GIF sont devenus l'objet d'une attention particulière de la part des annonceurs et des spécialistes du marketing.

5. Avatar + conception de bannière fixe
Jusqu'à récemment, cette conception modulaire, composée d'un avatar et d'une bannière épinglée, était la manière la plus populaire de concevoir des groupes. Plus de détails sur la façon de réaliser cette conception sont décrits dans la leçon. Avec l'avènement de l'en-tête (couverture), la popularité de cette conception pourrait légèrement diminuer.

De plus, il est possible que VKontakte modifie à nouveau certains paramètres des blocs, puis la conception entière tombe, comme cela s'est produit deux fois au cours des six derniers mois. Ainsi, chers propriétaires de groupe, lorsque vous choisissez un design pour votre groupe, tenez compte de ce fait. Oui, et encore une chose, sur les appareils mobiles, toute la beauté d'une seule image n'est pas visible, puisque l'avatar n'est pas affiché, mais seulement une vignette, et la publication épinglée est située juste en dessous.

6. Menu de navigation interne
Le menu sous forme de liens actifs se trouve sur la page interne de VKontakte et est écrit à l'aide des commandes de balisage wiki. Comment créer la page intérieure elle-même est décrit dans la leçon. A l'aide du menu, l'utilisateur navigue dans le groupe. Ci-dessous, vous examinerez les types de menus internes, mais pour l'instant nous nous concentrerons sur plusieurs points importants.

Points d'entrée au menu interne
Je voudrais souligner un point subtil auquel on n’accorde souvent pas d’importance. Parfois, les clients me commandent un menu interne, mais n'ont absolument aucune idée de la manière dont l'utilisateur accédera à ce menu interne. Et vous pouvez y accéder de deux manières : soit via une bannière épinglée (voir paragraphe 4.2), soit via un lien texte dans l'onglet supérieur sous la ligne d'état (voir figure ci-dessous). Parfois, un lien texte est également placé dans le bloc « Liens » dans la colonne de droite de l’interface.

Liens du menu interne
Généralement, lors de la commande, les clients indiquent les éléments de menu suivants : À propos de nous, Nos produits (catalogue), Modes de livraison, Paiement, Garanties, Avis, Contacts, Promotions, Réductions, Calendrier, Comment commander, Portfolio, Questions et réponses, Informations, Passez une commande. Les liens des éléments de menu peuvent diriger vers les sections correspondantes du site externe. Ensuite, le lien s'ouvre automatiquement dans une nouvelle fenêtre. La plupart des points mènent à des pages internes de VKontakte. Dans ce cas, la page s'ouvre dans la même fenêtre et vous devez faire un lien ou un bouton « Retour au menu principal ».

Les liens vers des albums contenant des photos et des vidéos s'ouvrent dans une nouvelle fenêtre. Des liens vers des sujets avec des discussions (par exemple Avis), vers une boîte de dialogue pour rédiger des messages, vers des applications (voir point 10), vers une sélection par hashtags (voir point 12) s'ouvrent dans la même fenêtre et dans ce cas vous pouvez revenir à le menu uniquement via la page principale du site, ou via le bouton « Retour » du navigateur. C'est peut-être le moment le plus gênant avec de tels liens.

Modification du menu
Les clients me demandent souvent s'il est possible de modifier le menu interne. Ma réponse est que si vous êtes un utilisateur confiant et que vous êtes familier avec les modes de balisage et d'édition du wiki, vous pouvez éditer. Mais si vous n’êtes pas familier avec tout cela, alors absolument pas. Dans ce cas, vous ruinerez simplement tous les paramètres.

Je citerai les propos des développeurs de VKontakte eux-mêmes. « Un simple conseil vous évitera beaucoup d'efforts et de nerfs : travaillez dans un seul mode. Soit c'est le mode visuel, soit le mode de balisage wiki. C'est le basculement entre ces deux modes tout en travaillant sur le balisage qui pose le plus de problèmes : les images peuvent devenir plus petites, divers paramètres peuvent disparaître. C’est l’une de ces choses qui seront certainement corrigées à l’avenir, mais pour l’instant, nous devons garder ce fait à l’esprit.

Réactivité mobile
Et encore un point sur l'adaptabilité. Pour que le menu interne ait la même apparence sur les appareils mobiles, vous devez le disposer sur des tableaux. Ensuite, l'image sera rigidement fixée. Sinon, lorsque la taille de l'écran est réduite, les images ont tendance à se déplacer les unes sous les autres, violant ainsi l'ordre initialement prévu.

Voici encore les mots des développeurs sur l’adaptabilité. « Le menu wiki s'affiche dans les navigateurs mobiles, mais ne s'adapte pas à la taille de l'écran, c'est pourquoi les images peuvent ne pas ressembler à celles d'un ordinateur. Vous pouvez trouver des guides en ligne sur la manière d'adapter le balisage wiki aux appareils mobiles, mais même ceux-ci ne garantissent pas des performances à 100 % sur tous les appareils.

7. Types de menu de navigation interne
Vous trouverez ci-dessous les types de menus internes les plus courants. Il existe des solutions plus simples et moins coûteuses qui présentent un haut degré de fiabilité. Et il existe des conceptions plus complexes et exigeantes en termes de graphisme et de mise en page. Mais ils ont l'air plus impressionnants.

7.2 Grand menu graphique
Dans ce cas, une rangée verticale de liens est située sur une grande image d'arrière-plan et a une structure rigidement fixée. Voici la leçon.

7.3 Menu sous forme d'icônes, tuiles
Cette conception implique plusieurs lignes et colonnes sous la forme d'icônes graphiques et d'inscriptions pour celles-ci, ou de carreaux graphiques multicolores ou monochromes.

7.4 Menu dynamique avec effet de navigation
Un design très impressionnant qui simule la navigation sur le site avec l'effet de clics sur des boutons ou d'autres marquages des liens visités. Un tel menu est assez difficile à gérer et nécessite des compétences pour communiquer avec le balisage wiki, puisque vous devrez également éditer les informations sur les pages dans le balisage wiki. Voici une leçon sur ce sujet.

Récemment, des spécialistes des chats fermés, des nouveaux arrivants-targétologues, des SMMers, ainsi que des entrepreneurs qui s'essayent à V messages promotionnels, très souvent ils posent la question « quelle taille faut-il ? pour un article promotionnel?. C'est pourquoi, à l'aide d'exemples, j'ai décidé de décrire en détail quel format doit être bannière pour article promotionnel, afin qu'il soit affiché de manière belle et aussi volumineuse que possible sur les PC, les téléphones portables et les tablettes. Eh bien, allons-y :)

Pour un exemple clair, je comparerai deux bannières de tailles 1280*720 et 800*525. Oui, en passant, la taille et la qualité de la bannière peuvent être différentes - le plus important ici, ce sont les proportions. Voici donc à quoi ressemble une telle bannière dans le fil d'actualité sur différents appareils :

PC - ANCIEN CONCEPTION VKONTAKTE

Comme vous pouvez le constater, une bannière d'une taille de 800*525 à droite a une indentation beaucoup plus grande que lors de l'utilisation d'une taille de 1280*720. Bien qu'il soit plus large et couvre une plus grande zone de visualisation via le fil d'actualité. Voyons à quoi ressembleront ces bannières dans le nouveau design de VKontakte.

PC - NOUVEAU DESIGN VKONTAKTE

Eh bien, dans le nouveau design de VKontakte, ces deux tailles ne diffèrent qu'en hauteur, tandis que la largeur reste la même. Et, contrairement à l'ancienne version de VK, on ne voit pas de gros retrait à droite. Mais la bannière 800*525 capture une zone visible beaucoup plus grande dans le fil d'actualité que la taille 1280*720 - l'image est plus haute et plus grande !

Voyons maintenant à quoi ressembleront ces bannières dans la version mobile de l'application VKontakte sur iOS.

MOBILE - FIL D'ACTUALITÉS

Tout comme dans le nouveau design de VKontakte, une bannière de 800*525 semble beaucoup plus grande (plus haute) qu'une bannière de 1280*720. Et c'est un très gros plus pour la version mobile, car la zone de visualisation des actualités y est petite et la publicité avec cette taille de bannière en occupera la majeure partie !

Eh bien, voyons maintenant à quoi ressemblera une image carrée dans le fil d'actualité ! Pour plus de clarté, je vais faire un tableau.

PC - ancien design VKontakte	PC - nouveau design de VKontakte	Mobile - Application VKontakte

Eh bien, nous avons maintenant clairement vu que les images d'une taille de 800*525 et plus, se rapprochant d'une forme carrée, offrent une meilleure vue. Mais! N'oubliez pas que les articles promotionnels contiennent également du texte, donc lorsque vous choisissez la taille de l'image, n'oubliez pas que pour afficher le texte sur différents appareils, l'image ne doit pas occuper tout l'espace visible dans le fil d'actualité ! C'est important !

Puisque désormais une partie du public « s'assoit » sur VKontakte grâce au nouveau design, et la plupart grâce à l'ancien, il est préférable d'utiliser la taille 800*525. Oui, nous avons essayé et bricolé d'autres tailles, en essayant de réduire l'indentation à partir du bord droit, mais elle n'a fait qu'augmenter et la plus petite indentation (en tenant compte d'une visualisation plus grande via mobile) s'est avérée être de 800*525.

Eh bien, c'est tout pour aujourd'hui. Merci pour votre attention et vos promotions de qualité ! 😉

Merci de votre attention !

Chaque jour, le réseau social VKontakte est visité par des millions de personnes. Pour concentrer leur attention, les propriétaires des groupes visités utilisent les bannières VKontakte. Le processus de placement d'une bannière sur une page VK a ses moments. Comment créer une bannière dans un groupe VK est expliqué dans l'article ci-dessous. Nous examinerons un exemple de bannière efficace et découvrirons également comment la rendre belle vous-même.

Les groupes avec un beau design sont toujours plus faciles à retenir et inspirent plus de confiance. Vous devriez travailler sur la conception de votre groupe, parlons donc des nouveaux produits VK.

Dans les communautés VKontakte, les photos des publications épinglées, des couvertures ou des avatars sont utilisées comme images de bannière. Tout dépend de la façon dont vous concevez votre communauté.

Regardons un exemple d'utilisation efficace d'une bannière. Pour ce faire, tournons-nous vers la page publique « moloko_coffee ».

Une couverture dynamique a été utilisée ici, située dans l'en-tête. Les gars ont réglé une minuterie qui comptait le temps jusqu'à la fin du dessin, encourageant ainsi les clients à participer dans le temps. Ils n'ont pas non plus oublié la composante visuelle.

Ainsi, cette bannière remplissait deux tâches : la publicité et le design stylé du groupe.

Nous créons des bannières pour les groupes VKontakte dans les éditeurs

La première chose dont vous avez besoin pour créer des photos de bannière est la capacité de travailler dans divers éditeurs graphiques. Malheureusement, aujourd'hui, il sera très difficile de créer une image élégante et de haute qualité sans compétences particulières.

Si vous n'avez pas les compétences suffisantes, nous pouvons vous conseiller de faire appel à des professionnels ou à des modèles prêts à l'emploi, dont nous parlerons plus en détail plus tard.

Programmes les plus souvent utilisés :

Adobe Photoshop ;
Adobe Illustrator ;
Gimp.

Ce sont les trois programmes les plus populaires. Si vous avez les compétences nécessaires pour travailler dans au moins l'un d'entre eux, il ne vous sera pas difficile de créer une bannière vraiment belle et utile.

Quelles tailles choisir pour une bannière VKontakte ?

La deuxième chose nécessaire est la connaissance des dimensions, puisque toutes les images sur VKontakte et les distances qui les séparent ont leurs propres paramètres, qu'il est important de prendre en compte dans votre travail. Leur utilisation conduira à de meilleurs résultats.

En fonction de la manière exacte dont vous allez concevoir votre page publique, utilisez les tailles appropriées :

Couverture – 1 590 x 400 pixels ;
Avatar – 200 x 500 pixels ;
Publication épinglée (carrée) – 510 x 510 pixels ;
Post épinglé (au niveau de l'avatar) – 510 x 308 pixels.

Comment créer une bannière d'en-tête

Tout d'abord, vous devrez télécharger et installer l'un des programmes ci-dessus sur votre ordinateur. Dans nos instructions, nous utiliserons le programme Adobe Photoshop.

Lançons le programme.
Ouvrons une image dedans.

Ensuite, à l'aide de l'outil « CropTool », créez un cadre mesurant 1590 x 400 pixels.

Ensuite, sélectionnez la pièce affichée et appuyez sur Entrée. L'image sera recadrée.

Sauvegarder.

Ainsi, nous avons reçu une bannière de la taille requise.

Il ne nous reste plus qu'à le télécharger dans le groupe :

Allez dans « Gestion de la communauté ».

Sur la droite, sélectionnez la section « Paramètres ».
Recherchez la ligne « Couverture » et cliquez sur le bouton « Télécharger ».

Sélectionnez le fichier sur votre ordinateur puis sélectionnez la partie à afficher.

Enregistrez vos modifications.

Le processus dans d'autres éditeurs est similaire.

Si vous décidez de créer une bannière à partir de zéro (tout le design, le style, le texte, etc.), vous aurez également besoin de compétences en conception.

Comment créer une bannière épinglée dans un groupe VK

La création d'une bannière épinglée s'effectue selon le même principe que la couverture, à l'exception d'un point : nous réalisons un cadre aux dimensions de 510 x 510 (308) pixels.

Pour ajouter au public, vous avez besoin de :

Créez un article.
Lors de la création, téléchargez une image finie (bannière).

Publiez un article.
Appuyez sur le bouton avec les points de suspension et fixez-le.

Ainsi, nous l'avons placé à l'endroit le plus visible. Il vous suffit d'ajouter de la publicité ou un lien vers le menu.

Comment créer une bannière adjacente sur VKontakte

Passons maintenant à la partie la plus difficile et la plus intéressante.

Que sont les images adjacentes ? Il s’agit de deux ou plusieurs photos distinctes qui sont une continuation directe les unes des autres. Cette méthode est utilisée pour créer non seulement des pages publiques, mais également des profils sur VKontakte.

Vous pouvez choisir l'une des deux bannières suivantes :

Bannière adjacente VK avec couverture ;

Adjacent à l'avatar.

Lors de la création de la première, il faut que les deux images coïncident sur le bord gauche.

Lors de la création de la deuxième option, trois points doivent être pris en compte :

Le groupe a-t-il un statut - il décale la partie épinglée de 10 à 20 pixels vers le bas ;
Le message contient-il du texte ? Il déplace également la photo vers le bas (en fonction de la taille du texte) ;
Voulez-vous que les images se terminent par le bord inférieur au même niveau.

Disons que vous avez décidé de créer une bannière épinglée qui se terminerait en bas au même niveau que l'avatar, mais que vous n'avez pas pris en compte le fait qu'il existe un statut qui prend 20 pixels. Et du coup, votre photo de gauche est descendue et ne correspond pas à celle de droite.

Cela semble être une bagatelle, mais le résultat n’est pas bon. Soyez donc prudent.

Passons maintenant au processus de création lui-même :

Tout d'abord, vous devez prendre deux blancs : le premier – 200 x 500 pixels, le second – 510 x 308 pixels (vous pouvez avoir d'autres paramètres).
Ensuite, nous chargeons le premier à la place de l'avatar, le second à la place de l'enregistrement.

Ensuite, nous prenons une capture d'écran.
Chargez la capture d'écran dans Photoshop.
Ensuite, cliquez avec le deuxième bouton de la souris sur l'outil « CropTool » et sélectionnez « SliceTool ».

Nous sélectionnons deux zones avec une précision au pixel près.

Supprimez l'icône de verrouillage du calque et rendez-la invisible.

Nous ajoutons une image et l'ajustons pour l'adapter à nos cadres.

Nous sauvegardons le fichier pour le Web. Et dans les paramètres, sélectionnez le format JPEG. Il sera enregistré au format HTML et les photos seront dans le dossier images.

Ensuite, nous chargeons les images à leur place.

Au final, voici ce que nous avons obtenu :

Ça a l'air assez impressionnant. N'oubliez pas d'ajouter ici de la publicité, un lien vers le menu, etc.

Modèles de bannières VK prêts à l'emploi

Voyons maintenant comment créer une bannière dans un groupe VKontakte sans la connaissance d'éditeurs professionnels, ce qui peut prendre des mois à maîtriser. Profitez de solutions toutes faites.

Parlons maintenant des modèles prêts à l'emploi.

Premièrement, il existe des sites sur lesquels vous pouvez télécharger des bannières aux tailles requises. Il s'agit de sites tels que :

Vk-oblozhki.ru
Vous-ps.ru
Psd-box.at.ua

Deuxièmement, vous pouvez utiliser des services vous permettant de créer votre propre image élégante en ligne. Ici, vous pouvez ajouter du texte, des logos, etc. Il s'agit de services tels que :

Fotor.com ;
Canva.com.

L'utilisation d'un tel logiciel simplifie grandement le processus de création d'un groupe.

Conclusion

Pour créer des bannières pour les pages publiques de VK, vous avez besoin de certaines compétences pour travailler avec des éditeurs graphiques, de patience et de compréhension du sujet.

N'oubliez pas le composant de conception. Elle est très importante. Car toute image du groupe ne doit pas repousser les utilisateurs, mais au contraire les attirer.

Nous espérons que cet article vous a été utile.