Un avatar pour un groupe VK doit être choisi judicieusement, car c'est le visage de la communauté. Seule une image lumineuse, informative et attrayante peut attirer l'attention des visiteurs et intéresser le public. Dans cette revue, nous vous expliquerons comment sélectionner et configurer une image appropriée, et parlerons des exigences et des règles de téléchargement. Lisez et découvrez informations nécessaires!

Définition

Qu'est-ce qu'un avatar ? Ce image unique, publié sur une page publique. Les administrateurs de communauté choisissent eux-mêmes l'image ; elle est utilisée pour identifier de manière unique la communauté.

Une image personnalisée indique le sujet du public, contient des informations de contact et des données publicitaires. Il existe deux types de cette conception :

• Une petite image verticale est un avatar ;
• Vous pouvez créer un avatar horizontal dans un groupe VKontakte - c'est ce qu'on appelle.

L’attractivité de la conception d’avatar repose sur des règles strictes qui méritent d’être discutées.

Exigences

Les images doivent répondre à certaines exigences fixées par les développeurs réseau social. Les règles suivantes s'appliquent pour un avatar :

• La taille est de 200 x 500 pixels ;
• Proportions – 1 à 2,5 ;
• La vignette a un format de 200x200 pixels ;
• Les proportions de la miniature sont de 1:1.

La couverture est sélectionnée selon les règles suivantes :

• La résolution est de 1 590 x 400 pixels ;
• La taille est d'au moins 795 points de largeur et 200 points de hauteur.

La règle générale pour les formats est de choisir uniquement GIF, PNG, JPG.

Comment créer soi-même un avatar ?

Vous pouvez créer vous-même un avatar pour un groupe VK en ligne - vous avez le choix entre plusieurs options.

La première consiste à utiliser des services spéciaux abondamment disponibles sur Internet. La plupart des designers sont gratuits, comme Canva.

• À quoi ressemble le processus de création d’une image ?
• Choisissez l'un des nombreux modèles d'avatar intégrés pour un groupe sur VK ;
• Téléchargez une photo pour la base ;
• Utilisez des filtres, jouez avec la luminosité et le contraste ;
• Choisissez des autocollants, des cadres, des images animées ; Téléchargez la solution toute faite ! Tous paramètres requis

sera posté automatiquement.

Quelques conseils utiles, qui sera utile à un débutant sans compétences en design :

• Suivez le thème de la communauté ;
• Évitez les grandes quantités coordonnées;
• Déplacez les cadres pour que la partie principale de l'avatar soit affichée dans la fenêtre des vignettes ;
• Choisissez la bonne palette de couleurs.

Nous avons expliqué comment créer un avatar pour un groupe VK en ligne. Si vous avez déjà une option prête, il est temps de la mettre sur la page !

Comment installer et changer ?

Même un débutant peut mettre une image sur une page publique – il n’y a rien de compliqué :

• Passez la souris sur la zone d'image dans menu latéral;
• En bas, vous pourrez sélectionner des options ;
• Sélectionnez « Télécharger » ;

• Cliquez sur le bouton « Sélectionner un fichier » ;

• Trouvez l'image qui vous intéresse sur votre appareil ;
• Faites glisser les cadres - c'est la zone qui sera affichée sur la page de la communauté ;
• Cliquez sur l'icône « Enregistrer et continuer » ;

• Sélectionnez la zone carrée de la vignette en faisant glisser les cadres ;
• Cliquez sur le bouton "Enregistrer les modifications."

Vous n'avez pas besoin de réfléchir longtemps à la façon de changer l'ava dans le groupe VK - tous les paramètres nécessaires apparaîtront lorsque vous passerez le curseur sur l'image.

Nous avons parlé de la petite taille du design. Vous souhaitez mettre une couverture ? Lisez ensuite comment mettre un avatar horizontal dans un groupe VK :

• Ouvrez la page ;
• Cliquez sur le bouton « Paramètres » dans le menu de navigation ;

• Aller au blocage « Informations de base » ;
• Sélectionner une rubrique « Couverture communautaire » ;

• Cliquez sur le bouton « Télécharger » ;

Nous vous avons expliqué comment créer un ava pour un groupe VK et l'installer avec succès. Vous avez tout appris sur les exigences de qualité, plus aucune question ni difficulté ne se posera, votre page publique se démarquera par son design unique !

Sur le site de réseau social VKontakte, dans la plupart des communautés, le facteur déterminant de la popularité est le design correct. Dans le même temps, la partie principale du design public est un avatar, qui représente le visage de la communauté.

Le processus de création d'une image fondamentale dans une communauté est un travail exigeant qui nécessite la maîtrise de divers programmes graphiques. En raison de cette caractéristique, les grands groupes engagent souvent des spécialistes du design pour se débarrasser de toute manifestation de plagiat.

Vous pouvez utiliser des blancs trouvés sur Internet, mais il est recommandé de ne le faire qu'au début.

Outre ce qui a été dit, attention particulière Il est à noter qu'aujourd'hui, dans un groupe VKontakte, il peut y avoir l'un des deux types d'images suivants :

• Avatar;
• Couverture.

