Comment concevoir vous-même un groupe VKontakte. Comment créer un menu pour un groupe VK dans un nouveau design. Créer une belle bannière

Aujourd'hui, chaque organisation et la plupart des utilisateurs disposent de leur propre groupe sur le réseau social VKontakte. Et parmi grande quantité les groupes peuvent être trouvés vraiment magnifiquement conçus. Donc Comment créer un groupe VKontakte ?? Notons tout de suite que pour créer un groupe il faut étudier le balisage wiki.

Notez que vers le 20 octobre, les administrateurs de VKontakte ont recadré les avatars des groupes, les rendant ainsi 200*500 pixels. Sur cette base, ajustez un peu la leçon. Ou créez simplement un menu bas : 382*232 et 200*500.

Formater un groupe VKontakte

Nous créons dans Photoshop nouveau document blanc 630*725 pixels. Dans le calque, nous découpons deux fenêtres à travers lesquelles vous pouvez voir conception graphique, à savoir un rectangle 200*710 et appuyez sur Suppr et un rectangle 382*442, connectez les rectangles ci-dessous et appuyez à nouveau sur Suppr.

Sous cette couche, nous placerons notre conception graphique. On met une image, puis du texte, dans le rectangle de gauche on crée cinq points (le nombre dépend du nombre dont vous avez besoin).

Enregistrez le rectangle de droite en tant qu'image distincte 200*710. La première photo est maintenant prête à être décorée. Il doit être chargé dans le bloc situé à droite coin supérieur groupe "Télécharger une photo". Nous découpons l'image de gauche en fonction du nombre de points. Nous obtenons 5 photos 50*382.


Téléchargez les cinq photos sur l'album principal de la page du groupe (« Mes photos » - « Mes albums » - « Ajouter des photos »). Nous allons sur la page du groupe et sous la description nous voyons le bloc « Actualités » (vous pouvez le renommer) - « Modifier ».


Ainsi, certains changements ont eu lieu dans VKontakte, après le point précédent, allez dans l'onglet « Modifier » et cliquez sur le bouton à droite « Mode de balisage Wiki ». Placez le code suivant dans la fenêtre qui s'ouvre :


Allez dans l'onglet " Source"et collez-y le code suivant ( éditeur visuel Il vaut mieux ne pas l'utiliser, cela gâche vos paramètres) :

[]
[]
[]
[]
[]

N'oubliez pas de remplacer le mot « photo » dans le code par le nom de vos fichiers et d'indiquer la hauteur du fichier (la largeur est déjà définie), et également de définir l'url des liens du menu.

Pour que les images puissent être combinées, le nom du groupe doit être placé sur une seule ligne, la description du groupe sur 10 lignes, et URL Web site en 1. Cliquez sur l'image pour voir clairement comment cela fonctionne.

Si cet article vous a aidé ou vous a plu, n'oubliez pas donne ton like, cela aidera les autres utilisateurs à le trouver plus rapidement. Et je peux découvrir ce qui vous intéresse le plus afin de préparer et rédiger des articles encore plus intéressants et utiles ! Cordialement, Viatcheslav.

Dans cet article, nous examinerons comment concevoir magnifiquement et correctement un groupe en contact afin qu'il soit aussi pratique que possible pour les visiteurs.
Considérer, comment concevoir magnifiquement et correctement un groupe VK nous ne le serons pas d'un point de vue design, mais du point de vue des objectifs auxquels le groupe est confronté.
L'objectif principal de tout groupe– convaincre le visiteur pour qu'il comprenne immédiatement ce qu'est le groupe et souhaite en devenir membre. Pour rendre le groupe aussi pratique que possible, vous devez minimiser le nombre d'actions de la part du visiteur. Autrement dit, idéalement, pour que l'utilisateur comprenne de quoi parle le groupe, il ne doit pas effectuer de clics supplémentaires ni faire défiler la page.

Afin de comprendre comment bien structurer un groupe en contact, regardons sa structure en fonction de ses principaux éléments.
j'ai préparé un spécial diagramme visuel avec des explications.

Un schéma expliquant comment organiser magnifiquement et correctement un groupe dans VK.


Vous pouvez voir le schéma en direct lien.

