Share
Sketch ist eine Grafikanwendung für Designer, die sich sehr gut in die Welt des Webdesigns einfügt. Wenn Sie neu sind, sind Sie möglicherweise nicht auf einige der Tricks aufmerksam, die Sketch unter der Oberfläche versteckt hat. Heute möchte ich einige Top-Tipps durchlaufen, um Ihren Design-Workflow zu beschleunigen.
Letztes Jahr erhielt Sketch mit Version 2 einen frischen Anstrich und seitdem haben immer mehr Designer darauf umgestellt. Aufgrund seiner Einfachheit ist es wahrscheinlich intuitiver als Photoshop (das nicht vergessen wurde, dass es ursprünglich zum Bearbeiten und Bearbeiten von Bildern erstellt wurde), während die Vektorwerkzeuge Illustrator mehr als fähig sind. Skizze ist kein Bitmap-Bearbeitungswerkzeug. Es bietet zwar eine Pixelvorschau, ist jedoch so konzipiert, dass Sie Schnittstellen und Symbole entwerfen können.
Vor kurzem hat Tisho Georgiev ein großartiges Plugin für Sketch veröffentlicht. Die so genannten Symbole geben uns die Möglichkeit, Smart Objects nachzuahmen. eine Funktion, die Sketch derzeit nicht unterstützt.
Mit intelligenten Objekten können Sie mehrere Instanzen eines Objekts in Ihrem Dokument haben. Bearbeiten Sie eines der intelligenten Objekte und drücken Sie CMD + E, Sie sehen diese Änderungen in allen Instanzen.
Sketch unterstützt viele Tastenkombinationen. Ein Beispiel ist für "Smart Guides"..
Ein Objekt greifen und dann drücken ALT (oder OPTION), Die intelligenten Hilfslinien werden angezeigt und heben den Abstand zwischen dem ausgewählten Objekt und den Dokumentkanten hervor. Wenn Sie den Abstand zwischen dem ausgewählten Objekt und einem anderen Objekt überprüfen möchten, bewegen Sie den Mauszeiger auf das gewünschte Objekt und die Smart Guides passen sich an.
Das Erstellen eines Gitters ist unkompliziert, kann aber mit Sketch noch einfacher und sauberer werden!
Sketch bietet eine Funktion, die einfach als "Raster erstellen" bezeichnet wird. Klicken Sie auf die vier Felder in der Unterwerkzeugleiste (oben rechts im Bild angezeigt), um ein Popup-Menü anzuzeigen, in dem Sie festlegen können, in wie vielen Zeilen und in wie vielen Spalten Sie die ausgewählten Objekte anordnen möchten.
Wenn Sie den Bereich um jedes Objekt sowie den Abstand dazwischen spezifisch definieren möchten, können Sie das auswählen Boxed Möglichkeit.
Wenn Sie verwenden Zeichenbretter (Sketch verfügt standardmäßig über eine unendliche Leinwand). Es ist hilfreich, Artboard-Vorgaben zu verwenden. Wenn Sie in der Symbolleiste auf die Schaltfläche Artboard klicken, haben Sie die Möglichkeit, Voreinstellungen aus der Unter-Symbolleiste auszuwählen.
Mit Voreinstellungen können Sie Ihre Arbeit anhand vordefinierter Dimensionen organisieren. Sie können beispielsweise ein Dokument mit einer Reihe von Zeichenflächen erstellen, so dass Sie sich nicht die verschiedenen Favicon-Größen merken müssen, die heutzutage benötigt werden!
Sketch kann über den Menüeintrag eine neue Datei direkt aus einer Vorlage erstellen Datei> Neu aus Vorlage, Sie können aber auch eine aktuelle Datei als Vorlage speichern, um jedes Projekt von Ihrer jetzigen Phase aus zu starten. Gehe zu Datei> Als Vorlage speichern um dies zu tun.
Dies kann beispielsweise beim Design für iOS sehr hilfreich sein. Sie können eine Datei mit der Statusleiste und der Navigationsleiste erstellen und sie dann als Vorlage speichern, um sie später in zukünftigen iOS-Projekten verwenden zu können.
Wie bereits erwähnt, bietet Sketch viele Tastenkombinationen. Schauen Sie sich die Sketch Shortcuts von Robert van Klinken und Jeffrey de Groot an. Es enthält (fast) jede Abkürzung, die Sketch bietet.
Sie können Ihre eigenen Verknüpfungen auch über die Systemeinstellungen von OS X erstellen. Einige Beispiele hierfür werden am Fuß der Seite "Sketch Shortcuts" angezeigt.
Drücken Sie einfach auf, um eine Farbe von einer beliebigen Stelle auf Ihrem Bildschirm auszuwählen STRG + C. Eine Lupe wird geöffnet, damit Sie genau die Farbe auswählen können, die Sie anstreben. Wirklich einfach. Wirklich effektiv.
Lassen Sie mich schnell die beste Funktion von Sketch zeigen. Es hilft Ihnen, Pixel zu erhalten perfekt innerhalb Ihres Designs positioniert.
Wenn Sie beispielsweise über eine Ebene verfügen, die Pixelbrüche in Breite oder Höhe enthält oder nicht sehr gut positioniert ist, können Sie (in anderen Grafikpaketen) normalerweise Kopfschmerzen bekommen, um die gebrochenen Pixel zu fixieren, um eine scharfe Perfektion zu erreichen. Klicken Sie in der Skizze auf Bearbeiten> Auf den nächsten Pixelrand runden (oder erstellen Sie eine benutzerdefinierte Verknüpfung) und die gesamte Ebene wird bereinigt.
Möglicherweise müssen Sie diese Funktion nach dem Importieren von Symbolen in eine Skizzendatei verwenden. Achten Sie darauf, sie auf den nächsten Pixelrand abzurunden, um sicherzustellen, dass sie pixelgenau sind.
Hinweis: Wenn Sie in @ 2x (für Bildschirme mit hoher Pixeldichte) entwerfen und in @ 1x exportieren, müssen Sie beachten, dass jede Pixelposition durch zwei teilbar sein muss. Andernfalls teilen Sie die Pixel erneut auf und die Ebene wird in Ihrem @ 1x Ergebnis.
Beachten Sie noch einmal: Werfen Sie einen Blick auf den Artikel von Meng To, um mehr über die Pixel-Perfektion zu erfahren.
Das Exportieren ist eine großartige Funktion, die mit Sketch sofort zur Verfügung steht. Geh einfach zu Datei> Exportieren und zeichnen Sie so viele Scheiben, wie Sie benötigen. Sie können auch als @ 2x exportieren, wenn Sie in @ 1x entworfen haben und umgekehrt.
Sketch bietet noch mehr Schnittsteuerung. Mit dem Menüpunkt Datei> Slice aus Auswahl hinzufügen Sie können eine Ebene auswählen, die Sie kürzlich erstellt haben, und dann auf dieses Element klicken, um ein Segment zu erhalten, das genau der Größe der Auswahl entspricht.
Es gibt viele nützliche Funktionen, Erweiterungen und Workflows für Sketch. Verwenden Sie die oben genannten Tipps, um Ihren Workflow zu verbessern und teilen Sie uns Ihre eigenen Vorschläge in den Kommentaren mit!
Accentsconagua