À la base, la principale différence entre ces types réside dans l’emplacement final de l’image téléchargée dans l’en-tête public. De plus, l'avatar doit en quelque sorte être ajouté à la communauté pour créer une vignette.

Dans cet article, nous parlerons des principales nuances de la création des deux types d'images à l'aide de Programme Photoshop en tant qu'éditeur principal. Vous pouvez utiliser n'importe quel autre programme équipé des outils appropriés.

La dernière chose à noter est que n'importe quelle image peut être utilisée dans chaque communauté, qu'elle soit "Page publique" ou "Groupe".

Méthode 1 : Créer un avatar pour le groupe

L’avatar de base de la communauté est presque le même que la photo principale de la page personnelle de l’utilisateur. Par conséquent, nous vous recommandons de vous familiariser avec le processus de téléchargement et de recadrage d'images de ce type.

Entre autres choses, des photos avec fond transparent ou converti dans un format autre que "JPG", "PNG" ou "GIF".

• Largeur – 250 pixels ;
• Hauteur – 450 pixels ;
• Résolution – 72 pixels/pouce.

Vous pouvez utiliser vos paramètres en fonction de votre idée, cependant, veuillez noter que sur le site, l'image ne peut être recadrée que selon une forme rectangulaire et allongée verticalement ou carrée.

Confirmez la création de l'image à l'aide du bouton "Créer".

Toutes les autres actions dépendent uniquement de votre connaissance de l'éditeur graphique. Cependant, il y a quand même quelques conseils les plus importants :

• L'image doit correspondre pleinement au thème de la communauté ;
• L'image créée doit avoir un emplacement idéal pour sélectionner une vignette ;
• Vous ne devez pas apposer beaucoup de signatures sur votre avatar ;
• Il est important de maintenir l’intégrité de la palette de couleurs de l’image.

Pour mieux comprendre ce qui a été dit, prenons l'exemple d'un avatar à but non lucratif pour une communauté sur le thème de la musique.

1. Utiliser un outil "Rectangle", en utilisant les capacités de l'enfant, créez un cercle pair, dont le diamètre est légèrement plus petit que la largeur de l'avatar.



2. Ajoutez une image thématique qui représente le message principal de la communauté en la faisant glisser vers zone de travailéditeur.



3. Redimensionnez l'image de manière à ce que sa partie principale tombe dans le cercle créé précédemment.



Pour plus de commodité, utilisez une touche enfoncée "Changement", ce qui vous permet de redimensionner uniformément l'image.

4. Déplacez le calque avec l'image ajoutée au-dessus de la forme créée précédemment.



5. Développez le menu RMB de l'image et sélectionnez "Créer un masque d'écrêtage".



6. En complément, ajoutez divers éléments de style à la forme du cercle dans la section "Options de mélange", comme un trait ou une ombre.



7. Utiliser un outil "Texte" Ajoutez le nom de la communauté au bas de l'image.



8. Ajoutez des options de fusion au texte sans perturber la palette de couleurs, en tenant compte de l'image précédemment ajoutée.



9. Utiliser le même outil "Texte" ajoutez des légendes supplémentaires sous le nom public et stylisez-les de la même manière.

Pour terminer le processus de création d'avatar, vous devez télécharger une nouvelle image sur le site et la recadrer correctement.

À ce stade, toutes les actions concernant l'avatar communautaire sur le réseau social VKontakte peuvent être complétées.

Méthode 2 : Créer une couverture pour le groupe

Couverture de la communauté VKontakte - comparativement nouvel élément de ce site, vous permettant d'étendre l'avatar habituel sur toute la largeur de la page.

Vous devez maintenant ajouter la couverture au site.

1. Sur la page principale du groupe, développez le menu «…» et allez à la rubrique "Gestion de communauté".



2. À l'aide du menu de navigation sur le côté droit, passez à l'onglet "Paramètres".



3. Dans le bloc "Informations de base" trouver la rubrique "Couverture communautaire" et cliquez sur le lien "Télécharger".



4. Faites glisser une photo que vous avez enregistrée dans Photoshop dans le champ d'image de téléchargement.



5. À l'aide du cadre, sélectionnez la photo téléchargée et cliquez sur le bouton "Enregistrer et continuer".



6. Après cela, vous recevrez une notification indiquant que le skin a été installé avec succès.



7. Pour voir cela, retournez à page d'accueil publique

Si vous avez suivi les directives lors du processus de création d’une image pour le groupe, vous ne devriez probablement pas avoir de difficultés. Si ce n'est pas le cas, nous serons toujours heureux de vous aider.

". Quelle doit être la taille de l'image de couverture ?

Taille de la couverture pour le groupe VKontakte 795x200px ou 1590x400px

Pourquoi y a-t-il deux tailles d'image disponibles ? La deuxième taille est 2 fois plus grande, pour que le chapeau soit beau et beau sur grands moniteurs ordinateurs.

Bien sûr il vaudrait mieux utiliser dans la conception de groupe, une taille de couverture de 1590x400px pour qu'elle s'affiche parfaitement sur tous les appareils. Ces tailles sont officiellement recommandées assistance technique VK.com.

Pour que la qualité des images ne se détériore pas lors du téléchargement sur Vk.com

