Nous concevons le menu du groupe Vkontakte: nous sélectionnons des images pour les avatars et les chapeaux, créons des photos de haute qualité dans le groupe, concevons des widgets pour le groupe d'entreprises Vkontakte

Dans ce document, nous vous dirons comment concevoir magnifiquement le groupe Vkontakte.

La perception visuelle est l'un des facteurs les plus importants dans la formation de l'opinion principale d'une personne sur quelque chose. Rappelez-vous: "Vous êtes accueilli par vos vêtements..."? Il est très important de se souvenir de ce principe lorsque vous commencez à concevoir votre page d'entreprise sur le réseau social VKontakte.

Lorsqu'ils consultent votre page communautaire pour la première fois, les utilisateurs évalueront la beauté et la commodité, ainsi que la fonctionnalité et le professionnalisme du design. Par conséquent, vous ne devriez pas économiser sur les services de spécialistes si, bien sûr, vous n'êtes pas un gourou de la conception Web.

Nous avons préparé pour vous quelques conseils qui vous aideront à rendre votre groupe VKontakte attrayant pour les membres et clients potentiels.

L'image est un outil de visualisation important pour la conception du groupe Vkontakte

"Il vaut mieux voir une fois que d'entendre cent fois" en est un autre dire qui n'a pas perdu de sa pertinence dans le monde moderne. Les images, qui sont l'un des principaux outils de visualisation, occupent la place qui leur revient dans le profil des internautes, vous devez donc être en mesure de les manipuler correctement, en en tirant le maximum d'avantages.

La qualité des photos joue également un rôle important, et VKontakte a l'habitude de les compresser lors du téléchargement. Il s'avère que vous pouvez vous battre avec cela, et avec un résultat assez décent. Pour cette image, il faut en faire deux fois plus, et l'arrière-plan du substrat de texte doit être aussi clair que possible (idéalement, blanc) avec des lettres sombres.

Où passer un bon week-end de qualité? Le moyen le plus simple est de rechercher sur Internet, vous pouvez en trouver des gratuits, vous pouvez les acheter pour de l'argent) ou les créer vous-même, alors ils sont garantis protégés par le droit d'auteur et originaux.

Les développeurs de VKontakte ont défini des limites de taille optimales pour les images pouvant être téléchargées sur des pages en groupes. Après le changement de conception générale du réseau social, de nouvelles exigences pour les images sont apparues, dont nous vous parlerons en détail.

