Comment ajuster les propriétés du texte dans Adobe XD

Lorsque vous avez du texte dans votre projet Adobe XD, vous pouvez commencer à modifier les propriétés du texte. Ces propriétés incluent la famille de polices, la taille de la police, l'épaisseur de la police, l'alignement, l'espacement des caractères (crénage et suivi), l'espacement des lignes (interlignage), le remplissage, la bordure (trait), l'ombre (ombre portée) et le flou d'arrière-plan. Voyons donc comment ces propriétés sont appliquées.

À propos de la lisibilité et des sélections de polices

Le choix d'une police est d'une importance cruciale. Vous pouvez avoir de nombreux choix de polices dans votre système, mais seuls quelques-uns le couperont comme un choix réussi pour la lecture à l'écran. Certaines caractéristiques à rechercher dans votre sélection de polices sont les suivantes :

• Serif ou non-serif ? Ci-dessous, vous voyez une famille de polices dans le style serif en haut et une en sans serif en bas. Les empattements ont une légère projection qui termine le trait d'une lettre. Sans empattement, en revanche, n'a pas cette légère projection. Les polices de caractères sans empattement ont tendance à paraître plus modernes et sont un choix populaire pour les applications interactives et les sites Web. Dans le passé, on croyait que les familles de polices avec empattements étaient plus faciles à lire lorsqu'il y avait une grande quantité de texte. Les tests effectués avec des dispositifs de suivi oculaire ont prouvé qu'il n'y a pas de différence majeure de lisibilité entre serif ou sans-serif, alors n'hésitez pas à choisir l'un ou l'autre style tant que vous faites attention à certaines des autres caractéristiques de police qui suivent.

  Une police de caractères avec empattement en haut, sans empattement en bas.

• Largeurs de ligne droites et régulières : étant donné que votre texte sera créé à partir de pixels, il est préférable de ne pas avoir beaucoup de variations dans la largeur de votre texte. Vous pouvez voir la différence, dans un aperçu en pixels, entre un choix de police avec variation de la largeur (en haut) et une police cohérente dans sa largeur.

  La police du haut présente des variations dans les lignes épaisses et fines qui créent la police ; la police du bas est cohérente et plus facile à lire à l'écran.

• Compteurs puissants : les compteurs sont les trous que vous voyez dans les lettres telles que « O », « B » et « R ». Faites attention à la taille de ces compteurs car ils peuvent également causer des problèmes de lisibilité s'ils se ferment lorsqu'ils sont affichés sous forme de pixels sur un écran. Une vue en pixels de deux familles de polices différentes apparaît ; voir à quoi ressemblent les compteurs les uns par rapport aux autres.

  Recherchez des compteurs ouverts puissants dans votre sélection de familles de polices.

• Descendeurs et hauteur de capuchon : Des descendeurs courts et des hauteurs de capuchon faibles sont importants pour la lisibilité à l'écran. En haut, vous voyez une famille de polices avec des descendants courts et des hauteurs de majuscules basses ; en bas, une police avec de longs descendants et des hauteurs de capuchon élevées.

  Une famille de polices avec des descendants courts et une hauteur de majuscule faible est généralement plus facile à lire à l'écran.

Sélection de votre famille de polices

Maintenant que vous savez ce qui rend une meilleure sélection de polices pour la lisibilité, utilisez le panneau Propriétés pour en sélectionner une. Les éléments à rechercher lors de votre sélection sont les suivants :

• Famille de polices : après avoir entré un type sur votre écran, vous pouvez le sélectionner et choisir le menu déroulant Famille de polices dans la section Texte du panneau Propriétés. Si vous connaissez la police que vous voulez, commencez simplement à taper le nom de la police dans la zone de texte Police Family, et si elle se trouve dans votre système, elle sera trouvée dans votre liste.

  N'oubliez pas que vous disposez de polices via Adobe TypeKit.

• Épaisseur de police : après avoir sélectionné une famille de polices, vous pouvez choisir une épaisseur dans le menu déroulant Épaisseur de police. Selon les polices que vous avez dans votre système, vous aurez différents choix de poids de police.

  Choisissez une famille de polices et une épaisseur de police.

• Taille de la police : vous pouvez simplement saisir une taille de police dans la zone de texte Taille de la police, mais si vous n'êtes pas sûr de la taille qui fonctionne le mieux, vous pouvez positionner votre curseur sous la zone de texte Taille de la police et cliquer et faire glisser. Recherchez la flèche à deux pointes avant de faire glisser. Faire glisser vers le haut diminue la taille ; le bas augmente la taille.

  Cliquez et faites glisser pour modifier visuellement la taille de la police.

• Alignement : vous pouvez modifier votre texte sélectionné pour Aligner à gauche, au centre ou à droite à l'aide des boutons d'alignement dans la section Texte du panneau Propriétés.
• Espacement des caractères : L'espacement des caractères fait référence à l'espace entre les caractères. C'est ce qu'on appelle le suivi . Ici, vous voyez le résultat de l'augmentation de l'espacement entre les caractères.

  Caractères à espacement normal, défini sur 0 (zéro) puis défini sur 150.

Notez que vous pouvez utiliser la même technique de cliquer-glisser qui est disponible dans la zone de texte Taille de la police afin de modifier visuellement l'espacement des caractères.

Vous pouvez également modifier visuellement la taille de l'espacement des caractères en cliquant et en faisant glisser.

• Hauteur de ligne : la hauteur de ligne est en tête , l'espace entre les lignes de texte. Cela peut jouer un rôle important dans la conception de l'information, alors assurez-vous de l'utiliser de manière cohérente tout au long de votre conception. Vous pouvez également positionner votre curseur sous la zone de texte Hauteur de ligne et cliquer et faire glisser vers le haut ou vers le bas pour diminuer et augmenter la hauteur de votre ligne.
• Couleur : modifiez la couleur de remplissage en cliquant sur la case à côté de Couleur de remplissage dans le panneau Propriétés. Vous effectuez cette tâche de la même manière que vous le feriez avec n'importe quelle forme. Sélectionnez la case Remplissage et sélectionnez une couleur dans le sélecteur de couleurs. Vous pouvez également sélectionner la transparence de votre texte à partir de la diapositive Transparence disponible à droite du sélecteur de couleurs.
• Bordure : L'application d'une bordure met un trait autour de votre texte. Ceci n'est pas recommandé car cela peut entraîner des problèmes de lisibilité. Utilisez-le avec parcimonie et peut-être uniquement pour des effets spéciaux. L'image ci-dessous montre un exemple d'une police de caractères plus grande avec un trait fin et un remplissage blanc sur un fond plus sombre. Dans une situation comme celle-ci, une bordure pourrait fonctionner, mais pas avec un texte plus petit.

  Une petite bordure avec un remplissage blanc sur un fond sombre.