Beaucoup de gens remarquent que lors du chargement d'une image sur Vk.com, l'image est « savonneuse », c'est-à-dire déformée. Que faire dans de tels cas ? Pour éviter que les images ne soient déformées et qu'un bruit de couleur semblable à des ondulations n'apparaisse sur celles-ci, vous devez lors de l'enregistrement de l'image dans Photoshop, choisissez :
Menu Fichier -> Enregistrer pour le WEB -> dans la fenêtre des paramètres qui apparaît, cochez la case à côté de « Méthode de chargement d'une image à l'aide de faire glisser des images du dossier à la ligne de téléchargement dans VK.

Comment télécharger/installer/activer la couverture de groupe VKontakte

Lorsque vous avez déjà préparé une couverture pour la communauté (modèle au format .PSD pour l'en-tête du groupe de taille 1590x400px, vous pouvez le télécharger ci-dessous à partir du lien), afin pour le télécharger et l'installer vous devrez procéder comme suit :

• Sous l'avatar du groupe, allez dans « Actions »
• Sélectionnez "Gérer la communauté"
• Dans la rubrique « Informations de base » « Couverture communautaire », cliquez sur « Télécharger »
• Dans la fenêtre « Télécharger une nouvelle couverture » ​​qui apparaît, téléchargez la couverture conçue pour la communauté VKontakte en la faisant glisser depuis un dossier sur votre ordinateur (décrit ci-dessus).
• Enregistrer les modifications

Nous sommes habitués au fait qu'un avatar est la personnification d'un utilisateur sur un réseau social, son « image », vers laquelle on se tourne en quelque sorte si l'on veut écrire quelque chose à quelqu'un. Par conséquent, il est facile de deviner l’importance de l’image installée sur l’écran de profil.

Certes, tout le monde ne prête pas autant d’attention à l’image de sa page. Disons simplement que tous les utilisateurs (si nous parlons spécifiquement de cette question) peuvent être divisés en deux groupes : ceux qui mettent leur photo sur leur avatar, et ceux qui ne se soucient pas de leur image de profil. Soit ils quittent l’image standard, soit ils utilisent une image tierce.

Si nous parlons de groupes, la situation ici est différente. Si votre groupe ne dispose pas d'une photo attrayante et informative, il est fort probable que personne ne le rejoigne. Dès lors, les administrateurs de communauté se posent souvent la question : comment créer un avatar pour un groupe VKontakte ? Dans cet article, nous examinerons plusieurs options pour le créer, ainsi que les caractéristiques des photographies en groupe.

Quel devrait être l’avatar du groupe ?

Alors commençons par théorie générale sur ce à quoi devrait ressembler votre photo de groupe. Sur la base de ces informations, vous comprendrez comment créer un avatar pour le groupe VKontakte afin que les utilisateurs l'apprécient et attirent de nouveaux membres.

Bien évidemment, la photo du groupe doit être cohérente avec le contenu posté dans la communauté. Il s’agit d’une exigence fondamentale pour une image : son contenu doit être en rapport avec ce sur quoi vous écrivez. La deuxième exigence est l’attractivité de l’image. Étant donné que tout ce qu'un visiteur voit à propos de votre groupe est le nom et l'image, cette dernière doit donc être aussi attrayante que possible pour que l'utilisateur veuille cliquer et accéder à la page de la communauté elle-même. Lorsque vous souhaitez créer un avatar pour le groupe VKontakte, veuillez en tenir compte. La dernière exigence pour une photo de groupe devrait être le contenu informatif. En gros : il serait conseillé de représenter sur l'avatar quelque chose qui indiquerait à l'utilisateur ce que fait le groupe. Cela peut être fait, par exemple, à l'aide d'inscriptions.

Je cherche une photo finie

Dans la liste des façons de créer une photo de groupe, la recherche d'une image prête à l'emploi est à la fois la plus populaire et la plus simple. Il ne vous reste plus qu'à vous rendre sur le site d'images et à trouver une catégorie de photos en lien avec la thématique de votre groupe. La photo la plus réussie peut être enregistrée et modifiée (ou même simplement publiée sur la page de la communauté sans modification).

Créer un avatar à l'aide d'éditeurs en ligne

La deuxième option consiste à éditer des images prêtes à l'emploi (ou à en créer de nouvelles) à l'aide d'éditeurs en ligne. Heureusement, il existe désormais de nombreux services qui vous permettent de développer votre avatar à la fois « à partir de zéro » et en utilisant l'un des modèles prêts à l'emploi. Il vous suffit de décider ce que vous souhaitez voir dans l'image d'ava, et vous n'aurez même pas à vous soucier de la façon de créer un avatar pour un groupe VKontakte sans Photoshop - la ressource fera tout dans mode automatique. Il existe actuellement de nombreuses solutions toutes faites de ce type sur Internet. Ils sont gratuits et riches en fonctionnalités. Le seul inconvénient de travailler avec de tels sites est l'adresse de la ressource qui a créé votre avatar, située quelque part dans le coin inférieur.

Créer un avatar dans Photoshop

Si vous ne savez pas comment créer un avatar pour un groupe VKontakte sans lien vers le site de quelqu'un d'autre, vous devrez utiliser le plus populaire - Photoshop. Travailler avec est assez simple, l'essentiel est de comprendre les bases, de comprendre les concepts et catégories élémentaires avec lesquels le programme fonctionne. Si vous avez déjà au moins une expérience minimale d'interaction avec lui, créer un avatar pour vous ne sera pas difficile. Si vous ne savez pas du tout comment créer un avatar pour un groupe VKontakte dans Photoshop, il vous restera deux options. La première est de demander l'aide d'une personne qui sait travailler dans le programme, la seconde est d'étudier par vous-même les fonctionnalités de l'éditeur : trouver des leçons, des exemples de travail, vous entraîner.

Créer un avatar

Enfin, après avoir répondu à la question « Comment créer un avatar pour un groupe VKontakte ? », il est temps de réfléchir à ce qui sera montré sur la photo du groupe. Comme nous l’avons déjà indiqué, il doit s’agir de quelque chose de thématique, attrayant et informatif. Nous vous invitons à prendre une feuille de papier et un stylo et à dessiner un logo pour votre communauté. Après cela, vous pouvez commencer à créer l'image.

Cela peut être fait en utilisant l'une des méthodes indiquées ci-dessus. Si vous ne savez pas quel avatar est le meilleur, vous pouvez en recourir à un simple, mais méthode efficace définitions : vote au sein du groupe lui-même. Laissez les gens décider quelle photo est la meilleure.

Evgenia Kryukova

*Mise à jour de l'article.

Un beau design de la communauté VKontakte n'est pas un caprice, mais un élément important qui renforce la confiance des utilisateurs en vous et en votre entreprise. Si page publique ou si le groupe n'est pas conçu de manière professionnelle, vos clients potentiels peuvent tout à fait logiquement conclure que vous êtes tout aussi négligent dans votre travail. Pour éviter que cela ne se produise, assurez-vous que votre page VKontakte est belle, soignée et facile à utiliser. Comment faire cela ? Lisez ci-dessous.

Tailles actuelles des images VKontakte

Il y a quelque temps, les développeurs du réseau social VKontakte ont lancé nouveau design. Cela a conduit à des changements dans la taille et les principes d'affichage des images. Le mémo, qui sera donné ci-dessous, correspond à toutes les innovations et contient des dimensions pertinentes pour à l'heure actuelle temps.

Rentrons maintenant plus en détail sur chaque point.

Taille de l'avatar VK

La taille minimale de l'avatar est de 200 x 200 pixels. Si vous essayez de télécharger une image de moins de 200 pixels de largeur ou de longueur, vous verrez une erreur comme celle-ci :

La taille maximale de l'avatar est de 200 x 500 pixels. Mais en principe, vous pouvez télécharger des images plus grandes – jusqu’à 7 000 pixels de chaque côté. L'essentiel est que le rapport hauteur/largeur ne dépasse pas 2 à 5.

Je vais vous montrer avec un exemple.

J'ai une image. Sa taille : 200 par 800 pixels (rapport 2 à 8). Il n'y a aucune erreur lors du chargement. Cependant, je ne peux toujours pas utiliser cette image, car « Contact » ne me permet pas de la sélectionner complètement.

Couverture

La taille de couverture de la version complète du site est de 1590 x 400 pixels.

Attention : dans version mobile et applications, ce n'est pas la version complète de la couverture qui est affichée, mais seulement une partie de celle-ci mesurant 1196 x 400 pixels. Découvrez comment il est recadré dans l'application mobile :

Pour éviter que cela ne se produise, positionnez les principaux éléments de votre couverture dans une plage de 1196 x 400 pixels.

Images jointes

Dans la conception mise à jour de Contact, la largeur du fil d'actualité est devenue fixe. Cela signifie que les images jointes à la publication ne sont plus étirées, mais restent telles quelles. Par conséquent, si vous souhaitez que votre image occupe tout son espace dans le fil d’actualité, sa largeur doit être d’au moins 510 pixels. Il est préférable qu'il s'agisse d'un carré ou d'un rectangle orientation paysage.

Cela semble un peu déroutant :) Je vais donc vous montrer avec un exemple.

