Home
» Wiki
»
Comment utiliser la bibliothèque dans Sketch est simple
Comment utiliser la bibliothèque dans Sketch est simple
Les bibliothèques sont des documents d'esquisse qui contiennent des éléments tels que des symboles, des styles de texte et des styles de calque que vous pouvez partager sur tous les autres documents, même des membres de l'équipe entiers.
Lors de la mise à jour des composants dans les bibliothèques, les documents qui les utilisent reçoivent une notification de mise à jour. Vous pouvez consulter ces modifications et les valider pour vous assurer que vous utilisez toujours les derniers composants pour votre travail en cours.
Les bibliothèques sont extrêmement utiles dans les équipes de conception collaborative, dans lesquelles elles doivent partager des composants tels que des icônes, des éléments d'interface ou des marques. Cependant, ils sont toujours utiles même lorsque vous travaillez seul. Avec les bibliothèques, vous pouvez rapidement insérer des composants communs (comme les éléments de l'interface utilisateur iOS d'Apple) dans vos conceptions et vous assurer qu'ils sont toujours à jour.
Ouvrez les Préférences de Sketch en sélectionnant Sketch> Préférences (ou en appuyant sur ⌘+ ,) et en cliquant sur l'onglet Bibliothèques . Ici, vous pouvez faire glisser un document Library Sketch dans la fenêtre ou utiliser le bouton Ajouter une bibliothèque ... pour ajouter les données souhaitées.
Partager les bibliothèques
Il existe plusieurs façons de partager des bibliothèques avec d'autres, par exemple via les services cloud, le partage via Sketch for Teams ou Cloud, ou le téléchargement sur un serveur et l'utilisation de RSS pour les mises à jour.
L'utilisation d'un service cloud comme Dropbox ou Google Drive pour partager une bibliothèque est aussi simple que de télécharger un document Sketch et de le partager avec ceux qui en ont besoin. Ils recevront une notification dans Sketch chaque fois qu'ils le mettront à jour.
L'utilisation de Sketch Cloud pour partager la bibliothèque est également simple. Téléchargez simplement le document dans ce cloud, ouvrez ses paramètres, cochez Utiliser comme bibliothèque , puis cliquez sur Enregistrer les modifications .
Quiconque partage ce document de bibliothèque dans Sketch Cloud peut cliquer sur le bouton Ajouter une bibliothèque à Sketch dans l'aperçu du document pour l'ajouter en tant que bibliothèque et recevoir des notifications sur Sketch lors de sa mise à jour.
Partager des bibliothèques avec Sketch for Teams
Si cela fait partie des bibliothèques partagées et découvertes par une équipe, c'est encore plus simple. Téléchargez votre document dans l'environnement de travail d'équipe, cliquez sur l'icône de rouage pour ouvrir les paramètres, cochez Utiliser comme bibliothèque> cliquez sur Enregistrer les modifications .
Revenez à l'application Mac et vous verrez toutes les bibliothèques cloud de toute équipe travaillant dans l'onglet Bibliothèques sous Préférences. Vous pouvez faire défiler et trouver les bibliothèques dont vous avez besoin. Lorsque vous souhaitez utiliser une bibliothèque, appuyez simplement sur Installer .
L'utilisation de RSS et d'un serveur pour partager des bibliothèques est un peu plus compliquée. Tout d'abord, vous devez héberger ce document de bibliothèque sur un serveur. Ensuite, vous devez créer un fichier XML comme celui-ci:
<? xml version = "1.0" encoding = "UTF-8"?>
<rss version = "2.0" xmlns: atom = "http://www.w3.org/2005/Atom" xmlns: content = "http: //purl.org/rss/1.0/modules/content/ "xmlns: dc =" http://purl.org/dc/elements/1.1/ "xmlns: sparkle =" http://www.andymatuschak.org/ xml-namespaces / sparkle ">
<channel>
<title> My Sketch Library </title>
<description> My Sketch Library </description>
<image>
<url> </url>
<title> My Sketch Library </title>
</image>
<generator> Sketch </generator>
<item>
<title> Ma bibliothèque de croquis </title>
<pubDate> mer. 23 juin 2019 11:19:04 +0000 </pubDate>
<enceinte url = "mysketchlibrary.sketch" type = "application / octet-stream" sparkle: version = "1" />
</item>
</channel>
</rss>
Dans ce fichier XML, vous devez modifier les éléments suivants:
<title> - Le nom de la bibliothèque à apparaître dans Sketch.
<image> <url> - L'URL miniature par défaut que Sketch essaiera d'utiliser pour votre bibliothèque. Il pointera vers l'URL de l'image accessible au public.
<item> - Les informations entre les balises d'élément sont celles que vous souhaitez mettre à jour lors de la création d'une nouvelle version de bibliothèque. Vous n'avez besoin que d'une étiquette d'élément dans le flux.
Dans cette balise de section, pour chaque mise à jour, vous devez inclure:
<pubDate> - Date publique de mise à jour de la bibliothèque au format RFC822.
<enclosure> - La balise de pièce jointe a 3 attributs: url, type & sparkle: version. Cette URL doit pointer directement vers l'emplacement du serveur du document Bibliothèque, le type doit être "application / octet-stream" et enfin, sparkle: version est le dernier numéro de version de mise à jour.
Assurez-vous d'avoir enregistré à la fois le flux XML et le fichier Sketch avec une URL au format http ou https, mais ne combinez pas les deux.
Enfin, utilisez un outil comme l'encodeur d'URL Meyerweb pour encoder le XML du flux d'URL et ajoutez-le comme suit:
sketch: // add-library? url =
Entrez l'URL complète (de sketch: // à la fin de l'URL cryptée) dans votre navigateur pour ouvrir Sketch et ajouter votre bibliothèque partagée.
Icône de bibliothèque
Lorsque vous ajoutez une bibliothèque, vous la verrez apparaître en haut du panneau Composants. En cliquant sur le nom de la bibliothèque, vous pourrez sélectionner des symboles, des styles de texte et des styles de calque dans la bibliothèque et les faire glisser dans le canevas. Vous pouvez également accéder aux symboles de bibliothèque à partir du menu Insertion , au lieu de l'icône Symboles. Une icône associée indique qu'ils font partie de la bibliothèque.
Vous trouverez également des symboles de bibliothèque dans Symboles lorsque vous modifiez des symboles.
Comment modifier les symboles de bibliothèque
Lorsque vous double-cliquez sur un symbole de bibliothèque à modifier, Sketch vous propose plusieurs options, selon l'endroit où le fichier de bibliothèque est ajouté.
Un double-clic pour modifier un symbole appartenant à la bibliothèque locale ou à la bibliothèque sur le cloud personnel affichera les options suivantes:
Ouvrir dans la bibliothèque vous amène au document de bibliothèque d'origine afin que vous puissiez modifier la version principale de Symbol. Cela mettra à jour la bibliothèque et tous les documents avec des versions de cette icône.
Dissocier de la bibliothèque créera une version locale du symbole afin que vous puissiez modifier sa version d'origine dans le document actuel. Cela signifie que vous ne recevrez plus ces mises à jour d'icônes si la bibliothèque est initialement mise à jour.
Si vous essayez de modifier le symbole d'une bibliothèque d'équipe dans le cloud, vous verrez les options suivantes:
Ouvrir dans la bibliothèque ouvrira le document de bibliothèque d'origine à partir du cloud. Toutes les modifications apportées ici seront mises à jour dans la bibliothèque pour que tous les membres de l'équipe puissent les voir. Tout document avec des versions de cette icône reflétera ces modifications.
Dissocier de la bibliothèque créera une version locale de Symbol afin que vous puissiez modifier la copie originale dans le document actuel. Cela signifie que vous ne recevrez plus ces mises à jour d'icônes si la bibliothèque d'origine a été mise à jour.
Si vous utilisez une bibliothèque d'équipe, soyez plus prudent lorsque vous modifiez le symbole principal ici. Toutes les modifications que vous apportez et enregistrez seront envoyées à tous ceux qui utilisent cette bibliothèque.
Si le symbole que vous souhaitez modifier appartient à la bibliothèque tierce. Par exemple, le kit d'interface utilisateur Apple iOS n'aura que l' option Dissocier de la bibliothèque .
Styles de bibliothèque
En plus des symboles, vous pouvez partager et synchroniser des styles de texte et de calque à l'aide de bibliothèques. Ils apparaîtront dans le panneau Composants et les composants contextuels dans Apparence dans l'inspecteur. Vous pouvez également accéder aux styles de texte et de calque via le menu Insertion. Comme les symboles, les styles de bibliothèque ont une icône associée à côté du nom du groupe pour indiquer qu'ils font partie de la bibliothèque.
Comment modifier les styles de bibliothèque
Si vous utilisez un style de bibliothèque (styles de calque ou styles de texte) dans un document et que vous souhaitez modifier un calque à l'aide de celui-ci, vous disposez de quelques options dans le panneau Apparence de l'inspecteur:
Avant d'apporter des modifications, vous pouvez choisir de créer un nouveau style local à partir du style actuellement sélectionné. Cette action supprime le lien de ce type dans la bibliothèque et crée un nouveau style local dans le document.
Alternativement, vous pouvez choisir ce style détaché de sa version d'origine, pour supprimer son lien dans la bibliothèque mais pas créer un nouveau style local.
Si vous modifiez un style de bibliothèque, vous pouvez choisir Créer un nouveau style et remplacer pour dissocier son lien dans la bibliothèque, créer un nouveau style local et appliquer ces modifications à tous les calques du document avec le même style. utilisé. Vous pouvez également choisir Réinitialiser le style pour annuler les modifications.
Tant que le style ne fait pas partie d'une bibliothèque tierce, vous pouvez choisir Modifier le style dans la bibliothèque pour ouvrir un document de bibliothèque contenant ce style.
Remarque: la modification du style dans le document de bibliothèque d'origine mettra à jour ce style pour toute personne utilisant cette bibliothèque.
Comment créer des préréglages pour les bibliothèques
Comme les symboles, les styles de texte et de calque, vous pouvez utiliser les bibliothèques pour synchroniser et partager des préréglages solides, dégradés ou d'images. Pour créer un préréglage de bibliothèque pour une couleur, par exemple, sélectionnez la couleur dans la fenêtre contextuelle qui remplit le document de bibliothèque et ajoutez-la en tant que préréglage dans les couleurs du document .
Maintenant, lorsque vous travaillez dans un document utilisant cette bibliothèque, cliquez sur le titre au-dessus de ces paramètres précédents dans la fenêtre Remplissages, puis sélectionnez le nom de la bibliothèque pour prévisualiser l'ensemble des préréglages de bibliothèque disponibles.
Composants de bibliothèque mis à jour
Lorsque les composants de bibliothèque (symboles, styles de texte ou styles de calque) utilisés dans le document sont mis à jour, vous verrez un badge Mises à jour de bibliothèque disponibles dans le coin de la fenêtre du logiciel Sketch. Cliquez dessus, une boîte de dialogue contenant les mises à jour des composants apparaîtra.
Sélectionnez Composant pour voir les modifications et cochez cette case si vous souhaitez le mettre à jour dans le document. Si vous ne souhaitez pas mettre à jour un composant, décochez-le. Une fois terminé, cliquez sur Mettre à jour les composants .
Pour arrêter la mise à jour d'un symbole, double-cliquez sur n'importe quelle version de celui-ci dans le document et cliquez sur Dissocier de la bibliothèque . Cette action créera une icône locale sur cette page Symboles.
Créer un avatar de bibliothèque personnalisé
Si vous souhaitez créer une fenêtre d'aperçu personnalisée pour votre bibliothèque quelque part dans le document, créez un plan de travail carré (1: 1), puis nommez-le "Aperçu de la bibliothèque".
Vous trouverez ci-dessus comment utiliser la fonction Bibliothèque dans le logiciel de conception graphique Sketch . J'espère que l'article vous sera utile.