1. Avatar.
Basique élément graphique groupes. Sa structure peut varier en fonction du thème du groupe. Un exemple adapté à un groupe de ventes est présenté dans le diagramme. Recommandations clés pour la conception d'avatar :
UN) Transmettre l'essence. Le but principal d'un avatar est de transmettre principales caractéristiques groupe, dites de quoi il s’agit et pour qui. Non seulement l'image elle-même, mais également les inscriptions textuelles vous y aideront. Il est toutefois conseillé de conserver le texte le plus petit possible.
B) Image de haute qualité. Les graphismes doivent être de haute qualité et beaux, mais rien de plus. L’avatar ne doit pas trop détourner l’attention du contenu principal.
DANS) Utilisez tous les espaces possibles. Taille maximum les avatars en sortie sont de 200 par 449, il n'est pas conseillé d'en faire moins. Si vous en faites plus, conservez les proportions.

2. Statut du groupe.
Bien qu'il s'agisse d'un élément de page relativement petit, il est assez important. Dans le statut, il est nécessaire de transmettre brièvement le plus informations significativesà propos de votre groupe. La longueur maximale d'un statut est de 140 caractères.
Essayez de rendre le statut aussi clair et local que possible. Utilisez des icônes. Les codes d'icône à insérer peuvent être trouvés, par exemple, .
Exemples de codes d'icônes pour les groupes de vente :
Téléphone - code : _9742 ;
Icône envoyer le code du message : _9993 ;
Pointeur - code : _128073 ; ou code : _10145 ;

3. Description du groupe avec un menu ou une publication épinglée.
Sous le statut, au centre même de la page, se trouve le contenu principal. Il existe 2 options principales quant au contenu du contenu. Ceci est une description du groupe avec un menu et un message épinglé sur le mur.
Le menu est assez pratique en termes de navigation, mais nécessite un clic supplémentaire pour se développer, nous ne nous attarderons donc pas en détail sur la création d'un menu pour un groupe. Documents sur le sujet balisage wiki il y en a plein sur le net.
Pour version informatiqueÀ notre avis, il est préférable de faire d'une publication épinglée le contenu principal d'un groupe, car elle peut occuper toute la zone utile, est assez pratique et ne nécessite pas de clics supplémentaires de la part de l'utilisateur.
Directives générales pour créer une publication épinglée :
A. Le texte principal doit être aussi facile à lire que possible. Faites un usage intensif des icônes et des badges.
B. La hauteur totale du message épinglé ne doit pas dépasser la bordure inférieure de l'avatar. Expérimentalement, vous pouvez sélectionner la quantité optimale de contenu textuel.
B. La taille recommandée de l'image ci-jointe est de 395 x 289. Ces tailles sont optimales pour y placer des informations clés.

Outre les éléments principaux, il en existe d’autres qui ne sont pas moins significatifs, à savoir : mur de groupe, discussions, albums, vidéos, documents et contacts.
Ces éléments sont essentiellement contenu du groupe. Contenu– c’est la principale raison pour laquelle un visiteur s’abonne au groupe. Le contenu doit être formaté selon le style de base du groupe. Mais la conception n’est pas aussi importante que le contenu lui-même.
Si le groupe est vide et, à part le design, ne contient rien de précieux, il est peu probable que quiconque s'y abonne. Nous n'écrirons pas en détail sur le contenu de cet article. Un article sur la façon de concevoir magnifiquement et correctement un groupe VKontakte. Si vous avez besoin d'aide pour rédiger du contenu, vous pouvez nous contacter dans le cadre du service « »
C'est tout pour aujourd'hui concernant la conception du groupe. Écrivez vos questions sur l'article dans les commentaires ci-dessous.
Pour toute question sur la commande de services, écrivez à icq 275129,

Nous avons libéré nouveau livre"Le marketing de contenu dans dans les réseaux sociaux: Comment entrer dans la tête de vos abonnés et les faire tomber amoureux de votre marque.

S'abonner

Un groupe VK est votre visage, donc concevoir un groupe VKontakte nécessite une attention particulière. Bien entendu, vous pouvez commander la conception d'un groupe VKontakte auprès de spécialistes. Dans ce cas, le coût dépendra de la quantité de travail et des spécificités. En moyenne, la conception complexe d'un groupe comprenant la disposition des menus et d'autres services coûte 1 000 roubles et plus. Si vous souhaitez créer vous-même un groupe VKontakte, cet article est fait pour vous. Tout d’abord, signalons que cela est absolument réel.