Disons que nous avons une image de forme carrée avec des côtés de 510 pixels. Si nous le joignons à notre message, il apparaîtra très bien dans le fil d'actualité sur tous les appareils :

Et voici à quoi ressemble une image horizontale en orientation paysage (largeur 510 pixels) :

Comme vous pouvez le constater, plus l’image est étroite (en hauteur), plus elle paraît petite dans le flux du smartphone. Pour voir cela, regardez l'image ci-dessous :

Il est clair que la différence ici n'est pas particulièrement critique, et les utilisateurs de smartphones regarderont toujours votre image, c'est juste que dans le second cas ils seront un peu plus à l'aise.

Images pour les articles avec des liens

Toutes ces données proviennent du code de balisage Open Graph :

Si Open Graph n'est pas spécifié, le titre est extrait de la balise méta Title et l'image de l'article. En même temps, vous pouvez facilement la modifier - ou sélectionner une autre image dans l'article à l'aide de flèches spéciales :

Ou téléchargez le vôtre :

La taille minimale d'une image que vous pouvez utiliser comme annonce pour votre article est de 537 x 240 pixels. Cependant, vous pouvez télécharger des images plus grandes tant que les proportions sont conservées.

Image d'un article créé dans l'éditeur

La taille de l'image de la couverture d'un article créé dans l'éditeur est de 510 x 286 pixels. Il est préférable qu'il soit de couleur sombre et plus ou moins monochrome, puisque le nom de l'article et de la communauté se perd sur un fond clair.

