Support Centre

rechercher

Personnalisation de votre graphique Icon Row ou Icon Grid (Éditeur Classique)

Gino B.
Gino B.
  • Mise à jour

Disponible sur les forfaits suivants: Gratuit, Premium, Entreprise et Enterprise.

Lorsque vous ajoutez une ligne d'icônes ou un graphique en grille d'icônes à votre conception, vous pouvez personnaliser l'apparence des icônes en  ajustant la valeur de remplissage  ,  en modifiant le nombre d'icônes  ,  en modifiant les couleurs  ou  en modifiant les icônes  utilisées dans le graphique.

Redimensionner et repositionner

Déplacez le graphique à la position souhaitée sur le canevas de conception. 

Modifiez les dimensions   du graphique avec la zone de délimitation (cliquez et faites glisser pour redimensionner). 

Modifier la valeur de remplissage

Les graphiques à icônes affichent   deux couleurs  pour indiquer la valeur.

La   première couleur de remplissage   est contrôlée par le   % de remplissage  .

Cliquez sur le  menu déroulant   % de remplissage  et modifiez le pourcentage pour modifier le nombre d'icônes avec la première couleur de remplissage dans votre graphique.

Dans l'éditeur Venngage, une page de conception avec un arrière-plan bleu clair est ouverte, avec du texte noir comme en-tête et une grande icône de pointe de stylo en bas apparaît dans une vue partielle. Un utilisateur clique sur un graphique Icon Row sur le canevas pour le sélectionner. Le graphique apparaît avec une rangée de cinq icônes simples qui montrent une personne en silhouette ; les 2 premières icônes sont bleu foncé, tandis que les autres sont d'un bleu plus clair. Dans la barre d'outils supérieure, différents outils de personnalisation de l'affichage du graphique apparaissent. L'utilisateur clique sur le % de remplissage pour ouvrir une liste déroulante et modifie le nombre de 25 % à 48 %. L'utilisateur modifie ensuite les icônes par ligne de 5 à 15. Cela entraîne une modification de la disposition du graphique : les icônes elles-mêmes deviennent plus petites et les 8 premières icônes sont maintenant bleu foncé, les autres apparaissant en bleu clair.

Modifier le nombre d'icônes

Les graphiques Icon Row et Icon Grid peuvent être personnalisés pour afficher différents nombres d'icônes (  le remplissage restera le même, en fonction du pourcentage que vous sélectionnez  ).

Dans l'éditeur Venngage, une page de conception avec un arrière-plan bleu clair est ouverte, avec du texte noir comme en-tête et une grande icône de pointe de stylo en bas apparaît dans une vue partielle. Un utilisateur clique sur un graphique Icon Grid sur le canevas pour le sélectionner. Le graphique apparaît avec trois rangées empilées d'icônes simples qui montrent une personne en silhouette ; chaque ligne a 6 icônes de travers, et les 9 premières icônes sont bleu foncé, tandis que les autres sont d'un bleu plus clair. Dans la barre d'outils supérieure, différents outils de personnalisation de l'affichage du graphique apparaissent. L'utilisateur clique sur le % de remplissage pour ouvrir une liste déroulante et modifie le nombre de 50 % à 47 %. L'utilisateur modifie ensuite les icônes par ligne de 3 à 6 et les icônes par colonne de 6 à 7. Cela entraîne la modification de la disposition du graphique et le nombre d'icônes dans chaque ligne, ainsi que le nombre de lignes à augmenter,

 

Sélectionnez le graphique  . Utilisez les  menus  déroulants   pour modifier le nombre d'icônes par  ligne  dans un graphique Icon Row et le nombre d'icônes par   colonne et ligne   dans un graphique Icon Grid. 

Une vue partielle de l'éditeur Venngage montre le haut de la toile de conception et un graphique de statistiques Icon Row avec 5 icônes simples de silhouettes humaines. L'utilisateur modifie l'icône par Rwo de 5 à 10, ce qui entraîne le changement des couleurs des icônes ; initialement, 4 des 5 icônes apparaissaient en bleu foncé, la cinquième icône en bleu clair ; maintenant, 7 des 10 icônes apparaissent en bleu foncé et les trois dernières icônes à la fin de la ligne apparaissent en bleu clair.

Redimensionnez le graphique pour modifier l'espacement   entre les icônes du graphique. 

Changer les couleurs de votre graphique d'icônes

