– la base d’une promotion efficace. Un bel avatar et une belle couverture peuvent augmenter la conversion des utilisateurs rejoignant la communauté, ainsi que les ventes si la communauté est commerciale.

Si vous souhaitez choisir une image toute faite, sachez-le, renseignez-vous sur la taille de l'avatar du groupe VKontakte.

Parmi tous les points disponibles, il faut souligner les suivants :

1. L'image doit être de haute qualité. Tous les éléments doivent être clairs, sans flou.
2. L'image ne doit pas contenir de filigranes : logos d'autres entreprises ou communautés, services boursiers, etc.
3. L'image que vous choisissez doit être significative et de bonne taille. Il n'est pas nécessaire de sélectionner une image d'une voiture BMW dans une communauté dédiée à Mercedes et vice versa. Un avatar est le visage de votre communauté. Il permet aux utilisateurs du réseau social de comprendre l'orientation de la communauté, son message et ses thématiques.

Comment créer vous-même un avatar pour un groupe VK dans la bonne taille? Il existe de nombreux éditeurs graphiques pour cela. Le plus pratique et le plus populaire est Adobe Photoshop. Le programme vous permet de créer des images de n'importe quelle taille en haute qualité. Tout cela est réalisé grâce à une large sélection d'outils d'édition auxiliaires.

Pour commencer, vous devez créer un nouveau projet dans Photoshop.

Pour créer une grande image, vous devez définir les dimensions suivantes dans la fenêtre qui s'ouvre :

Largeur : 250 px

Hauteur : 450px

Après cela, cliquez sur le bouton « Créer ».

Une zone de travail apparaît devant nous, où se déroule le processus de création d'un avatar vertical.

Les dimensions suivantes doivent être précisées pour la couverture :

Largeur : 1590px

Hauteur : 400px

En conséquence, nous obtenons une image en position horizontale.

Comme arrière-plan pour l'ava, téléchargez n'importe quelle image appropriée de haute qualité et placez-la sur le modèle. Pour cela, allez dans le menu « Fichier » - « Ouvrir ».

Pour ajouter du texte, vous devez sélectionner l'outil avec l'icône de la lettre « T » dans le panneau de gauche.

Après cela, sélectionnez la police appropriée et sa taille.

Vous pouvez placer du texte dans n'importe quelle zone de l'image.

Si vous ne souhaitez pas créer de nouveaux projets à chaque fois, enregistrez ces modèles au format PSD. Pour cela, allez dans le menu « Fichier » – « Enregistrer sous »

Après cela, vous pouvez toujours ouvrir ces modèles et créer de nouvelles images.

Le guide montre les tailles appropriées pour un avatar communautaire. Ils s'intègrent parfaitement au format classique habituel, ainsi qu'au nouveau design VKontakte avec couverture.

L'option classique désigne une conception de ce type :

Le nouveau design de la couverture ressemble à ceci :

Créer un avatar sur les appareils mobiles

Si vous souhaitez créer un ava pour la communauté VK à partir d'appareils iOS ou Android, vous devez faire attention aux services en ligne spécialisés.

À titre d'exemple, considérons le service Vkprofi. Pour travailler avec le site, vous devez vous connecter via votre compte VKontakte. Après cela, vous aurez la possibilité de créer une couverture, un avatar, un menu et des images pour les publications VK.

Allez dans la section "Avatar".

Vous avez la possibilité d'ajouter des images, du texte et des sprites dans la zone surlignée en bleu.

Cela crée le design classique du format suivant.

Pour créer une couverture, rendez-vous dans la section appropriée.

Les éléments graphiques et le texte sont ajoutés dans la colonne de droite.

Pour enregistrer la version finale, vous devez payer une licence. Une journée de licence coûte 50 roubles.

Utiliser des modèles

Si vous souhaitez trouver des options pour les avatars prêts à l'emploi, faites attention aux modèles prêts à l'emploi. Vous pouvez télécharger des mises en page au format PSD sur les sites suivants :

