Comment créer des symboles dans Sketch (avec des images)

Table des matières:

Comment créer des symboles dans Sketch (avec des images)
Comment créer des symboles dans Sketch (avec des images)
Anonim

Ce wikiHow vous apprend à transformer n'importe quel élément en symbole dans Sketch pour macOS. Lorsque vous créez un symbole, vous pouvez réutiliser le même élément n'importe où ailleurs dans votre projet. Les symboles sont généralement utilisés pour réutiliser des éléments tels que des boutons, des listes/menus et des onglets.

Pas

Partie 1 sur 2: Création d'un symbole

Créer des symboles dans l'esquisse Étape 1
Créer des symboles dans l'esquisse Étape 1

Étape 1. Ouvrez votre projet dans Sketch

Si vous n'avez pas Sketch, vous pouvez utiliser la version d'essai gratuite disponible sur

Créer des symboles dans l'esquisse Étape 2
Créer des symboles dans l'esquisse Étape 2

Étape 2. Sélectionnez le ou les objets que vous souhaitez transformer en symbole

Cliquez sur le groupe, les objets, les calques ou le plan de travail pour lesquels vous souhaitez créer un symbole pour le sélectionner. Vous pouvez transformer presque n'importe quel élément en symbole pour le réutiliser sur d'autres écrans, pages et plans de travail.

Créer des symboles dans l'étape 3 de l'esquisse
Créer des symboles dans l'étape 3 de l'esquisse

Étape 3. Cliquez sur l'icône Créer

C'est le losange à l'intérieur d'un carré au-dessus de l'espace de travail. Cela ouvre la boîte de dialogue "Créer un nouveau symbole".

Créer des symboles dans l'esquisse Étape 4
Créer des symboles dans l'esquisse Étape 4

Étape 4. Saisissez un nom pour le symbole

Utilisez quelque chose de descriptif pour pouvoir le sélectionner facilement à l'avenir.

Si vous ajoutez une barre oblique après le nom du symbole, Sketch créera un sous-groupe de menu nommé d'après la partie du nom avant la barre oblique. Par exemple, si vous créez des symboles appelés Bouton/Normal et Bouton/Appuyé, vous pourrez choisir Bouton dans le menu Symbole et choisissez soit Normal ou Pressé du sous-groupe de menus.

Créer des symboles dans l'esquisse Étape 5
Créer des symboles dans l'esquisse Étape 5

Étape 5. Choisissez d'envoyer la source à une page de symboles distincte

Si vous cochez la case, cela crée une nouvelle page appelée "Symboles" au-dessus de la liste des calques. Si vous ne choisissez pas cette option, le symbole restera sur la page en cours avec son propre plan de travail.

La modification de la source du symbole affectera toutes les instances du symbole tout au long de votre projet. Peu importe où vous placez les symboles, double-cliquer sur n'importe quelle instance vous amènera toujours à la source pour l'édition

Créer des symboles dans l'esquisse Étape 6
Créer des symboles dans l'esquisse Étape 6

Étape 6. Cliquez sur le bouton Créer

C'est le bouton orange de la fenêtre de dialogue. Vous pouvez maintenant insérer le symbole n'importe où dans le projet.

Partie 2 sur 2: Insertion d'un symbole

Créer des symboles dans l'étape 7 de l'esquisse
Créer des symboles dans l'étape 7 de l'esquisse

Étape 1. Ouvrez votre projet dans Sketch

Si vous ne visualisez pas déjà le canevas sur lequel vous souhaitez insérer le symbole, naviguez-y maintenant.

Créer des symboles dans l'étape 8 de l'esquisse
Créer des symboles dans l'étape 8 de l'esquisse

Étape 2. Appuyez sur le C de votre clavier

Cela ouvre la fenêtre d'insertion.

Créer des symboles dans l'esquisse Étape 9
Créer des symboles dans l'esquisse Étape 9

Étape 3. Recherchez le symbole que vous souhaitez insérer

Si vous avez beaucoup de symboles, vous pouvez rechercher le bon par son nom en utilisant la barre de recherche en haut de la fenêtre.

Créer des symboles dans l'étape 10 de l'esquisse
Créer des symboles dans l'étape 10 de l'esquisse

Étape 4. Faites glisser le symbole à l'emplacement souhaité

Cela place une instance du symbole sur le canevas.

Double-cliquez sur le symbole pour modifier sa source. Si vous apportez des modifications à la source, cliquez sur Retour à l'instance afin que vous puissiez voir comment vos modifications ont affecté le symbole.

Conseillé: