Support Centre

rechercher

Ajoutez et modifiez des éléments visuels (formes, icônes, photos) à votre conception accessible

Cherry
Cherry
  • Mise à jour

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

Les éléments non textuels ajoutent de l'intérêt aux conceptions; rendez-les accessibles avec les outils de l'éditeur Venngage mis à jour.

Ajouter une forme ou une ligne

Cliquez sur "Formes" dans la barre d'outils de gauche. Pour accéder au menu Formes avec votre clavier, utilisez la touche Tab pour déplacer le sélecteur et appuyez sur la barre d'espace pour le sélectionner.  

Une toile bleu clair apparaît dans l'éditeur Venngage mis à niveau, sans rien dessus. Un utilisateur clique sur la barre latérale gauche pour développer le catalogue Formes, qui s'ouvre dans un panneau immédiatement à droite de la barre latérale. Le panneau Formes et lignes comporte deux onglets : il s'ouvre par défaut sur l'onglet Formes. L'utilisateur clique sur plusieurs formes pour les ajouter au canevas. L'utilisateur clique sur l'onglet Lignes et ajoute deux lignes au canevas de conception. L'utilisateur redimensionne et repositionne les éléments afin qu'ils apparaissent bien disposés sur le canevas.

 

Utilisez votre curseur ou la touche de tabulation pour sélectionner une forme et ajoutez-la au canevas de conception en cliquant sur la forme ou en appuyant sur la barre d'espace.

Vous pouvez remplacer une forme par une autre à l'aide de la fonctionnalité de forme de la barre d'outils supérieure.

Modifier une forme ou une ligne

Les formes et les lignes ont différentes options de personnalisation, comme les couleurs, les bordures, les remplissages et les extrémités. Les outils de personnalisation apparaissent dans la barre d'outils supérieure lorsque vous sélectionnez une forme ou une ligne, ou vous pouvez cliquer avec le bouton droit sur l'élément sur le canevas pour accéder à plus d'options. 

Formes : couleur, remplissages et bordures

Sélectionnez une forme et les outils permettant de personnaliser ses couleurs et son apparence apparaîtront   dans la barre d'outils supérieure  .

Une vue partielle de la barre d'outils supérieure dans l'éditeur Venngage mis à niveau, avec plusieurs icônes d'outils visibles. La première icône de la ligne, une silhouette de goutte d'eau avec la partie inférieure ombrée, est sélectionnée. Dans son état sélectionné, il a une ombre bleu clair et une bordure bleu plus foncé. Le widget ouvert en dessous s'intitule Color Fill. Le widget contient un curseur et un champ de texte indiquant que le curseur est défini sur 100 %.

L'  outil  Couleur de remplissage   vous permet d'ajouter une autre couleur à une forme avec un remplissage uni.  Utilisez le curseur   pour contrôler le pourcentage de remplissage ou saisissez une valeur numérique comprise entre 0 et 100 dans le champ de texte. 

Une vue partielle de la barre d'outils supérieure dans l'éditeur Venngage mis à niveau, avec plusieurs icônes d'outils visibles. La deuxième icône de la ligne qui apparaît est une mosaïque de couleur et, dans son état sélectionné (illustré ici), elle présente une ombre bleu clair et une bordure bleu plus foncé. Une étiquette apparaît en dessous avec l'étiquette Fill Color One.

Une vue partielle de la barre d'outils supérieure dans l'éditeur Venngage mis à niveau, avec plusieurs icônes d'outils visibles. La troisième icône de la rangée est une tuile de couleur et, dans son état sélectionné (illustré ici), elle a une ombre bleu clair et une bordure bleu plus foncé. Une étiquette apparaît en dessous avec l'étiquette Fill Color Two.

Les couleurs de remplissage  apparaissent dans la barre d'outils supérieure sous forme de mosaïques, de la même couleur que cette partie de la forme. Pour les formes avec une couleur de remplissage inférieure à 100 %, les couleurs sont libellées   Couleur de remplissage un   et   Couleur de remplissage deux  . 