Vous-ps.ru– Large sélection de modèles pour n’importe quel sujet. En plus des sources, le site contient des tutoriels utiles sur l'utilisation de Photoshop. Le téléchargement de fichiers depuis you-ps est gratuit.

PS-Magic.ru. Un autre site utile avec des sources de conception au format PSD. Tout comme sur You-ps.ru, vous trouverez ici non seulement des avatars, mais également des leçons sur leur édition et leur création dans Photoshop.

Commande de modèles auprès de pigistes

Si vous n'avez pas trouvé d'option de conception appropriée sur les sites ci-dessus, contactez des designers professionnels pour obtenir de l'aide. Trouver un concepteur de sites Web est très simple. Pour ce faire, il existe de nombreux échanges de freelances avec des milliers d'artistes.

Kwork. Tous les services du site sont vendus 500 roubles. Des centaines d'artistes sont prêts à créer pour vous une conception de groupe dans les plus brefs délais.

. L'échange indépendant le plus populaire de la CEI. Inscrivez-vous sur le site en tant que client et publiez une tâche pour créer un avatar pour votre page publique. Après cela, les artistes commenceront à répondre à la tâche que vous avez créée. Choisissez le candidat que vous aimez et commencez à travailler avec lui.

Webblancer. Un échange similaire pour trouver des freelances. Passez une commande et attendez les réponses des entrepreneurs potentiels pour créer un modèle.

Vous verrez une grande liste de centaines de groupes pour cette demande. Tous appartiennent à des agences et à des indépendants qui conçoivent des communautés. Dans la plupart des groupes, vous pouvez non seulement commander le développement d'un modèle, mais également trouver des options prêtes à l'emploi disponibles en téléchargement gratuit.

Difficultés possibles

Lorsque vous travaillez avec un avatar de groupe VK, vous pouvez rencontrer les problèmes suivants :

Conclusion

Un avatar pour un groupe VK joue un rôle important, surtout si la communauté est commerciale. Ava peut être réalisé de vos propres mains dans Photoshop ou vous pouvez le commander en ligne. Un bon avatar doit être facile à retenir et attirer l’attention.

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 une page ou un groupe public est conçu de manière non 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? Lire ci-dessous.

Tailles actuelles des images VKontakte

Il y a quelque temps, les développeurs du réseau social VKontakte ont lancé un 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 les tailles pertinentes pour le moment.

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 la version mobile et les 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 par 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 en 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 à condition que les proportions soient 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 en utilisant l'application officielle. Cela ne peut pas être fait depuis un ordinateur.

Taille de la couverture de l'album photo

Taille de l'image vidéo

1280 par 720 pixels.

Page wiki

La largeur de la zone de contenu d'une page wiki est de 607 pixels. Si vous téléchargez une image plus grande, elle sera automatiquement téléchargée avec une largeur de 400 pixels. Exemple : j'ai une image mesurant 1366 par 768. Si je l'ajoute à la page wiki, voici à quoi elle ressemblera :

Pour modifier la taille d'une image, vous devez cliquer dessus et définir les valeurs souhaitées :

Je parlerai en détail de la façon de travailler avec les pages wiki ci-dessous. Nous ne nous attarderons donc pas ici sur ce point.

Comment s'assurer que les images VKontakte ne rétrécissent pas ? L'influence de l'arrière-plan et de la taille sur la qualité de l'image.