Tailles des éléments

Ci-dessous un rappel avec les dimensions de la conception du groupe VK, ou plutôt ses principaux éléments.

Examinons chaque élément séparément :


Fabriquer un chapeau

La conception d'un groupe VK est impensable sans en-tête. La réponse à la question de savoir comment créer un groupe en contact doit commencer par l'en-tête. Le plus souvent, des annonces, un menu de navigation et les posts les plus intéressants sont placés dans l'en-tête. Il est plus rationnel de réaliser un chapeau sous la forme d'une couverture. Concevoir un groupe dans VK à l'aide d'un nouveau design vous permet d'ajouter des couvertures volumineuses et attrayantes. Pour ce faire, cliquez sur « Télécharger » à côté de « Couverture communautaire », comme indiqué dans la figure :

Voici quelques options quant à ce qui peut être placé dans l'en-tête :


Avatar

Vous vous demandez comment concevoir magnifiquement un groupe VKontakte ? Alors n'ignorez pas le travail minutieux sur votre avatar. Il s'agit d'un outil de marketing efficace lorsque utilisation correcte qui peut atteindre le résultat souhaité.

Une bonne miniature d'avatar répond aux critères suivants :

  1. Le texte dessus est grand et entièrement visible, il est facile à lire.
  2. L'image et le texte sont clairs, n'essayez pas d'en mettre trop dans votre avatar.
  3. Il est préférable d'utiliser une image originale que vous avez créée plutôt qu'une image téléchargée.
  4. Utilisez des couleurs vives pour vous démarquer des autres images et utilisez habilement le contraste.
  5. Les avatars réalisés dans le style du minimalisme sont impressionnants : un minimum de texte et de détails inutiles, un maximum de beauté et de simplicité.
  6. Utilisez votre imagination pour attirer et intéresser l'utilisateur - un carré noir, une icône de message brûlant, etc.

Voici plusieurs options pour publier des informations en miniature : annonces, avantages, contacts, bas prix, promotions, concours, etc.

Conditions requises pour l'avatar :

  1. Qualité. Pour ce faire, utilisez des images 2 à 3 fois plus grandes que la taille requise.
  2. Style unique. Tous les éléments doivent être combinés selon Schéma de couleur et le style général.
  3. Diversité. Il est préférable que la vignette et l'avatar lui-même soient des images différentes.

Sur l'avatar lui-même, vous pouvez placer le domaine du site officiel de l'entreprise, le nom de la marque, le logo, les contacts, les heures d'ouverture, des informations sur les concours et promotions en cours, les produits les plus populaires, des informations sur les produits existants. application mobile, vos principaux avantages, les annonces d'événements, etc.

Widgets

C'est une partie obligatoire de la création d'un groupe dans VK. Grâce à eux, il est pratique pour l'utilisateur d'effectuer des actions qui vous sont utiles : s'abonner, participer à un concours, passer une commande, rédiger un commentaire, etc.

Images pour les articles

Il est préférable que les publications soient accompagnées d'images. style uniforme. Cela donne au groupe originalité et créativité. Voici d’excellents exemples :

Comme le montre l'exemple, les entreprises créent des modèles de conception uniques pour un groupe VK, ou plutôt des images pour ses publications, puis les complètent/modifient simplement. Réaliser un tel modèle est assez simple, voici quelques techniques :


Pour créer des images attrayantes et de haute qualité qui vous aideront à réaliser Beau design Il est recommandé aux groupes Kkontakte d'utiliser Photoshop. Si vous possédez ce programme, utilisez l'un des analogues simplifiés du programme : Fotor.com ou Canva.com.

Édition d'articles

Comment enregistrer un groupe VK ? Vous pouvez y éditer des articles à l'aide de l'éditeur, vous pouvez le retrouver grâce à cette icône :

Nous avons expliqué comment travailler avec l'éditeur d'articles dans VK dans un autre article.

Balisage wiki

Comment créer correctement un groupe sur VK en utilisant le balisage wiki ? C’est la partie la plus difficile et en même temps la plus intéressante. Le balisage Wiki est un langage spécialisé pour travailler avec des textes sur des sites Web, facilitant l'accès aux fonctionnalités Langage HTML. Lors de la création d'un contact dans un groupe, le balisage wiki est utilisé pour le formatage matériel textuel, en y ajoutant des images, en développant un menu de navigation. Dans ce cas, un éditeur VK spécialisé est utilisé.