Cliquez sur la   couleur de remplissage   pour ouvrir le widget Outil de couleur et ajustez la couleur à votre guise, soit avec le sélecteur de couleurs, soit à partir des couleurs du projet ou du kit de marque.

Une vue partielle d'une toile bleu clair dans l'éditeur Venngage amélioré montre plusieurs formes et lignes. La forme supérieure est un simple carré unicolore avec un remplissage bleu. Un utilisateur clique sur le carré, et les icônes d'outils de couleur et de style apparaissent dans la barre d'outils supérieure au-dessus du canevas. L'utilisateur clique sur l'icône Color Fill dans la barre d'outils supérieure. Lorsque le widget s'ouvre, l'utilisateur déplace le curseur de 0 % à 48 %, ce qui fait passer le remplissage du carré du bleu au rouge, reflétant le pourcentage que l'utilisateur sélectionne dans le curseur. Lorsque l'utilisateur ferme le widget Color Fill, le carré est bleu à 48 % et rouge à 52 %. L'utilisateur clique sur Fill Color One, qui apparaît sous la forme d'un carreau bleu de la même couleur que 48% du carré, et ouvre un widget Color Tool. Le widget Color Tool affiche plusieurs mosaïques d'échantillons de couleurs et un sélecteur de couleurs. L'utilisateur change la couleur bleue en une sarcelle foncée, qui apparaît sous la forme d'un cercle sous l'en-tête Couleurs du projet. L'utilisateur ferme le widget Color Tool et clique sur Fill Color Two, qui apparaît sous la forme d'un carreau rouge vif de la même couleur que la partie 52% du carré, dans la barre d'outils supérieure, et change le rouge en vert moyen.

Certaines formes apparaissent, par défaut, avec seulement une bordure. Vous pouvez utiliser l'  outil  Remplissage de couleur   pour modifier le pourcentage de leur remplissage de couleur.

Une vue partielle d'une toile bleu clair dans l'éditeur Venngage amélioré montre plusieurs formes et lignes. La forme inférieure est oblongue avec une fine bordure bleue et un remplissage transparent (qui apparaît sans remplissage, de sorte que le fond bleu clair de la toile est visible à travers). Un utilisateur clique sur l'oblong, et les icônes d'outils de couleur et de style apparaissent dans la barre d'outils supérieure au-dessus du canevas. L'utilisateur clique sur l'icône Color Fill dans la barre d'outils supérieure. Lorsque le widget s'ouvre, l'utilisateur déplace le curseur de 0 % à 100 %, ce qui fait passer le remplissage de l'oblong du transparent au rouge, reflétant le pourcentage que l'utilisateur sélectionne dans le curseur. L'utilisateur réinitialise le remplissage à 0 % et ferme le widget Color Fill.

Ou,   changez la couleur de remplissage un   de transparent à une couleur unie 