Si vous avez déjà essayé de télécharger des images VKontakte (peu importe qu'il s'agisse d'une photo d'avatar ou simplement d'une photo de votre voyage), vous savez probablement déjà qu'elles ont tendance à rétrécir. Ceci est particulièrement visible sur un fond sombre (et surtout rouge) et lorsque l'image n'est pas trop grande. Exemple:

Comment s'assurer que la qualité des images ne se détériore pas ?

Pour éviter que l'image ne rétrécisse (ou plutôt ne rétrécisse, mais dans une bien moindre mesure), il est nécessaire de la rendre 2 à 3 fois plus grande que la taille souhaitée. Par exemple, si nous devons créer un avatar mesurant 200 x 500 pixels, nous prenons une photo mesurant 400 x 1 000 pixels. Si vous devez créer un menu d'une taille de 510 sur 400 pixels, prenez 1020 sur 800.

L'image sur fond bleu foncé, que j'ai montrée juste au-dessus, a une taille de 510 par 350. Je l'ai rendue deux fois plus grande (1020 par 700) et je l'ai enregistrée. Voilà ce qui en est ressorti :

Comment le réparer? La réponse est très simple : vous devez choisir un arrière-plan différent. Le fait est que les pixels sont mieux visibles sur un fond sombre que sur un fond clair. Par conséquent, si vous souhaitez obtenir une qualité parfaite (bien que l'image ci-dessus semble déjà tout à fait normale), vous devez modifier légèrement la palette de couleurs. Par exemple, rendez le fond blanc et le texte bleu :

Comment concevoir un en-tête de page

L’en-tête de votre page ou groupe public est la première chose que les utilisateurs voient lorsqu’ils viennent vous rendre visite. Dans la plupart des cas, cet endroit contient un menu de navigation pour des documents publics, des articles intéressants ou des annonces importantes. Examinons des exemples de la manière dont différentes entreprises utilisent cet espace.

Couverture

Il n'y a pas si longtemps, VKontakte a introduit une mise à jour : vous pouvez désormais télécharger de grandes et belles couvertures (1 590 x 400 pixels) sur des pages. Pour ce faire, allez dans les paramètres et cliquez sur le bouton "Télécharger".

Sur la couverture, vous pouvez placer tout ce que vous voulez : du nom et de la devise de votre entreprise, à toutes sortes de promotions, offres et même concours.

Je recommande de porter une attention particulière aux possibilités d'une couverture dynamique. Lisez notre article sur son fonctionnement, à quelles fins il peut être utilisé et avec quels services il peut être installé.

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 :

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.

GIF et avatar dans une seule image

Mais cette option de conception du chapeau m'a vraiment ravi. Le GIF joué 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 est diffusée. 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 consiste à y épingler l'une de vos publications les plus réussies - celle qui a déjà reçu et continue de recevoir un grand nombre de likes et de partages. 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

Blagues pratiques

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 ?

Un avatar n’est pas seulement une belle image avec le logo de votre entreprise, mais aussi un outil de travail du marketeur 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 souhaitez que votre avatar ait l'air moderne, créez-le dans un style minimaliste : moins de texte, d'ombres, de dégradés et d'éléments qui n'ont aucune charge 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 faire comprendre, 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? 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. La version complète de l'avatar ne sera affichée que dans la communauté où 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 sur la 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'Adobe Photoshop ou de 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 souhaitez pas perdre une partie de l'image (dans cet espace de 50 px), 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 la zone souhaitée et étirez-la à 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 (bureau ou 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 la 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 :

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 rechercher 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 éditeur graphique) et n'êtes pas encore prêt à consacrer du temps à le maîtriser, vous pouvez utiliser des services qui disposent déjà de modèles d'images prêts à l'emploi 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.

2. Canva.com

Un autre service qui vous aidera à concevoir magnifiquement votre image. Il fonctionne sur le même principe que le précédent. Inscrivez-vous au service (vous pouvez utiliser votre compte Google+ ou votre e-mail).

Choisissez votre domaine d'activité. Nous sautons l'étape où il vous est demandé d'inviter des amis. Nous arrivons au menu principal, où nous sélectionnons une publication Facebook si nous avons besoin d'une photo rectangulaire, ou une publication Instagram si elle est carrée.

Sélectionnez un modèle (si le modèle est marqué « GRATUIT », cela signifie qu'il est gratuit), modifiez le texte.

Si nécessaire, téléchargez votre image, ajustez les dimensions, modifiez le texte, la police et la position de l'inscription. Après cela, cliquez sur le bouton « Télécharger », sélectionnez le format d'image et enregistrez-le sur votre ordinateur ou tout autre appareil.

Comment formater les articles dans l'éditeur

Récemment, VKontakte a rendu possible la saisie d'articles dans un éditeur spécial. Pour créer un article, vous devez cliquer sur la lettre « T » :

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 « Contact » lui-même donne.

Le balisage wiki est un langage de balisage utilisé pour formater le texte sur des sites Web (généralement classés comme projets wiki) et permet un accès plus facile aux capacités du langage HTML. Sur notre site, les pages wiki sont une bonne alternative aux publications classiques et à la navigation textuelle. Si vous avez besoin de créer un article volumineux avec une mise en forme de texte différente (gras, souligné, titres, etc.) ou d'y ajouter des graphiques, ou simplement de créer un menu de navigation coloré pour votre communauté, un wiki est indispensable.

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.

Bonjour à tous, ici Roman Litvinov, designer de l'équipe Ardens.pro. Aujourd'hui, je suis venu vers vous avec un guide-tutoriel sur la façon de créer un seul bloc d'avatar et un menu VKontakte (dans son ensemble). Tout d’abord, des exemples de ce à quoi cela ressemblera.

Exemples:

Marquage d'avatar pour le groupe VK

Pour commencer, nous avons besoin d’une grille. Pour le réaliser, nous prenons une capture d'écran de la page du groupe et la jetons dans le projet, dans mon cas dans Photoshop.

Utilisez ensuite la combinaison de touches CTRL+R pour appeler les règles et placer des guides le long des bords de l'avatar et de l'attache. Afin d'étendre le guide, vous devez maintenir LMB sur la règle et la tirer vers notre mise en page.

La taille de l'avatar que nous voyons dans le navigateur sans mise à l'échelle est de 200x500 pixels. Et corrigé sous cette forme 395x237 pixels.

Coupe

Nous avons fait les marquages, commençons maintenant à découper. Pourquoi maintenant? Oui, car c'est presque la fin de mon guide.
Pour couper, nous avons besoin de l'outil « Cutting » (dans la version anglaise « Slice tool »)

A l'aide de cet outil, nous effectuons des découpes le long de nos guides, notamment à l'intérieur de l'avatar et des fixations le long des bords.

Cela devrait se passer comme ça.
Ensuite, nous supprimons notre capture d'écran des calques et passons au projet. Nous ne développerons pas le design, mais je vais vous montrer ce qui va se passer. Ajoutons une photo d'une fille à notre projet. L'essentiel pour nous est d'entrer dans le domaine de la découpe de l'avatar et de sa réparation.

Après avoir travaillé sur notre conception, nous enregistrons les pièces découpées en utilisant CTRL+SHIFT+ALT+S ou Fichier->Enregistrer pour le Web…

Dans cette fenêtre, maintenez la touche Shift enfoncée, sélectionnez notre avatar et cliquez sur Enregistrer
Mais ce n'est pas tout. Dans la fenêtre qui apparaît, sélectionnez les fragments, sélectionnez « Uniquement les fragments sélectionnés » et cliquez sur Enregistrer. Après cela, Photoshop coupera la zone avec l'avatar et la pièce jointe de l'ensemble de la mise en page.

Dans le dossier où nous avons enregistré la découpe, nous verrons quelque chose comme ceci.

Un seul bloc d'avatar et de menu pour un groupe VKontakte

N'hésitez pas à télécharger notre avatar et à l'épingler sur le groupe test pour voir le résultat

Juste comme ça, grâce à ces actions, vous obtiendrez un seul bloc d'avatar et de menu dans les groupes VKontakte.

Achèvement

J'espère que mon mini-guide vous a été utile et que vous pourrez rendre vos groupes plus beaux et mémorables.

Articles utiles sur des sujets similaires :

Vidéo amusante (à certains endroits, on ne peut pas dire si elle est « photoshoppée » ou non)

Attention ! Concours :
Je donnerai un set d'autocollants au choix à quelqu'un qui répète cette leçon, et il pourra créer un avatar et l'attacher en un seul morceau 😉

Likez, laissez des commentaires, jetez des muffins ou des tomates dans notre groupe

Dans cet article, nous vous dirons comment créer un large avatar horizontal dans un groupe VKontakte. Montrons avec un exemple clair, comment faire un large avatar VK, et donne également des recommandations pratiques utiles.

Tout d'abord, je voudrais immédiatement parler de l'importance d'un élément graphique du groupe VK tel qu'un large avatar horizontal. Par rapport à un avatar VKontakte vertical classique, l'avatar horizontal a une plus grande surface et s'affiche sur les appareils mobiles, ce qui lui permet d'être utilisé plus efficacement.
Avant d'installer directement un avatar large, j'attire votre attention sur l'icône de votre groupe, qui s'affiche à gauche en face de chaque post. Il est tiré directement de la miniature de l'avatar vertical standard. Si possible, il doit être dans le même style que le futur chapeau. Si l'en-tête est prévu dans un style différent, téléchargez d'abord un avatar normal, puis passez à un avatar large et horizontal.

Passons donc directement au processus d'installation d'un large avatar VKontakte.

Instructions sur la façon de créer un avatar horizontal dans un groupe VK.

1) Nous préparons un avatar large d'une taille de 1590×400 pixels dans un éditeur graphique.
Un large avatar horizontal est le visage de votre groupe, qui forme la première impression et l'attitude des visiteurs. Il est nécessaire d'aborder la création d'un avatar avec un soin particulier, cela déterminera le succès futur de votre communauté.
Par exemple, considérons l'avatar que nous avons préparé pour la démonstration :

Les principaux éléments habituellement utilisés dans un en-tête sont :

• Logo– Définit l'association graphique principale avec le groupe.
• Titre– Dit brièvement et clairement de quoi parle le groupe et pour qui.
• Éléments graphiques avec descriptions fournir des informations plus complètes sur ce que propose le groupe, ses avantages et ses fonctionnalités.

Les éléments principaux doivent être placés plus près du centre et vers le bas, en s'éloignant de la bordure supérieure d'au moins 100 pixels et des bordures latérales d'au moins 220. De cette façon, vous garantirez un affichage normal d'un avatar large sur les appareils mobiles.

2) Passons au community management.

