Chaque designer sait qu'il existe de nombreux outils différents qui les aideront à travailler avec la typographie. Il va sans dire que des applications comme Adobe InDesign, Scribus et Photoshop sont probablement votre boîte à outils de bureau. Pourtant, même si vous avez peut-être entendu parler de Sketch, vous l'avez probablement négligé comme un simple outil de conception Web, à ne pas utiliser lorsqu'il s'agit de polices.
Ca ne doit pas forcément être comme ca. En fait, Sketch peut devenir l'un des meilleurs outils pour créer des pièces typographiques étonnantes. Le secret est simple; vous devez connaître quelques trucs et astuces pour vous aider en cours de route.
Dans cet article, nous allons passer en revue quelques moyens rapides et faciles de corriger les lacunes mineures de Sketch en matière de typographie. C'est en fait le troisième article de notre série Trucs et astuces d'esquisse . Si vous voulez voir les autres, consultez-les ici: Symboles imbriqués dans l'esquisse , Utilisation des émojis pour gérer les fichiers d'esquisse .
Typographie dans Sketch
Si vous connaissez déjà CSS, vous devez être familiarisé avec les fonctionnalités de typographie de base de Sketch. Celles-ci incluent tout, de la sélection d'une police et de la transformation du texte aux paramètres de configuration tels que l'espacement des caractères et la hauteur de ligne.
Cependant, certaines des fonctionnalités moins connues de Sketch ne sont pas immédiatement évidentes. C'est là que la connaissance de quelques conseils supplémentaires peut vous aider. En fait, une fois que vous les avez appris, vous pouvez transformer Sketch en quelque chose de plus en ligne avec InDesign comme outil typographique. Voici ce que vous devez savoir:
Fonction OpenType:
De nombreuses polices sont livrées avec des jeux de caractères alternatifs utilisés pour la lisibilité ou à des fins stylistiques, telles que des poids de police différents. Comme vous le savez déjà, dans Photoshop, il vous suffit d'appuyer sur un bouton pour les activer. Pendant ce temps, dans Sketch, ce n'est tout simplement pas aussi simple que cela.
Si vous souhaitez découvrir une gamme complète de polices, vous devez faire quelque chose de plus. Allez simplement à Menu Croquis> Affichage> Afficher les polices Oui cliquez sur l'icône d'engrenage puis sur Typographie . Après cela, vous aurez accès à des fonctions de type supplémentaires telles que ligatures et un autre jeu de caractères. Est simple!
Texte sur un trait:
Aujourd'hui, nous voyons rarement du texte écrit en un seul trait dans la conception Web. Pourtant, c'est encore un style assez courant dans l'impression et même la conception de logo. La création de texte sur un contour à l'aide de Sketch est étonnamment simple. Dessinez simplement le trait à l'aide de l'outil Plume, puis écrivez le texte à proximité de ce trait. Une fois que vous l'avez fait, vous devez sélectionner Menu Croquis> Texte> Texte du contour . Et voila!
Crénage et ligne de base:
Si vous êtes un utilisateur de Photoshop, vous pouvez accéder à presque toutes les fonctionnalités de typographie dans les panneaux Caractère ou Paragraphe. Dans Sketch, vous trouverez les mêmes fonctionnalités, mais elles sont masquées. Heureusement, vous pouvez les trouver assez facilement, à condition de savoir comment. Si vous souhaitez ouvrir plus d'options de style comme le crénage, la ligature et la ligne de base, accédez simplement à Menu Croquis> Texte . C'est aussi simple que ça!
Styles dans Sketch:
Les styles sont ce que nous appelons les préréglages de typographie lors de l'utilisation de Sketch. En outre, vous pouvez facilement les créer à partir du menu déroulant des styles situé juste au-dessus des paramètres de type dans la barre latérale droite. Créer vos propres styles est une pratique assez courante lors de l'utilisation de cet outil. Cependant, tout le monde ne sait pas que les styles peuvent être classés comme des symboles. (En savoir plus sur ce processus dans mon article précédent ici).
Pour créer un dossier avec des styles de police, les étapes de dénomination sont les suivantes: nom_dossier nom_style ou même dossier1 / dossier2 / dossier3 / nom_style . Jetez un œil à cet exemple ci-dessous pour voir ce que je veux dire:
Dans cet exemple, j'ai regroupé mes styles dans le dossier Contrat puis j'ai créé un autre dossier pour différentes tailles de texte et un autre pour différentes couleurs. Le nom du style ressemble donc à ceci: * contract / h1 / dark *.