Une vue partielle d'une toile bleu clair dans l'éditeur Venngage amélioré montre plusieurs formes et lignes. La forme inférieure est oblongue avec une fine bordure bleue et un remplissage transparent (elle apparaît comme sans remplissage, de sorte que le fond bleu clair de la toile est visible à travers). Un utilisateur clique sur l'oblong, et les icônes d'outils de couleur et de style apparaissent dans la barre d'outils supérieure au-dessus du canevas. L'utilisateur clique sur Fill Color One, qui apparaît sous la forme d'une tuile blanche vierge, et ouvre un widget Color Tool. Le widget Color Tool affiche plusieurs échantillons de couleurs circulaires et un sélecteur de couleurs. L'utilisateur change la couleur transparente en vert foncé, en utilisant le sélecteur de couleur du widget. Sur la toile de conception, le remplissage de l'oblong passe du transparent au vert foncé sélectionné par l'utilisateur. L'utilisateur ferme le widget Fill Color One, puis le rouvre, et clique sur un échantillon de couleur qui apparaît sous la forme d'un cercle blanc barré d'une barre oblique, représentant la transparence. L'oblong apparaît maintenant avec un remplissage transparent sur la toile. L'utilisateur ferme à nouveau le widget Fill Color One et clique sur Border Color dans la barre d'outils supérieure, qui apparaît sous la forme d'un carreau de couleur carré avec un centre vide, dans la même couleur bleue que la bordure de l'oblong. L'utilisateur clique sur le sélecteur de couleurs dans le widget Outil de couleur, changeant la couleur de l'icône de couleur de bordure en bleu foncé ainsi que la couleur de la bordure oblongue sur le canevas en le même bleu foncé. qui apparaît comme une tuile de couleur carrée avec un centre vide, dans la même couleur bleue que la bordure de l'oblong. L'utilisateur clique sur le sélecteur de couleurs dans le widget Outil de couleur, changeant la couleur de l'icône de couleur de bordure en bleu foncé ainsi que la couleur de la bordure oblongue sur le canevas en le même bleu foncé. qui apparaît comme une tuile de couleur carrée avec un centre vide, dans la même couleur bleue que la bordure de l'oblong. L'utilisateur clique sur le sélecteur de couleurs dans le widget Outil de couleur, changeant la couleur de l'icône de couleur de bordure en bleu foncé ainsi que la couleur de la bordure oblongue sur le canevas en le même bleu foncé.

Modifiez la   couleur des bordures de forme   avec l' outil  Couleur de bordure  dans la barre d'outils supérieure : cliquez pour ouvrir le widget Outil de couleur et sélectionnez une couleur dans le sélecteur de couleurs ou dans le kit de marque ou les couleurs du projet. 

Une vue partielle de la barre d'outils supérieure dans l'éditeur Venngage mis à niveau, avec plusieurs icônes d'outils visibles. La quatrième icône de la ligne est une tuile de couleur avec une seule couleur autour de la bordure et un centre vide. Dans son état sélectionné (illustré ici), il a une ombre bleu clair et une bordure bleu plus foncé. Une étiquette apparaît en dessous avec l'étiquette Couleur de la bordure.

Lignes : couleur, épaisseur, style, début et fin

Les lignes   et les  bordures des formes   peuvent être personnalisées à l'aide des  outils  d'épaisseur   et   de style   de la barre d'outils supérieure. 

Une vue partielle de la barre d'outils supérieure dans l'éditeur Venngage mis à niveau, avec plusieurs icônes d'outils visibles. La septième icône de la ligne est une série de lignes horizontales de même longueur, avec des largeurs variables. Une balise apparaît en dessous avec l'étiquette Border Width.

Modifiez la   bordure   ou   l'épaisseur de ligne   en cliquant sur   Largeur de bordure   (l' outil  Épaisseur de ligne  fonctionne de la même manière pour les lignes) dans la barre d'outils supérieure avec cet élément sélectionné ; utilisez le curseur pour basculer la largeur de la bordure ou de la ligne, ou entrez un nombre entre 0px et 20px dans le champ de texte.