Voyons comment créer une page wiki : ouvrez le navigateur et collez dans la barre d'adresse : http://vk.com/pages?oid=-111 &p=Created_page, où « 111 » est l'ID du groupe et « Created_page " est le titre de l'article avec des mots écrits à travers souligner. Nous passerons souvent en mode code, voyons donc rapidement comment procéder :

Le texte est formaté dans un éditeur simple et clair, similaire à Word. Mais il n'a pas la possibilité de changer les polices ; à la place, des balises sont utilisées : H1, H2, H3, gras et italique.

Si nécessaire, vous pouvez insérer un lien dans le texte à l'aide du modèle : [lien vers l'article|texte du lien].

Pour insérer une image, cliquez sur l'icône de l'appareil photo, il est plus pratique de le faire en mode code, ce qui permettra de préciser immédiatement les dimensions souhaitées et de placer l'image au milieu.

Il existe également des versions plus complexes :

Ici, une image est d'abord réalisée dans Photoshop, qui est ensuite divisée en parties à l'aide de « Découpe », puis les images finies sont insérées dans une publication wiki et des liens y sont attachés.

Il est important d'épingler le menu développé dans l'en-tête de la page : nous créons d'abord le menu dans le balisage wiki, puis enregistrons son lien. Après cela, collez ce lien dans le message, comme indiqué :

Maintenant, nous créons des images pour le menu et les ajoutons à la publication, supprimons le lien du champ de texte spécial et cliquons sur « Soumettre ».

Il ne reste plus qu'à épingler le post.

Au lieu d'une conclusion

Quelques conseils pour créer un groupe VKontakte :

  1. Lorsque vous concevez (peu importe si vous utilisez ancienne version ou vous réfléchissez à la façon de concevoir un groupe VKontakte dans un nouveau design), pensez toujours à quoi il ressemblera dans version mobile, est-ce que tout est clair et pratique ?
  2. N'ayez pas peur d'expérimenter et de développer des solutions que vos concurrents n'utilisent pas. C'est juste un plus.
  3. Un menu absolument uniforme et symétrique semble parfois ennuyeux, alors ne vous attardez pas sur les formes idéales.

Nous esperons ce materiel comment créer une conception de groupe sur VKontakte sera utile. Merci aux abonnés !

Aujourd'hui, nous revenons au sujet de la conception des groupes VKontakte. Nous l'avons déjà appris auparavant. Aujourd'hui, nous allons apprendre à créer des graphiques menu avec bannière supérieure fixe et un lien vers page intérieure avec des éléments de menu étendus. De manière générale, toute information peut se trouver sur la page interne. Il est particulièrement pratique d'y placer, par exemple, des catalogues présentant une gamme de produits. Les menus déroulants et les menus collants ont leurs avantages et leurs inconvénients. Le principal inconvénient d’un menu déroulant est qu’il est par défaut à l’état fermé. Mais vous pouvez y placer plusieurs liens à la fois.

Menu épinglé semble plus impressionnant en raison de impression générale, mais il ne peut avoir qu'un seul lien, menant soit à la page interne de VKontakte, soit à un site externe (et le lien vers le site externe ne viendra pas de l'image, mais du lien texte sous l'image). En outre, l'un des inconvénients évidents est que, sur appareils mobiles menu graphique présenté comme une publication régulière dans le fil, au-dessus, et non comme épinglé à côté de l'avatar. En général, lors du choix d’un design, vous devez tenir compte de ces nuances. Voyons donc comment créer un menu supérieur collant avec un lien vers une page interne.

Je crée des groupes VKontakte
Conception de haute qualité des groupes et publics VK, menu épinglé, menu déroulant, menu graphique interne, catalogues, navigation interne - des prix Et portefeuille.