3) Cliquez sur Télécharger à côté du champ de couverture de la communauté.

4) Chargez un avatar horizontal pré-créé.

5) Nous vérifions si l'avatar s'affiche correctement dans le groupe depuis l'ordinateur et l'appareil mobile.

Comme vous pouvez le voir, faire un large avatar horizontal n'est pas difficile du tout. Il est important de connaître seulement quelques fonctionnalités.
Aussi, je voudrais attirer votre attention sur le fait que l'avatar n'est pas le seul élément graphique qui détermine le style du groupe. L’image globale est également formée par la conception des publications, des albums, des produits et d’autres sections de votre groupe. Cela doit également être pris en compte.

Si vous avez besoin d'aide pour rédiger des articles pour le groupe, créer des fiches produits et rédiger un contenu similaire, vous pouvez nous contacter via .

Nous pouvons également vous aider avec conception de groupe. Pour obtenir de l'aide sur la création d'un large en-tête d'avatar horizontal, d'un logo de groupe vertical standard, d'un menu wiki, de graphiques de marque et d'autres éléments de conception, vous pouvez nous contacter.
Pour commander des prestations et pour toute question, écrivez.

Instructions

Ouvrez Adobe Photoshop et créez un nouveau document. Définissez immédiatement la largeur souhaitée sur 200 px et la hauteur sur 500 px. Réglez la résolution plus haut, mais la profondeur de bits du mode couleur n'est pas si importante, vous pouvez la laisser à 8 bits par défaut.