Une vue partielle d'une toile bleu clair dans l'éditeur Venngage amélioré montre plusieurs formes et lignes. La forme supérieure est un simple carré unicolore avec un remplissage bleu sarcelle foncé. Un utilisateur clique sur le carré, et les icônes d'outils de couleur et de style apparaissent dans la barre d'outils supérieure au-dessus du canevas. L'utilisateur clique sur Fill Color One dans la barre d'outils supérieure, qui apparaît sous la forme d'un carreau bleu sarcelle de la même couleur que le carré, et ouvre un widget Color Tool. Le widget Color Tool affiche plusieurs mosaïques d'échantillons de couleurs et un sélecteur de couleurs. L'utilisateur change la couleur sarcelle foncée en violet foncé à l'aide du sélecteur de couleurs. Maintenant, la tuile Fille Color One dans la barre d'outils supérieure et le carré lui-même sur la toile sont tous deux du même violet foncé. L'utilisateur ferme le widget d'outil de couleur Fill Color One et clique sur Border Color, ce qui ouvre le même type de widget Color Tool. L'utilisateur clique dans le sélecteur de couleurs et sélectionne une nuance de violet clair et lavande, qui apparaît dans la tuile Couleur de la bordure dans la barre d'outils supérieure ainsi que dans la fine bordure autour du carré sur la toile. L'utilisateur ferme le widget Border Color, puis clique sur l'outil Border Width dans la barre d'outils supérieure et ouvre le widget Slider. L'utilisateur fait glisser le sélecteur sur le widget, modifiant la largeur de la bordure de 6px à 15px, la faisant apparaître plus épaisse et plus visible autour du carré sur le canevas. L'utilisateur ferme le widget Border Width et clique sur Border Style, ce qui ouvre un widget affichant plusieurs options : Solid, Dashed et Dotted. L'utilisateur clique sur chacun des styles de bordure dans le widget et la bordure du carré sur le canevas change, jusqu'à ce que l'utilisateur sélectionne Pointillé et ferme le widget. La bordure du carré apparaît maintenant comme une chaîne ininterrompue de cercles de taille égale. L'utilisateur rouvre le widget Border Width et change la largeur de la bordure du carré de 15px à 6px. Au fur et à mesure que la largeur de la bordure diminue, la taille des cercles autour de la bordure du carré sur le canevas diminue.

Stylez les bordures et les lignes   avec des points et des tirets avec la barre d'outils supérieure : cliquez sur la forme ou la ligne que vous souhaitez personnaliser, puis cliquez sur Style   de ligne   dans la barre d'outils supérieure. Choisissez parmi des solides, des points, des tirets ou une combinaison de ces styles. 

Une vue partielle d'une toile bleu clair dans l'éditeur Venngage mis à niveau montre une seule ligne vert foncé. Un utilisateur clique sur la ligne pour la sélectionner et les icônes d'outils de couleur et de style apparaissent dans la barre d'outils supérieure au-dessus du canevas. L'utilisateur clique sur l'outil Style de ligne et le widget qui s'ouvre affiche plusieurs types de styles de ligne différents, y compris les solides, les points, les tirets et les combinaisons de ces styles. L'utilisateur sélectionne les styles Dot, Dash, Long Dash et enfin Dash-Dot ; à chaque sélection, le style de la ligne sur le canevas change pour refléter le style du widget Style de ligne. Le Dash-Dot apparaît comme une série de tirets et de points alternés. L'utilisateur ferme le widget Style de ligne et clique sur l'icône Épaisseur de ligne dans la barre d'outils supérieure. L'utilisateur modifie l'épaisseur de ligne de 15 px à 5 px à 13 px, à l'aide du curseur ; à mesure que l'épaisseur de la ligne diminue, des tirets et des points de plus en plus petits apparaissent dans la ligne ; une épaisseur de ligne plus grande fait apparaître les tirets et les points plus grands et il y en a moins dans le motif répétitif sur la ligne.

Les lignes   peuvent être davantage personnalisées avec   des débuts et des fins de flèches  . Cliquez sur la ligne et utilisez les outils Début de ligne et Fin de ligne dans la barre d'outils supérieure pour modifier le style.

Une vue partielle d'une toile bleu clair dans l'éditeur Venngage mis à niveau montre une seule ligne vert foncé. Un utilisateur clique sur la ligne pour la sélectionner et les icônes d'outils de couleur et de style apparaissent dans la barre d'outils supérieure au-dessus du canevas. L'utilisateur clique sur l'outil Début de ligne et le widget qui s'ouvre affiche plusieurs types de styles de flèche. L'utilisateur sélectionne Sharp Arrow et une flèche étroite avec des extrémités légèrement incurvées apparaît à l'extrémité gauche de la ligne. L'utilisateur clique ensuite sur l'icône de l'outil Fin de ligne dans la barre d'outils supérieure et sélectionne Flèche triangulaire. Un large triangle équilatéral apparaît à l'extrémité droite de la ligne. L'utilisateur ferme l'outil Fin de ligne, puis clique à nouveau sur l'icône et modifie la sélection en une flèche pointue, rendant la flèche qui apparaît à l'extrémité droite de la ligne identique à celle de gauche.

 