<> Avatar : minimum – 200 x 200 pixels, sinon le système émettra une erreur. Le maximum déclaré est de 200 x 500 pixels. (bien que si la taille est plus grande, l'essentiel est que le rapport reste de 2 à 5).
• Cover : est différent pour les versions complète et mobile, vous devez donc prendre en compte ce point lors du choix et vérifier à quoi il ressemblera lorsqu'il sera affiché sur un téléphoner. Donc, soit 1590 x 400 pixels, soit une version tronquée - 1196 x 400 pixels.
• Photos pour pièce jointe : maintenant le fil d'actualités VKontakte est fixe en largeur, alors maintenant votre les images ne seront pas déformées en raison de la fixation. Essayez de rendre l'image carrée (très bien pour la version mobile) ou rectangulaire horizontalement et d'au moins 510 pixels de large.
​​​​
• Illustrations de la page avec liens : sont attachées aux inscriptions lorsqu'un lien y est ajouté. Le minimum pour cela est de 537 x 240 pixels. (mais plus sont autorisés si les proportions sont respectées). Ces photos sont prises soit par défaut Open Graph, soit à partir de la balise meta Title, mais l'utilisateur a la possibilité de les modifier à sa guise (choisir une autre photo de la publication pour annonce ou placer la sienne).
• Illustrations contre texte : 510 x 286 pixels. Conseil gratuit: rendez les images dans l'éditeur plus sombres et non colorées afin qu'elles ne se perdent pas sur le fond des lettres.
• Visualisation de l'histoire : nous vous rappelons que la publication d'histoires en votre propre nom (en utilisant le service officiel) ne peut être promue que par des groupes qui reçoivent des autorisation des développeurs de réseaux sociaux. Ils sont illustrés de photos (x 1080 x 1920 pixels) et de vidéos (720 x 1280 pixels) - au format vertical. De plus, la vidéo doit répondre à un certain nombre de critères: longueur - pas plus de 15 secondes, taille - pas plus de 5 mégaoctets, codec - h.264, voix off - AAS.
• Couverture de l'album : pour la version complète - 1200 x 800 pixels, pour la version tronquée - 200 unités de moins.
• Vidéo : la taille optimale est de 1280 x 720 pixels.
• Page Wiki : Les grandes images seront compressées à une largeur de 400 pixels lors de leur publication, alors cliquez dessus avec la souris et réglez-les sur 607x342px. tout en préservant les proportions - alors il prendra toute la largeur de la page wiki.

Concevoir une casquette pour le public Vkontakte

La casquette est l'endroit le plus important de votre groupe, car elle est le premier à être vu par les visiteurs. Les informations les plus importantes y sont publiées: actualités, menu de navigation, annonces, etc.

• Couvercle. Il devrait être très beau et accrocheur (1590 x 400 pixels) - facilement téléchargeable depuis le menu des paramètres de la communauté. Vous pouvez être complètement créatif sur la couverture: publier des promotions et les offres les plus "hot", surprendre les visiteurs avec une devise ou un slogan, introduire le nom du groupe. Il est également possible, au contraire, de ne pas surcharger la couverture d'informations, ne laissant que de brèves informations générales sur le public et un lien pour une transition rapide vers le site.

• Envisagez d'utiliser une couverture dynamique, qui peut afficher les modifications ou les événements les plus importants pour vous ou vos abonnés.
• Hashtags - ils sont aussi parfois ajoutés à la description de la communauté sur la couverture pour augmenter la pertinence de l'audience et l'élever à des rangs de recherche plus élevés.

• Ici, vous pouvez accrocher et épingler wiki - un post ou un article préparé dans l'éditeur, avec la photo des conscrits sur l'annonce - vous pouvez y donner des informations détaillées sur votre groupe.

Menu. Ici, vous pouvez également choisir parmi différentes options celle qui vous impressionnera, vous et vos abonnés:

• Option ouverte - entièrement visible dans l'en-tête de la page.
• Fermé - Affiche la valeur Menu ou Navigation et est accessible en ouvrant la position wiki;
• Fusionné - l'avatar et l'annonce du menu sont combinés en un seul tableau;
• Caché - il ne peut être publié que pour le public (les chapitres ne peuvent être lus qu'après avoir accédé au lien).

• Clip vidéo activé l'appareil. Vous pouvez joindre un fichier vidéo à l'en-tête du groupe, qui sera automatiquement lu en silence lorsque vous entrerez dans la page. Une manœuvre très attrayante pour les nouveaux clients.

Pour profiter de cette opportunité, vous devez sélectionner un clip vidéo, le télécharger uniquement via VKontakte sans utiliser de lecteurs étrangers, le joindre au message et le joindre à la casquette.

• Message méga-populaire. La publication la plus populaire peut légitimement occuper une place honorable dans le chapeau du groupe, car un grand nombre de likes, de vues et de reposts est une garantie d'augmenter le nombre de vos abonnés.
• Annonces, présentations, promotions, tombolas. C'est dans le chapeau que vous pouvez mélanger les annonces, annoncer divers événements ou albums pour vos abonnés - ici, ils seront vus par le nombre maximum d'utilisateurs.
• Avis d'abonnés, cas. Le retour d'expérience est d'autant plus efficace, quoi de mieux pour asseoir la notoriété et la promotion du groupe? Ramenez ces moments dans le chapeau, et la réaction ne se fera pas attendre.
• Annonce de programme. Si vous êtes déjà une communauté si populaire que vous avez une application mobile, alors c'est une bonne raison d'en informer vos abonnés et nouveaux visiteurs.
• Règles. Ce n'est pas mal de publier des informations sur les règles de la communauté dans son chapeau - cela augmentera également votre note (car la discipline a toujours été parmi les traits positifs) et simplifiera le processus de recherche pour ceux qui souhaitent rejoindre le groupe.
• Référence. Dans la casquette, vous pouvez placer des liens vers d'autres communautés (par exemple, vos partenaires) ou réseaux sociaux - c'est à vous de décider.

À quel avatar faire attention lors de la conception d'un groupe Vkontakte?

• Miniature d'avatar. La police du texte doit être suffisamment grande pour être lisible, mais sans dépasser ses limites. L'image sur l'avatar doit être claire et reconnaissable, originale et suffisamment lumineuse pour se démarquer de l'arrière-plan général, et aussi élégante et pensée dans les moindres détails.
• Dans un petit espace de la vignette, vous pouvez placer des informations importantes, par exemple: une annonce de quelque chose (services, événements, biens), des préférences publiques, des contacts pour la communication, des moments de coopération fructueux (meilleurs prix, conditions de livraison, aide d'experts, etc.), toutes sortes de concours, offres d'emploi. En un mot, une très bonne plateforme de créativité.
• Lorsque la couverture n'est pas affichée en public, les utilisateurs verront la version complète de l'avatar. Si tel est votre cas, l'avatar doit être de haute qualité.
• Pour que la casquette de la communauté soit élégante et attrayante, vous devez créer un avatar dans la même tonalité (schéma de couleurs, police, style de conception) à partir du menu.

Attention: l'avatar et sa vignette peuvent être identiques, ou et de différer dépend de vous. L'essentiel est de ne pas la surcharger d'informations inutiles, laissez son espace "aéré".

• Informations sur l'avatar. Il peut s'agir de toutes les positions les plus importantes pour vous et vos visiteurs: domaine du site, contacts et heures de travail, petites annonces de produits, promotions et remises, notifications sur la disponibilité d'une application mobile, liens vers d'autres réseaux sociaux, liste de vos récompenses et réalisations, et ainsi de suite.
• L'avatar et le menu fusionnés sont créés à l'aide de n'importe quel éditeur graphique dans la limite de ses capacités.

Si vous ne savez pas comment utiliser Photoshop standard, il existe des services spéciaux avec des options prêtes, par exemple, Fotor.com, Canva.com etc. Ils sont absolument faciles à gérer.

Widgets: conception d'un groupe d'affaires Vkontakte

Lors de la conception d'un groupe d'affaires, n'oubliez pas d'utiliser des widgets, grâce auxquels vous pouvez fournir des retours d'information: partager les avis des participants, faire des candidatures, s'abonner à la newsletter, accepter des cadeaux, participer à des concours et des tombolas, etc.

Création de modèles pour les messages

Si vous voulez que les messages sur la page soient élégants et reconnaissables, vous pouvez développer (par vous-même ou avec l'aide d'un designer) des modèles spéciaux pour les annonces, dans lesquels vous n'aurez qu'à changer la couleur de l'image et à remplir un nouveau texte.

Pour cela, vous pouvez:

• jouer avec l'éclairage de l'image pour faciliter la perception du texte
• créer une zone de contraste et écrire dessus
• surligner les lignes de texte par couleur
• diviser l'image en deux moitiés; rendre l'image trouble
• sélectionner d'abord une photo avec une place pour les crédits
• ajouter des polices d'effets spéciaux (ombres, traits, lueur, etc.)

Parfois, un logo est ajouté au modèle - une marque, si votre groupe en a déjà une.

Éditeur d'articles

Dans VKontakte, il existe un éditeur de texte pour la mise en page - son entrée est marquée d'une lettre majuscule "T" dans le coin supérieur droit de l'écran. Même un utilisateur novice peut utiliser ses services.

Balisage Wiki

Le balisage Wiki est un guide du langage html, est une alternative au texte brut. Il est efficace lors de la création de documents volumineux avec différentes sélections de texte, en ajoutant des graphiques, des effets audio et vidéo et un menu de navigation lumineux.

Pour le travail, je recommande de maîtriser le service "Code source de la page", qui permet de visualiser le code de pages wiki (entrez dans le service, insérez un lien vers le type de groupe et la vue souhaités, recherchez la page souhaitée dans le registre et cliquez sur la phrase "Afficher le code").

Éditeur et communautés wiki

VKontakte a un éditeur pour le traitement des pages wiki, ainsi que des groupes spéciaux "VKontakte Wiki Markup" et "Wiki Doc".

Pour créer une telle page, vous devez insérer le jeu de caractères suivant dans la barre d'adresse: http://vk.com/pages?oid=-XXX&p=Оглавление_странички, où XXX ​​​​- il s'agit de l'ID de votre page (vous pouvez le trouver soit dans les "Community Records" - les chiffres avant "?" ou en utilisant le service "Find ID"), et "Page_Heading" est le titre du matériel avec des traits de soulignement à la place des espaces.

• Vous pouvez configurer la possibilité de modifier vous-même les matériaux (vous pouvez trouver les réglages pour cela en bas à gauche de l'éditeur). Vous devez être très prudent lorsque vous autorisez des tiers à modifier votre contenu.
• Pour passer en mode code lorsque vous travaillez avec l'éditeur visuel et inversement, il vous suffit de cliquer sur l'icône avec deux crochets triangulaires horizontaux dans le coin supérieur droit de l'éditeur.
• L'éditeur lui-même est facile à utiliser - par analogie avec Word, seulement vous ne pouvez pas jouer avec la taille de la police, mais faites le balisage (H1, H2, H3), la sélection en italique ou en gras. Pour un formatage de texte plus sérieux, vous devez le faire manuellement en mode code.
• Pour insérer un lien vers le matériel dans le balisage wiki, vous devez écrire la formule: [lien vers le matériel|texte du lien].
• Le téléchargement d'images est recommandé en mode codé pour éviter l'alignement et la compression automatiques. Et avant de télécharger un fichier vidéo, vous devez d'abord l'enregistrer dans vos enregistrements vidéo.

Pour accrocher un lien vers l'image, en mode codage, mettre après la deuxième icône | lien vers le fichier souhaité, alignez et écrivez la taille.

Nous créons un menu pour la navigation

Si vous n'envisagez pas de créer un menu complexe, il suffit d'afficher simplement tous les éléments de navigation dans l'éditeur.

• Il sera nécessaire de travailler avec quelque chose comme Photoshop, dans lequel vous devez créer une image, l'ouvrir en plusieurs parties, verser les pièces dans un article wiki avec l'ajout de liens.
• Vous pouvez épingler le menu créé à l'en-tête de la page en le créant dans le langage wiki.
• Les menus peuvent être très divers: simples (1, 2 ou plusieurs colonnes), en disposition tabulaire (création d'un tableau en langage wiki), adaptatifs.

Pour qu'ils soient beaux sur l'écran d'un ordinateur personnel et dans un gadget mobile, nous vous conseillons d'utiliser une mise en page tabulaire avec une largeur de cellule claire et de découper le menu dans les mêmes formes géométriques (3 colonnes - largeur maximale - 190 pixels, 4 colonnes - 150, 5 - 110).

Vérification du résultat

Lors de la composition dans le balisage wiki, il est souhaitable de contrôler le résultat visible pour les utilisateurs à partir de différents appareils. Il existe des programmes spéciaux qui simplifient cette tâche.

Dans le navigateur Google Chrome, il suffit d'aller sur la page wiki et de mettre "m". à l'adresse, puis faites un clic droit et sélectionnez "Afficher le code", puis - sur le dessin stylisé d'un gadget mobile. Vous devez sélectionner l'appareil souhaité et actualiser la page pour que tout s'affiche correctement.

Vous pouvez également installer le plugin Resolution Test dans Google Chrome, accéder à la version mobile de VKontakte et sélectionner la taille souhaitée.

Vidéo: Faire un design élégant du groupe Vkontakte