Les graphiques Icon Row et Icon Grid ont   deux couleurs déterminées par la valeur de remplissage (%)  . La   première couleur de remplissage   est égale à la   valeur de remplissage  et le reste est représenté par la   seconde couleur de remplissage  . 

Ces couleurs apparaissent sous forme  d'icônes  de l'outil Couleur   dans la barre d'outils supérieure lorsque vous sélectionnez le graphique. 

Sélectionnez votre graphique  , puis cliquez sur la couleur que vous souhaitez modifier. Utilisez le   widget Color Tool   pour ajuster la couleur à votre goût ; cliquez sur le 'x' dans le coin supérieur droit du widget, ou n'importe où sur le canevas, pour enregistrer vos modifications et fermer le widget.

Dans l'éditeur Venngage, une vue partielle d'une page de conception avec un arrière-plan bleu clair et du texte noir comme en-tête apparaît. Un graphique en grille d'icônes apparaît sur le canevas, avec 3 rangées d'icônes avec 7 icônes dans chaque rangée. Les icônes représentent des silhouettes humaines simples, dans deux teintes différentes : bleu foncé et bleu clair. Un utilisateur sélectionne le graphique et clique sur Remplissage couleur 1 dans la barre d'outils supérieure, qui apparaît sous la forme d'un carreau bleu foncé de la même teinte que les icônes bleues plus foncées. Dans le widget Outil de couleur, l'utilisateur clique sur la roue chromatique pour sélectionner une nouvelle couleur, puis clique sur une tuile de couleur sous les couleurs de l'échantillon, puis utilise le curseur clair-foncé à côté de la roue chromatique pour ajuster sa valeur de noir. La couleur des icônes est maintenant une sarcelle foncée. L'utilisateur clique sur le canevas de conception pour fermer le widget Color Fill 1, puis clique sur la vignette qui apparaît à côté dans la barre d'outils supérieure, pour Color Fill 2. Cette vignette est de la même couleur que les icônes bleu clair. L'utilisateur clique sur le même échantillon de couleur sarcelle sous Swatch Colors dans le widget Color Tool, puis utilise le curseur d'opacité pour rendre la couleur plus transparente, ce qui rend ces icônes plus claires sur le canevas de conception.

Changer l'image de l'icône

Double-cliquez sur le graphique d'icônes. Vous pouvez également cliquer une fois sur le graphique pour le sélectionner, puis cliquer sur  Remplacer l'icône  dans la barre d'outils supérieure.

Faites défiler la galerie d'icônes et choisissez une nouvelle icône ; ou  entrez un terme de recherche  pour affiner vos choix  .

Sur une toile de conception bleu clair dans l'éditeur Venngage, un utilisateur sélectionne un graphique en grille d'icônes avec trois rangées de 7 icônes de silhouettes humaines simples. L'utilisateur clique sur "Remplacer l'icône" dans la barre d'outils supérieure et le menu Remplacer s'ouvre dans un panneau de la barre latérale gauche, affichant une galerie de vignettes d'icônes. L'utilisateur fait défiler la galerie, puis saisit "marketing" dans la barre de recherche supérieure, renvoyant des résultats relatifs au marketing. L'utilisateur clique sur certaines des vignettes d'icônes dans le panneau de remplacement, comme une simple icône de panier d'achat et une icône de mégaphone, et les icônes du graphique de la grille d'icônes sur le canevas sont remplacées par ces sélections.

 

Sélectionnez une icône. Vous pouvez cliquer n'importe où sur la page pour quitter le  menu Remplacer  .

Un simple graphique Icon Row apparaît sur une toile de conception blanche dans l'éditeur Venngage. Les icônes sont de simples silhouettes humaines en deux nuances de bleu, l'une plus foncée que l'autre. L'utilisateur double-clique sur le graphique pour ouvrir le menu Remplacer et clique sur une vignette d'une étoile dans la galerie, en changeant l'icône du graphique sur le canevas en étoiles, avant de cliquer sur d'autres vignettes et de changer le graphique en cercles simples, puis entouré de signes dollar.
 
VENNGAGE LOGO

Intéressé à vous abonner? Faites la comparaison entre nos forfaits.

 

Cet article vous a-t-il été utile?

Utilisateurs qui ont trouvé cela utile : 0 sur 0

Vous avez d’autres questions? Envoyer une demande