In diesem Tutorial erfahren Sie alles über eine brandneue Sketch-Funktion namens "Bibliotheken". Bibliotheken wurden kürzlich in Version 47 eingeführt und verbessern die Art und Weise, wie wir mit Assets und anderen Teammitgliedern arbeiten.
Eine Sketch-Bibliothek ist eine Sketch-Datei mit einer Reihe von Symbolen. Die Bibliotheken unterscheiden sich darin, dass die Symbole in der Sketch-App verfügbar sind, ohne dass Sie das Dokument öffnen müssen, in dem sie gespeichert sind. Sie können Ihre Bibliotheksbestände in ein beliebiges Sketch-Dokument importieren.
Öffnen Sie Sketch 47 zum ersten Mal, und Sie sehen sofort, dass eine Bibliothek zur Verfügung steht Einfügen oder der Symbol Speisekarte. Die "iOS UI Design Library" bietet eine Vielzahl von Funktionen, die Sie direkt auf Ihre Zeichenfläche setzen können.
Um dies zu demonstrieren, werde ich eine Bibliothek mit Farbfeldern erstellen. Zuerst erstellen wir eine Seite, dann platzieren wir auf dieser Seite einige Farbfelder (Rechtecke mit den gewünschten Farben). Verwendung der Erstellen Sie Symbole Option benennen wir jeden, beginnend mit Farbe/ um sie im Symbolmenü zu gruppieren.
Dieses spezielle Dokument wird dauerhaft an einem geeigneten Ort gespeichert und fungiert bereits als eine Art Bibliothek. Aber jetzt müssen wir es Sketch selbst hinzufügen.
Gehe zu Skizze> Voreinstellungen> Bibliotheken und klicken Sie auf Bibliothek hinzufügen. Dann zeigen Sie auf die Datei, die wir benötigen (in diesem Fall unsere Farbdatei) und sehen Sie, wie sie in der Liste der Bibliotheken verfügbar wird.
Whoomp! (Da ist es)Nun können wir über das Symbol auf unsere Farbsymbole zugreifen Symbole Menü, wo wir auch andere Bibliotheken sehen.
Wichtig ist, dass an diesem Punkt des Prozesses jetzt eine Warnung am unteren Rand unserer ursprünglichen Farbdatei angezeigt wird:
Alle Änderungen, die wir an den Symbolen in dieser Datei vornehmen, wirken sich direkt auf die Bibliothek und somit auch auf alle anderen Dateien aus, die die Bibliothek verwenden. Wenn wir uns für ein Update entscheiden, werden wir in anderen Dateien gewarnt, die die Bibliothek verwenden (siehe rechts oben im Fenster):
Klicken Sie auf Bibliotheksaktualisierung verfügbar Es öffnet sich ein Dialog, der genau anzeigt, welche Änderungen vorgenommen wurden, bevor Sie die Änderungen übernehmen.
Stellen Sie sich vor, die Power-Bibliotheken könnten Sie und Ihr Designteam bieten. Berücksichtigen Sie die obige Situation und die Farben Ihrer eigenen Designs, die ein Farbfeld in Ihrer Haupt-Branding-Bibliothek verändern, und beobachten Sie, wie es auf alle Ihre Komponenten wirkt. Und das gilt auch für alle Arten von Symbolen. Typografiesymbole, Icons, Stile… brillant!
Schauen Sie sich den Screencast oben an, um mehr Details zu erfahren und bleiben Sie dran für weitere Sketch-Updates und Tricks.