Étape 1
Créez un nouveau document dans Photoshop d'environ 900 x 700 pixels et remplissez-le de blanc. Nous devons maintenant découper deux fenêtres dans le calque, à travers lesquelles la conception graphique elle-même sera visible. Sélectionnez d’abord un rectangle mesurant 200 x 500 pixels (avatar) et appuyez sur Suppr. Sélectionnez ensuite un rectangle mesurant 510x352 (alignez-le sur la ligne inférieure de l'avatar et faites une distance entre les formes de 50 pixels) et appuyez également sur Suppr.
Après la prochaine mise à jour du design réalisée par VKontakte (31 octobre 2016), les dimensions de la bannière sont devenues 510 x 307 (et non 510 x 352).

Étape 2
Maintenant, sous le calque blanc, nous plaçons une image unique qui constituera la base du design.

Étape 3
Après cela, nous ajoutons la photo divers éléments— logo, inscriptions textuelles et un bouton vous invitant à cliquer sur le menu. Ensuite, nous enregistrons deux images distinctes sur l'ordinateur - l'une est un avatar (à droite), la seconde est un menu avec un bouton cliquable (à gauche).

Étape 4
Nous créons également un menu graphique dans Photoshop composé de plusieurs éléments. La largeur de ce menu doit être de 600 pixels, la hauteur est facultative, en fonction du nombre d'éléments. Pour vous aider, utilisez la leçon « ».

Étape 5
Nous découpons notre menu en plusieurs bandes horizontales en fonction du nombre d'éléments de menu. Enregistrez sous forme de fichiers séparés.