Bon exemple :

Ce n'est pas un très bon exemple :

Taille des photos et des vidéos pour les histoires

La taille des photos est de 1 080 x 1 920 pixels. La taille de la vidéo est de 720 x 1 280 pixels.

Spécifications techniques pour les enregistrements vidéo :

• jusqu'à 15 secondes ;
• pas plus de 5 Mo ;
• codec h.264 ;
• Son AAC.

Les histoires doivent utiliser des photos et des vidéos au format vertical.

Attention : les histoires au nom des communautés ne peuvent actuellement être ajoutées que par les grandes communautés pour lesquelles les développeurs de VKontakte ont ouvert cette fonction. Et cela se fait avec l'aide demande officielle. Cela ne peut pas être fait depuis un ordinateur.

Exemples de couvertures dynamiques :

Couverture + description de la communauté + lien vers le site Web

Certaines entreprises n'épinglent spécifiquement aucune publication dans l'en-tête afin que les utilisateurs aient la possibilité de lire les informations de base sur la page et d'accéder immédiatement au site.

Description avec hashtags

Certaines entreprises ajoutent des hashtags à la description standard de la page qui la caractérisent. Ceci est fait pour que la page ait une pertinence plus claire et, de ce fait, soit plus élevée dans la recherche de requêtes pertinentes. Honnêtement, je ne sais pas si cette méthode fonctionne ou non. Je n'ai vu aucun cas sur ce sujet, donc si quelqu'un le sait, je lui serais reconnaissant de partager le lien.

Article épinglé expliquant de quoi parle la page

Si vous souhaitez parler de votre page plus en détail (avec des photos, des liens et une belle mise en page), vous pouvez joindre à l'en-tête une publication wiki ou un article réalisé dans l'éditeur, avec une image lumineuse sur l'annonce qui encouragera les utilisateurs pour cliquer dessus. Un exemple d'un tel article :

Et voici ce que l'utilisateur voit après avoir cliqué sur le lien :

Nouveau menu de liens

Il n'y a pas si longtemps, les développeurs de VKontakte ont enfin fait plaisir aux propriétaires de communauté avec un nouvel outil avec lequel vous pouvez créer des menus - rapidement et sans aucun problème avec les pages wiki. Cela semble quelque peu primitif, je vais donc également vous expliquer comment créer un beau menu.

Le menu apparaît automatiquement si vous utilisez des applications communautaires ou si vous avez une boutique connectée. Par exemple, dans l'image précédente, les trois éléments de menu sont des liens vers des applications. Vous pouvez ajouter le vôtre ici - pour les publications importantes, les albums, les discussions, etc., jusqu'à 7 pièces (sans compter l'application). Mais vous ne pouvez créer des liens que vers des ressources du réseau social, à l'exception des pages wiki.

Pour modifier le menu, cliquez sur « Personnaliser » dans le coin supérieur droit du widget :

Pour ajouter un élément de menu, cliquez sur Nouveau lien.

Dans la fenêtre qui s'ouvre, sélectionnez une image de couverture (taille minimale – 376x256 px), saisissez le nom de l'élément de menu (il est important de le conserver dans les 20 caractères avec espaces), ajoutez un lien et cliquez sur « Enregistrer ».

Si vous souhaitez masquer une application du menu, modifier son titre ou sa couverture, cliquez sur « Modifier » à côté de l'élément correspondant. La même chose peut être faite avec d’autres liens ajoutés manuellement et nécessitant des ajustements.

Le résultat devrait ressembler à ceci :

Le menu Groupe est ouvert

J'appelle un menu ouvert un menu qui montre immédiatement de quels éléments il se compose. Autrement dit, l'image d'annonce de la publication wiki duplique complètement son contenu. Ainsi, les utilisateurs voient immédiatement ce qui les attend à l’intérieur. Je vais vous montrer avec un exemple.

Voici à quoi ressemble une publication épinglée dans l’en-tête de la page Flatro :

Le menu Groupe est fermé

Un menu fermé est la même publication wiki que dans le paragraphe précédent, seule l'annonce contient une image sans élément de menu. Habituellement, ils écrivent dessus : « Menu », « Menu de navigation » ou « Navigation à travers les documents publics ».

Et voici ce que l'on voit lorsqu'on clique dessus :

À propos, il convient de noter que ce sont loin d’être les seules options. En gros, vous pouvez écrire ce que vous voulez sur cette image. L'essentiel est que l'utilisateur veuille cliquer dessus et qu'il comprenne ce qui l'attend après cela. Exemple:

Menu fusionné pour un groupe

Un menu fusionné, c'est lorsque l'image sur l'annonce de votre menu ne forme qu'une seule image avec l'avatar. Ci-dessous, je vais vous expliquer en détail comment créer un tel menu, mais pour l'instant, regardez à quel point il est beau.

Vous souhaitez magnifiquement concevoir votre communauté VKontakte, mais vous n’avez pas les compétences nécessaires ? Enregistrement de la commande auprès de notre société. Nous préparerons pour vous un avatar, une couverture, des modèles de titres, de menus et d'aperçus de produits.

GIF et avatar dans une seule image

Mais cette option de conception du chapeau m'a vraiment ravi. Le GIF lu automatiquement fusionne avec l'avatar en une seule composition et attire l'attention des utilisateurs, même s'il n'y a aucune information à ce sujet.

À propos, j'ai repéré cet exemple dans le groupe du spécialiste du marketing SMM, Sergei Shmakov. Alors, je lui exprime ma gratitude pour la trouvaille :)

Menu caché

Le menu caché n'est disponible que pour les groupes (les pages n'ont pas cette fonctionnalité). Pour le voir, vous devez cliquer sur le lien approprié. L'avantage de cette méthode de conception est que les utilisateurs peuvent voir les principales informations de la communauté, et s'ils souhaitent utiliser le menu, il leur suffit d'effectuer un seul clic. Cependant, il y a ici un petit inconvénient : tous les utilisateurs ne connaissent pas l'existence de cette fonction, votre menu peut donc recevoir moins d'attention que s'il était épinglé en haut de la page.