Commencez par l’arrière-plan. Vous pouvez simplement le remplir de couleur à l'aide de l'outil de remplissage dans le panneau de gauche ou en appliquant un dégradé. Dans ce cas, une image a été utilisée comme arrière-plan principal. Pour éviter qu'elle ne soit déformée lors de l'ajustement, maintenez Ctrl et faites glisser un coin, agrandissant ou réduisant l'image à la taille souhaitée.

Insérez une photo qui reflète le mieux votre essence ou celle que vous souhaitez montrer aux visiteurs de votre page. Pourtant, c’est par votre avatar que les gens vous jugeront en premier. Si vous ne souhaitez pas mettre de photo, vous pouvez écrire votre pseudo en arrière-plan. Dans ce cas, cela vaut la peine de jouer avec le texte - utilisez des polices supplémentaires, modifiez la transparence et le niveau de remplissage, ainsi que les propriétés du calque lui-même. Dans ce cas, des effets d’ombre et de lueur intérieure ont été utilisés et l’assombrissement a été sélectionné dans la superposition des calques.

Ajoutez des effets artistiques avec des pinceaux. Vous pouvez en utiliser des standards ou trouver des sets sur des sites spécialisés. Avant d'utiliser le pinceau, créez un nouveau calque en appuyant sur Maj+Ctrl+N.