Étape 6
Nous allons dans notre groupe VKontakte, cliquons sur « Gestion de la communauté » (cliquer sur les trois points sous l'auteur ouvre un menu déroulant) et vérifions que les paramètres sont corrects. Le groupe doit être ouvert et le matériel doit également être ouvert.

Étape 7
Maintenant, téléchargeons nouvel avatar. Déplacez votre souris vers l'emplacement de l'avatar et sélectionnez « Mettre à jour la photo » dans le menu contextuel. Chargez la bonne photo de l'étape 3, étirez la zone de sélection de haut en bas jusqu'aux bords de l'image, cliquez sur « Enregistrer », puis sélectionnez la zone pour la vignette ronde.

Étape 8
Vous devez maintenant créer une page interne. Comment procéder est décrit en détail dans la leçon. Un autre manière alternative la création d'une page interne est décrite dans la leçon « » aux étapes 5 et 6.

Étape 9
Une fois que nous avons créé la page interne, nous pouvons y accéder. Pour cela, cliquez sur le menu déroulant du groupe (par défaut cet élément s'appelle « Dernières nouvelles" - Je l'ai renommé « Menu ») et là, cliquez sur le lien « Menu ». Après cela, nous irons à la page vierge nouvellement créée.

Étape 10
Nous devons maintenant créer un menu graphique de cinq éléments. Pour ce faire, nous téléchargeons nos cinq photos de l'étape 5 dans l'album de groupe. Nous cliquons sur l'icône de l'appareil photo et téléchargeons les images coupées depuis l'ordinateur. Les images seront stockées quelque part sur les serveurs VKontakte en référence au groupe, alors créez album séparé Pas nécessaire pour les images découpées. Vous devez télécharger des images en mode de balisage Wiki.

Étape 11
Maintenant, en mode balisage wiki, nous allons créer un menu graphique. Il est très important de créer en mode balisage wiki (l'icône dans le coin supérieur droit de deux crochets triangulaires), et non en mode d'édition visuelle. Plus d'informations sur la création de code dans le balisage wiki sont décrites aux étapes 4 et 5 de la leçon « ». Il existe également un modèle de code à insérer. Si tout est fait correctement, vous devriez obtenir un menu graphique prêt à l'emploi, comme dans la figure ci-dessous.

Étape 12
Revenons maintenant à page d'accueil groupe, prenez l'URL de notre page interne (elle devrait ressembler à https://vk.com/page-78320145_49821289) et collez-la dans la fenêtre où les actualités sont créées. Une fenêtre avec un lien vers cette page très interne devrait automatiquement être jointe. Après cela, nous déplaçons le curseur sur l'inscription « Joindre » et attachons une photo au message, à savoir notre photo à gauche de l'étape 3. Après cela, nous effaçons la ligne de l'URL de la page interne, laissant un espace vide. Important! Sur cette étape vous devez cocher la case (si vous disposez de tels droits, cela s'applique principalement aux groupes avec un mur ouvert) dans la case « Au nom du groupe ». Si vous ne cochez pas cette case, l'entrée ne sera pas épinglée. Enfin, cliquez sur « Soumettre ».

Étape 13
Déplacez le curseur sur les trois points à côté du titre du message et sélectionnez « Épingler » dans la fenêtre déroulante. En conséquence, les nouvelles sont également détachées, si nécessaire.

Étape 14
Il y a une mise en garde. Parfois, après avoir désépinglé une actualité, elle descend très loin dans le fil, en fonction de la date de création, et il peut être assez difficile de la retrouver. Par conséquent, il est préférable d’écrire immédiatement l’URL de l’actualité épinglée quelque part. Pour cela, déplacez le curseur sur l'heure de création de la news et cliquez sur le lien.

Étape 15
Maintenant, nous mettons à jour la page principale du groupe. Notre menu graphique sera situé en haut à côté de l'avatar. Et lorsque nous cliquons sur l'image, nous sommes redirigés vers une page interne avec un menu de cinq éléments.

Quelques conseils pour rendre la conception de groupe VKontakte efficace. Apprenez les principes conception correcteéléments de la communauté commerciale afin qu'il devienne une source stable de profit pour votre entreprise.

Vous apprendrez à définir correctement les tâches pour développer la conception d'un groupe VKontakte pour vos employés ou indépendants. Vous serez en mesure de contrôler le processus de travail et d'évaluer le résultat final non seulement d'un point de vue esthétique, mais également en tenant compte de la capacité du design créé à convertir les visiteurs en clients.

Par où commencer à travailler sur le design ?

Commencez à développer une conception de groupe VKontakte de la définition public cible , en identifiant leurs désirs et leurs besoins. Vous devez avoir des idées claires sur qui et comment vous allez vendre un certain produit ou service.

Étudiez vos concurrents. Il est logique que les concurrents aient déjà dépassé le stade de la recherche du public cible. Vous devez analyser leurs sites Web et leurs groupes de médias sociaux. Cela aidera à déterminer le public auquel s’adressent les textes des sites Web de vos concurrents.

Identifiez les forces et les faiblesses de votre proposition par rapport à ceux du marché. Notez 3 à 5 avantages de votre entreprise. Ça peut être: livraison gratuite, garantie 5 ans, spécialistes expérimentés, large gamme, etc.

Faites votre proposition commerciale, basé sur une recherche du public cible et des sites concurrents. C'est le titre de l'avatar ou de la couverture du groupe VKontakte. Cela joue un rôle énorme dans la décision d’explorer davantage le contenu de la communauté. Votre proposition doit définir clairement le sujet, être simple et compréhensible pour tout visiteur. Lors de sa rédaction, pensez au bénéfice du client et non au produit.

Les gens ne veulent pas acheter un produit/service – ils veulent une solution à leurs problèmes.

Ce sont toutes des étapes préparatoires qui doivent être complétées avant de commencer les travaux sur la conception du groupe VKontakte. Ce sont eux qui déterminent le contenu qui doit être placé sur la mise en page.

Éléments importants dans la conception des groupes VKontakte

Nous avons décidé du contenu, il est maintenant temps de découvrir des recommandations pour la conception des éléments du groupe. Nous n'analyserons que l'essentiel : un avatar et une vignette, une couverture, une bannière pour une publication épinglée et un menu.

Avatar

Placez-y votre offre commerciale pour inciter les visiteurs à entreprendre une action ciblée. De plus, l'avatar doit avoir Coordonnées, où vous pouvez être contacté, une image d'un produit ou une illustration thématique d'un service.

Utilisez uniquement des images de haute qualité et oubliez les cliparts provenant de photos gratuites. Rechercher des images pour conception efficace Les groupes VKontakte doivent être créés sur les sites pinterest.com, freepik.com, flaticon.com ou, en dernier recours, google.ru. Mais il est préférable de sélectionner des images parmi des banques de photos payantes. Requêtes de recherche entrez uniquement sur langue anglaise. Si vous rencontrez des difficultés avec l'anglais, n'hésitez pas à utiliser le traducteur Google.

Pour vous permettre de prendre plus facilement la bonne décision, nous Nous offrons 500 Rudds pour la conception de menusà tous ceux qui suivent le lien spécifié. Pour bénéficier d'une réduction, entrez simplement le code HWC1817-500-menu lors du dépôt d'une candidature.