Vidéo en lecture automatique

Fin novembre 2015, une innovation intéressante est apparue sur le réseau social VKontakte : dès qu'un utilisateur visite votre page, la vidéo attachée à l'en-tête commence à être lue automatiquement. Avec cette technique, vous pouvez attirer encore plus l'attention des utilisateurs (surtout ceux qui ont visité votre page pour la première fois), et en même temps, ne pas irriter ceux qui n'aiment pas se voir imposer leur contenu, car la vidéo joue sans son et ne gêne pratiquement pas .

Comment ajouter une telle vidéo en en-tête de votre page ?

Pour ce faire, trois conditions doivent être remplies :

• Joignez la vidéo à la publication et épinglez cette publication en haut de la communauté.
• Hormis la vidéo, rien d’autre ne doit être joint à l’enregistrement. Uniquement vidéo et texte en option.
• La vidéo doit être téléchargée sur VKontakte - les lecteurs tiers ne sont pas pris en charge.

Un post qui reçoit beaucoup de partages

Une autre façon d'utiliser de manière productive l'espace dans l'en-tête de votre page est d'y épingler l'un de vos articles les plus réussis - celui qui a déjà gagné et continue de gagner. grand nombre aime et partage. Pourquoi faire cela, je pense que tout le monde comprend : plus il y a de republications, plus la portée est grande, plus la page reçoit d'abonnements.

Annonces de nouvelles vidéos, albums, événements

Présentation de nouveaux produits/services

Réductions et promotions

Cas, avis clients

Publicité des applications

Tirages

Règles de la communauté

Liens vers d'autres réseaux sociaux

Je n'ai pas répertorié toutes les options de conception d'en-tête. Fondamentalement, vous pouvez mettre tout type d'informations sur votre page de garde et votre publication épinglée : offres d'emploi, annonces, liens vers les produits les plus vendus, etc. Ne vous limitez donc pas aux exemples ci-dessus. Utilisez votre imagination et utilisez la conception de votre communauté pour atteindre vos objectifs.

À quoi devrait ressembler un avatar ?

Avatar n'est pas seulement belle image avec le logo de votre entreprise, mais un outil de travail du marketing avec lequel il atteint ses objectifs. Examinons en détail à quoi cela devrait ressembler afin d'attirer l'attention des utilisateurs et de les encourager à effectuer l'action cible. Commençons par la miniature.

Miniature de l'avatar

1. Le texte sur la vignette de votre avatar doit être suffisamment grand pour être lu.







2. Le texte ne doit pas dépasser la vignette.







3. Les utilisateurs doivent comprendre ce qui est affiché sur l'avatar.







4. Si possible, il est préférable de ne pas utiliser d’images d’archives, car elles réduisent souvent la crédibilité de l’entreprise.




5. Il n'est pas souhaitable que la vignette de l'avatar soit trop fanée et ennuyeuse, sinon elle sera perdue sur fond d'avatars plus brillants des concurrents.



6. Si vous voulez que votre avatar ait l'air moderne, réalisez-le dans un style minimaliste : moins de texte, d'ombres, de dégradés et d'éléments qui n'ont aucune signification sémantique. Votre avatar doit être aussi simple et soigné que possible. Ce style est actuellement à la mode.







7. Si votre objectif est d'attirer l'attention des utilisateurs et de vous démarquer des autres avatars du flux, vous devrez faire preuve d'imagination. Pensez à ce à quoi vous faites vous-même attention lorsque vous recherchez des communautés intéressantes ? Par exemple, j'ai été attiré plus d'une fois par des avatars avec une lumière allumée, ce qui indique généralement qu'un nouveau message est arrivé. C'est une technique très ancienne, mais pour une raison quelconque, elle m'affecte toujours - quand je vois une telle lumière, je garderai certainement mon regard dessus.

Je ne dis pas que cette technique fonctionnera sur votre page. Ce que je veux souligner, c’est qu’il existe de très nombreuses façons de se démarquer, il suffit de se poser des questions et d’être un peu créatif. Voici, par exemple, une autre idée intéressante à laquelle j'aurais à peine pensé par moi-même :