Créez un autre calque pour ajouter un cadre. Sélectionnez ensuite l'outil « Sélection rectangulaire » et utilisez-le pour sélectionner non pas l'image entière, mais en reculant de quelques millimètres par rapport aux bords. Appuyez sur Shift+Ctrl+I, la sélection est inversée. Remplissez-le de blanc et réglez le mode de fusion sur Lumière douce.

Si vous souhaitez obtenir une image de haute qualité, travaillez dans un éditeur graphique professionnel. Si vous ne savez pas comment l'utiliser, ouvrez une photo ou une image dans Paint et recadrez-la approximativement afin que l'image tienne dans les cadres requis. L'inconvénient de l'éditeur intégré est que vous ne pourrez pas définir avec précision les dimensions requises.

Allonger une photo est une procédure simple, mais elle nécessite tout de même une certaine habileté. En particulier, lorsque vous effectuez cela dans Adobe Photoshop, il convient de connaître l'existence de la commande « Free Transform ».

Tu auras besoin de

• - Version russifiée d'Adobe Photoshop CS5

Instructions

Lancez l'éditeur Adobe Photoshop CS5 et ajoutez les éléments nécessaires photographier: Cliquez sur l'élément de menu « Fichier » > « Ouvrir » (ou appuyez sur les touches de raccourci Ctrl+O), sélectionnez le fichier souhaité et cliquez sur « Ouvrir ». Désignons verbalement ce document comme D1.

Cliquez sur l'élément de menu Image > Taille de l'image. Dans la fenêtre qui s'ouvre, il y aura les champs "Largeur" ​​et "Hauteur", rappelez-vous ces valeurs - ce sont les dimensions de l'image que vous avez ajoutées à Photoshop.

Pour ouvrir la fenêtre de création d'un nouveau document, cliquez sur l'élément de menu « Fichier » > « Nouveau » (ou utilisez les touches de raccourci Ctrl+N). Laissez la hauteur identique à celle de la photo, dont vous avez déterminé les dimensions dans la deuxième étape de cette instruction, et augmentez la largeur environ une fois et demie. Cliquez sur OK. Désignons verbalement ce document comme D2.

Sélectionnez l'outil Déplacer (raccourci V), faites glisser l'image de D1 vers D2 et alignez-la à gauche.