Ajouter une icône

Sélectionnez (tabulation et appuyez sur la touche barre d'espace du clavier) ou cliquez sur "  Icônes  " dans la barre d'outils de gauche.

Tapez un terme de recherche dans la barre de recherche pour filtrer les icônes ou utilisez les catégories préexistantes pour filtrer. 

Une vue partielle d'une toile de conception de couleur sable clair dans l'éditeur Venngage mis à niveau affiche une infographie avec le titre Ouvrir la voie vers un avenir durable. Les accents du dessin et du texte sont de différentes nuances de vert, de beige et d'orange. Un utilisateur ouvre le panneau Icônes dans la barre latérale gauche en cliquant dessus ; lorsque le panneau s'ouvre, une barre de recherche est visible en haut du panneau et trois onglets en dessous sont étiquetés respectivement Tout, Couleur et Mono. L'utilisateur clique sur l'onglet Couleur et fait défiler une galerie de vignettes d'icônes de taille égale, affichant différents packs d'icônes avec des catégories telles que Activités et loisirs, Divers portraits circulaires, Retro Essentials, etc. L'utilisateur clique sur l'onglet Mono et affiche un pack d'icônes étiqueté Cultural Mono Pack avec de simples icônes de silhouette en noir et blanc d'articles comme des vêtements, de la nourriture,

Les catégories se rapportent à ce que les icônes représentent, par exemple, "Activités et interactions" ou style, par exemple "Retro Essentials", ou le type de couleur de l'icône, c'est-à-dire Mono (couleur unique, personnalisable)  ou  Couleur  (  pré-coloré). 

Cliquez sur une icône ou appuyez sur la barre d'espace sur une icône sélectionnée pour l'ajouter à votre canevas de conception.

Ajouter une photo

Sélectionnez (tabulation et appuyez sur la touche espace du clavier) ou cliquez sur "  Photos  " dans la barre d'outils de gauche.

Entrez un   terme de recherche   dans la barre de recherche ou utilisez les   catégories   pour afficher les résultats des photos. 

Cliquez sur une vignette de photo dans la galerie pour l'ajouter à la toile de conception.

Une vue partielle d'un canevas de conception bleu foncé dans l'éditeur Venngage mis à niveau affiche une carte de flux de processus avec le titre Le processus de conception. Les accents du dessin et du texte sont bleu clair et violet. Un utilisateur ouvre le panneau Photos dans la barre latérale gauche en cliquant dessus ; Lorsque le panneau s'ouvre, une barre de recherche est visible en haut du panneau, avec des catégories de recherche cliquables pré-générées en dessous. L'utilisateur saisit le terme "entreprise" dans la barre de recherche en haut du panneau et renvoie les résultats des photos libres de droits relatives à ce terme dans une galerie de vignettes sous la barre de recherche. L'utilisateur clique sur l'une des photos, une image bleue et blanche d'une grille avec une flèche en dents de scie pointant vers le haut pour indiquer la croissance, et la photo en taille réelle apparaît sur la toile de conception.

Téléchargez vos propres photos à  l' aide de l'   outil de téléchargement  ou  recadrez  une photo  pour modifier sa forme.

Repositionner ou redimensionner un élément visuel

Une vue partielle d'une toile de conception de couleur sable clair dans l'éditeur Venngage mis à niveau affiche une infographie avec le titre Ouvrir la voie vers un avenir durable. Les accents du dessin et du texte sont de différentes nuances de vert, de beige et d'orange. Un utilisateur ouvre le panneau Icônes dans la barre latérale gauche en cliquant dessus ; lorsque le panneau s'ouvre, une barre de recherche est visible en haut du panneau et trois onglets en dessous sont étiquetés respectivement Tout, Couleur et Mono. L'utilisateur saisit le terme "sprout" dans la barre de recherche en haut du panneau et renvoie les résultats pour les icônes couleur et monochromes relatives à ce terme de recherche, sous la barre de recherche dans une galerie de vignettes de taille égale. L'utilisateur clique sur une icône colorée d'une pousse à deux feuilles, et elle apparaît sur la toile de conception. L'utilisateur clique sur l'icône et une boîte englobante bleue apparaît autour d'elle. L'utilisateur clique sur la poignée supérieure droite de la boîte englobante et redimensionne l'icône, la rendant plus grande et plus petite, puis clique sur l'icône de flèche circulaire qui apparaît sous la boîte englobante et la fait glisser, provoquant la rotation de l'icône. L'utilisateur repositionne ensuite l'icône sur le canevas en cliquant dessus et en la faisant glisser, en la plaçant sous un en-tête.

Voici quelques commandes de base qui s'appliquent à n'importe quelle photo, icône, ligne ou forme sur le canevas :

  • Repositionner :  Cliquez et faites glisser l'élément en place, ou  utilisez la touche Tab pour le sélectionner   et utilisez les touches fléchées pour déplacer l'élément vers le haut, le bas, la gauche ou la droite.
  • Redimensionner :   Cliquez et faites glisser les poignées du cadre de délimitation pour réduire ou agrandir la photo, ou  utilisez les raccourcis clavier  (CTRL + Flèches pour Windows ; CMD + Flèches pour Mac).  
  • Redimensionner proportionnellement :  maintenez la  touche Maj enfoncée   pendant que vous redimensionnez.
  • Rotation :  sélectionnez l'élément. Cliquez sur la   flèche circulaire   en bas de la boîte englobante et déplacez votre souris pour la faire pivoter, ou  utilisez les raccourcis clavier  : Alt ou Option + flèches gauche/droite.
  • Retourner verticalement ou   horizontalement :   sélectionnez l'élément sur le canevas, puis cliquez sur « Retourner horizontalement » ou « Retourner verticalement » pour retourner l'élément le long de cet axe.

Une vue partielle de la barre d'outils supérieure dans l'éditeur Venngage mis à jour. Une série d'icônes d'outils apparaît de gauche à droite, y compris une goutte avec une partie inférieure ombragée et plusieurs tuiles de couleur. La quatrième icône d'outil dans la barre d'outils est l'outil Retourner horizontalement, qui apparaît sous la forme de deux triangles rectangles en miroir de chaque côté d'une ligne verticale ; un utilisateur passe la souris dessus et il apparaît avec l'étiquette Retourner horizontalement. L'utilisateur déplace son curseur sur la cinquième icône d'outil dans la barre d'outils, une icône de deux triangles rectangles en miroir de chaque côté d'une ligne horizontale, et elle apparaît étiquetée comme Retourner verticalement.

 

Appliquer des styles à plusieurs éléments du même type

Certains éléments de différentes catégories (par exemple, les formes et les zones de texte)  peuvent tous être stylisés en même temps  lorsque vous les sélectionnez tous en même temps, s'ils partagent certaines options de style. 

Dans une vue partielle d'un canevas de conception dans l'éditeur mis à niveau, deux petits rectangles et une zone de texte sont sélectionnés. Dans la barre d'outils supérieure, une tuile de couleur est visible avec les couleurs du texte et des rectangles, indiquant qu'elles peuvent être personnalisées.

Sélectionnez plusieurs éléments sur le canevas de conception (cliquez tout en maintenant la touche Maj enfoncée), puis utilisez les outils de la barre d'outils supérieure pour modifier leur couleur, leur taille, etc. 

Plus de façons de personnaliser

 

VENNGAGE LOGO

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

 

Concevez votre premier dessin!

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