L'avatar est un cercle noir : grand et petit. Il semblerait, pourquoi faire cela ? Mais lorsque l’on fait défiler la liste des communautés, de tels avatars attirent l’attention car ils sont très différents de tous les autres.

Quelles informations peuvent être placées sur la vignette d'un avatar ?

Même si la vignette de l’avatar est très petite, elle peut (et doit) être utilisée pour attirer des abonnés dans votre communauté. Comment faire cela ? Examinons quelques options :

Annonce d'un nouveau produit/service/événement

Avantages de l'entreprise/du service/de la page

Numéro de téléphone de l'entreprise

Prix ​​avantageux

Livraison gratuite

À propos, très souvent, les informations selon lesquelles l'entreprise propose la livraison gratuite sont ajoutées au nom du groupe lui-même afin que les utilisateurs y prêtent certainement attention.

Action

Compétitions

Postes vacants

À quoi devrait ressembler l’avatar lui-même ?

J'ai regardé ce que devrait être la vignette de l'avatar et quel texte pouvait y être placé. Passons maintenant à l'avatar lui-même. Version complète L'avatar ne sera affiché que dans la communauté dans laquelle la couverture n'est pas installée. C'est pour de tels cas que j'ai écrit cette section. Alors, à quoi devrait ressembler l’avatar de votre communauté pour que les utilisateurs comprennent immédiatement que votre entreprise a abordé la création de la page de manière responsable et professionnelle.

1. L'avatar doit être de haute qualité. J'ai écrit sur la façon d'y parvenir un peu plus haut. Pour ceux qui ont raté cette partie, je vais vous le dire brièvement : la taille de l'avatar doit être 2 à 3 fois plus grande que ce que vous aviez prévu.
2. Il est conseillé que l'avatar soit combiné avec le menu : avoir la même palette de couleurs, avoir les mêmes polices, éléments, etc. Grâce à cela, l'en-tête de votre page aura l'air plus soigné et professionnel. Exemple:




3. L'avatar lui-même et la miniature de l'avatar peuvent être différents. Par exemple, vous pouvez dessiner un cercle sur votre avatar, le concevoir comme vous le souhaitez, sélectionner cette zone sous forme de vignette et concevoir le reste de l'avatar dans un style différent.




Une autre option consiste à diviser l’avatar en deux parties. L’un est pour la miniature et le second pour le reste de l’avatar.




4. Afin d'encourager les utilisateurs à s'abonner à votre page ou à écrire un message à un représentant de l'entreprise, vous pouvez placer un appel à l'action correspondant tout en bas de l'avatar et l'accompagner d'une flèche pointant vers le bouton.




5. Essayez de ne pas mettre trop d’informations sur votre avatar, sinon il aura l’air surchargé et désordonné. Ajoutez-y uniquement les points les plus importants et assurez-vous qu'il y a de « l'air » entre eux.

Quelles informations peut-on placer sur un avatar ?

En gros, vous pouvez mettre tout ce que vous voulez sur votre avatar. Contrairement à la miniature, il y a vraiment de la place pour se déplacer ici. L'essentiel est de ne pas en abuser :)

Domaine du site

Téléphone/adresse/heures d'ouverture

Concours/promotions

Produits les plus achetés/nouveaux articles

Informations de livraison

Publicité sur les applications mobiles

Les principaux avantages de l'entreprise/page/produit, etc.

Mise à jour de l'assortiment/nouvelle créativité, etc.

Informations indiquant que votre communauté est officielle

Informations sur les événements à venir

Adresses des comptes sur d'autres réseaux sociaux

Description de la page étendue

Se vanter

En général, vous pouvez placer absolument n'importe quelle information sur votre avatar. Je viens d'inclure quelques idées afin que vous puissiez voir ce que font les autres et vous inspirer. Eh bien, gardez à l'esprit les recommandations de base : l'avatar doit être de haute qualité, la police doit être grande et il doit y avoir plus « d'air » entre les éléments.

Comment créer un avatar et un menu transparents

Afin de créer un avatar et un menu fusionnés, vous aurez besoin d'un programme Adobe Photoshop ou son équivalent. Je vais expliquer l'ensemble du processus en utilisant Photoshop comme exemple. Alors, allons-y.

1. Téléchargez le modèle Photoshop que j'ai spécialement préparé pour cet article. En taille normale (menu – 510 pixels de large, avatar – 200) ou agrandie (menu – 1020 pixels de large, avatar – 400).
2. Ouvrez l'image que vous souhaitez utiliser comme base.
3. Copiez-le, collez-le dans le modèle et positionnez-le comme vous souhaitez le découper.

1. Ajoutez des effets, du texte, des graphiques, etc.

1. Si vous ne voulez pas perdre une partie de l'image (dans cet espace de 50 pixels), déplacez-la vers la droite comme indiqué dans le GIF suivant :

1. Sélectionnez l'outil « Coupe » et cliquez sur le bouton « Fragments le long des guides ».

1. Supprimez les fragments inutiles (clic droit de la souris - "Supprimer le fragment") et modifiez ceux existants (clic droit de la souris - cliquez dans un espace vide - prenez zone souhaitée et étirez-le à la taille souhaitée).