Appelez la commande de transformation gratuite. Il y a deux façons de faire ça. La première consiste à cliquer sur l’élément de menu Édition > Transformation libre. Deuxièmement, cliquez sur les touches de raccourci Ctrl+T. Des marqueurs carrés transparents apparaîtront sur les côtés et les coins du calque. Passez votre curseur sur le marqueur qui se trouve sur le côté droit de l'image. Le curseur se transformera en une double flèche. Maintenez le bouton gauche enfoncé et faites glisser la souris vers la droite jusqu'au bord, étirant ainsi l'image. Appuyez sur Entrée pour enregistrer le résultat.

Pour enregistrer le résultat, cliquez sur l'élément de menu « Fichier » > « Enregistrer sous » (ou utilisez les touches de raccourci Ctrl+Shift+S), sélectionnez le chemin du futur fichier, entrez son nom, spécifiez Jpeg dans le « Type de fichier ». champ et cliquez sur « Enregistrer ».

Pour annuler l'action précédente, utilisez les raccourcis clavier Ctrl+Z. Pour annuler plus d'une action, utilisez la fenêtre « Historique » (élément de menu « Fenêtre » > « Historique »).

Vidéo sur le sujet

Aujourd’hui, il est difficile de trouver un étudiant qui n’est pas inscrit sur le plus grand réseau social russe, VKontakte. Sans parler du volet divertissant de cette ressource, elle s'avère souvent utile pour se connecter avec des amis et des connaissances à l'université, communiquer avec eux et résoudre des problèmes communs. Comment indiquer sur VKontakte dans quel établissement d'enseignement supérieur vous étudiez sera discuté plus en détail.

Tu auras besoin de

• accès Internet

Instructions

Connectez-vous à votre compte VKontakte. Pour ce faire, saisissez vkontakte.ru dans la barre d'adresse de votre navigateur, saisissez votre e-mail (ou login) et votre mot de passe dans la page qui s'ouvre, puis cliquez sur « Connexion ».

Pour accéder à la page d'édition de votre formation supérieure, cliquez sur l'inscription « Modifier » située en face de la rubrique « Formation » sur le côté droit de la page, ou cliquez sur le bouton « Modifier » situé à côté de l'inscription « Ma page ». dans le coin supérieur gauche et sélectionnez la section « Éducation ». Cliquez ensuite sur l'onglet « Enseignement supérieur » situé à droite de l'onglet actif « Enseignement secondaire ».

Vous pouvez désormais procéder directement au choix de votre université. Pour cela, sélectionnez un à un : le pays dans lequel vous étudiez, la ville dans laquelle se situe votre université, l'établissement d'enseignement supérieur lui-même, la forme d'études, votre statut et la date d'obtention de votre diplôme. Après cela, cliquez sur "Enregistrer"

Si nécessaire, vous pouvez répertorier plusieurs établissements d'enseignement supérieur sur votre page. Pour ce faire, après avoir enregistré la première université, cliquez sur l'inscription « Ajouter une formation » et effectuez à nouveau toutes les étapes décrites dans le paragraphe précédent.

Une fois que vous avez terminé de sélectionner les universités où vous avez étudié ou étudiez, retournez sur votre page et assurez-vous que les informations que vous avez ajoutées apparaissent sous la rubrique « Éducation ».

note

Afin d'ajouter un établissement d'enseignement supérieur sur VKontakte, vous devez connaître son abréviation.

Conseil utile

N'oubliez pas les informations de connexion de votre page VKontakte.

Vous pouvez attirer beaucoup de visiteurs sur votre page de réseau social ou vous faire connaître sur le forum à l'aide d'un avatar impressionnant ou fort Nika. Habilement sélectionnés, ces attributs pourront exprimer votre attitude envers le monde qui vous entoure, sans votre participation ils raconteront une interview virtuelle Nika Il s'agit de qui vous êtes en tant que personne. En utilisant des programmes de génération de surnoms, il est possible de rendre un nouveau surnom mémorable et original.