Outils Et Tutoriels

Ce que vous ne savez peut-être pas sur la typographie dans Sketch

Chaque designer sait qu'il existe de nombreux outils différents qui vous aideront à travailler la typographie. Inutile de dire que des applications telles que Adobe InDesign, Scribus et Photoshop seront probablement votre trousse d'outils de choix. 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 pour le type.

Il n’est pas nécessaire qu’il en soit ainsi. En réalité, Sketch peut devenir l'un des meilleurs outils pour créer des pièces typographiques incroyables. Le secret est simple; vous devez connaître quelques trucs et astuces avisés pour vous aider tout au long du processus.

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. Ceci est en fait le troisième article de notre Trucs et astuces d'esquisse séries. Si vous souhaitez découvrir les autres, jetez-y un coup d'œil ici: Symboles imbriqués dans l'esquisse , Utilisation des émojis pour gérer les fichiers d'esquisse .

Didacticiel sur la typographie dans Sketch

Typographie dans Sketch

Si vous connaissez déjà CSS, vous devez être familiarisé avec les fonctionnalités typographiques de base de Sketch. Celles-ci incluent tout, de la sélection d'une police à la transformation de texte en passant par la définition de paramètres, tels que l'espacement des caractères et la hauteur de ligne.

Guide de croquis et typographie

Cependant, certaines des fonctionnalités les moins connues de Sketch ne sont pas si évidentes tout de suite. C’est là que la connaissance de quelques astuces supplémentaires peut être d’une grande aide. En fait, une fois que vous les avez appris, vous pouvez transformer Sketch en quelque chose de plus conforme à InDesign en tant qu'outil de police. Voici ce que vous devez savoir:

Fonctionnalités OpenType:

De nombreuses polices sont livrées avec des jeux de caractères alternatifs utilisés pour obtenir plus de 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. En attendant, dans Sketch, ce n’est tout simplement pas aussi simple que cela.

Si vous souhaitez extraire une gamme complète de caractères, vous devez faire une chose supplémentaire. Allez simplement à Menu Esquisse> Affichage> Afficher les polices et cliquez sur Icône d'engrenage, puis sur Typographie . Après cela, vous aurez accès à des fonctionnalités de type supplémentaires telles que ligatures et des jeux de caractères alternatifs. Facile!

Utilisation des caractères et de la typographie dans Sketch

Texte sur un chemin:

De nos jours, nous voyons rarement du texte écrit sur un chemin dans la conception Web. Pourtant, c'est toujours un style assez courant dans l'impression et même la conception de logo. Créer du texte sur un tracé à l'aide de Sketch est étonnamment simple. Dessinez simplement le chemin à l'aide de l'outil Plume, puis tapez le texte à proximité de ce chemin. Une fois que vous l'avez fait, vous devez sélectionner Menu Croquis> Texte> Texte sur le tracé . Et voila!

Sketch typographie et polices

Crénage et ligne de base:

Si vous êtes un utilisateur de Photoshop, vous pouvez accéder à presque toutes les fonctionnalités de typographie à partir des panneaux Caractère ou Paragraphe. Dans Sketch, vous trouverez les mêmes fonctionnalités, mais elles sont cachées. Heureusement, vous pouvez les trouver assez facilement, tant que vous savez comment. Si vous souhaitez ouvrir plus d'options de style comme le crénage, la ligature et la ligne de base, il vous suffit d'aller à Menu Croquis> Texte . C'est vraiment aussi simple que ça!

Typographie de crénage dans Sketch

Des concepteurs d

Styles dans l'esquisse

Les styles sont ce que nous appelons les préréglages de typographie lors de l'utilisation de Sketch. De plus, vous pouvez les créer facilement à partir du menu déroulant des styles situé juste au-dessus des paramètres de texte 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 leurs styles peuvent être catalogué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 typographiques, 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:

Styles typographiques et polices dans Sketch

Dans cet exemple, j'ai regroupé mes styles dans le Contrat dossier, puis créé un autre dossier pour différentes tailles de texte et un autre pour différentes couleurs. La dénomination du style ressemble donc à ceci: * contract / h1 / dark *.

• • •