1. Allez dans la section "Fichier" et sélectionnez la commande "Enregistrer pour le Web".

1. Accédez à l'emplacement où vous avez enregistré les images (votre bureau ou un répertoire spécifique) et recherchez un dossier appelé « Images ». C'est là que iront vos images. Il ne reste plus qu'à les renseigner sur la page.

P.S. La hauteur de l'avatar peut être modifiée à votre discrétion. j'ai pris taille maximale– 500 pixels, mais votre valeur peut être inférieure. Par exemple, comme sur la page « Wiki Markup » :

Comment utiliser les widgets

Les widgets font également partie de la conception de la communauté VK. Grâce à eux, l'utilisateur peut : passer une commande, s'abonner à votre newsletter, participer à un concours, lire et laisser des avis, ouvrir une recherche dans la communauté, recevoir un cadeau, un coupon de réduction, etc.

Voici quelques exemples de ce à quoi ressemblent les widgets sur la page VKontakte :

classe="incut">

Comment concevoir des images pour les publications

Si vous êtes un concepteur de sites Web ou si vous avez un goût artistique et un sens de la beauté, il ne vous sera pas difficile de proposer un style d'entreprise pour vos images. Cependant, il me semble que ces personnes seront minoritaires dans cet article (d'ailleurs, je n'en fais pas partie non plus). Par conséquent, examinons de plus près comment cela se fait, sur la base d'exemples d'entreprises prospères.

À propos, veuillez noter que presque toutes les sociétés VKontakte connues marquent leurs images, c'est-à-dire qu'elles ajoutent un petit logo, l'adresse de leur page ou un filigrane. Cela augmente la notoriété de la marque et protège vos images contre la copie. C'est à chacun de décider si cela en vaut la peine. La seule chose que je voudrais vous conseiller est la suivante : si vous décidez de faire cela, essayez de vous assurer que votre logo n'est pas trop lumineux et ne prend pas trop de place, sinon toute l'accent sera mis sur lui et l'image sera perdre son attrait.

Où puis-je obtenir de bonnes images ?

Nous avons un bon article sur ce sujet sur notre blog - "". Ils sont tous gratuits, mais certains nécessitent une inscription. Si vous ne trouvez rien qui vous convient, essayez de chercher par mot-clé+ fond d'écran (ou, si en anglais, fond d'écran). Généralement, ce type de demande aboutit à des images de haute qualité. Mais ici, vous devez être prudent et vérifier le type de licence, sinon, si vous avez une entreprise sérieuse, vous pourriez avoir des ennuis.

Que doivent faire ceux qui ne savent pas travailler dans Photoshop ?

Si vous n'avez jamais travaillé dans Photoshop (ou tout autre éditeurs graphiques) et que vous n'êtes pas encore prêt à consacrer du temps à sa maîtrise, vous pouvez utiliser des services qui existent déjà modèles prêts à l'emploi photos pour différents réseaux sociaux :

1. Fotor.com

Après cela, sur le côté gauche de l'écran, sélectionnez le modèle qui nous intéresse. Veuillez noter que seuls les modèles ne comportant pas d'icône en forme de diamant sont fournis gratuitement.

Nous l'insérons dans le modèle, le sélectionnons avec le bouton gauche de la souris, sélectionnons la commande Calque (icône en sandwich) et cliquons Déplacer vers le bas. De cette façon, notre image ira en arrière-plan et toutes les inscriptions seront superposées dessus.

Après cela, nous modifions le texte, la police, la taille de la police, la position de l'inscription, etc.

Cliquez ensuite sur l'icône de la disquette, sélectionnez le nom, le format de l'image, la qualité et cliquez sur le bouton Connectez-vous pour télécharger.

Comment utiliser le balisage wiki

Eh bien, nous arrivons ici à la section la plus intéressante et en même temps la plus difficile. Il y a peut-être des gens parmi les lecteurs qui ne savent pas ce qu'est le balisage wiki et qui entendent ce terme pour la première fois. C’est pourquoi, spécialement pour vous, je donnerai la définition que donne « Contact » lui-même.

Le balisage wiki est un langage de balisage utilisé pour formater le texte sur les sites Web (généralement classés comme projets wiki) et facilite l'accès aux fonctionnalités. Langage HTML. Sur notre site, les pages wiki sont une bonne alternative aux publications classiques et à la navigation textuelle. Si vous devez créer un article volumineux avec un formatage de texte différent ( caractères gras, soulignement, titres, etc.) ou y ajouter des graphiques, ou simplement créer un menu de navigation coloré pour votre communauté - un wiki est irremplaçable.

Tout comme Wordpress (ou tout autre CMS) dispose d'un éditeur HTML avec lequel vous créez des articles, Contact possède son propre éditeur pour créer et éditer des pages wiki. Cela ressemble à ceci :

À l'aide de cet éditeur, des menus de navigation sont créés, ainsi que des articles avec des images, des vidéos et des enregistrements audio. Ci-dessous, je discuterai en détail de la façon de travailler dans cet éditeur, mais je vous demande d'abord de mettre deux liens dans vos favoris. Ils vous aideront beaucoup dans l’apprentissage du balisage wiki.