Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

Sketch Grundkurs

Stile synchronisieren

Testen Sie unsere 2016 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Mit der Synchronisation von Stilen können Sie eine ganze Menge Zeit sparen. Definieren Sie – ähnlich wie in CSS – Stile, die Sie dann Elementen zuweisen und bei Bedarf global verändern.

Transkript

Wir wollen uns nun anschauen, wie sich in Sketch Stile abspeichern, und wie synchronisieren lassen. Wie das funktioniert möchte ich jetzt demonstrieren. Und zwar nehme ich mir dazu den Stil von diesem Button hier und gehe dann hier oben auf No Shared Style. Hier haben wir ein Dropdown-Menü und hier kann ich jetzt sagen Create New Shared Style. So und dann kann ich einen Namen vergeben und das ist jetzt in dem Fall Player-Button. So wir haben also jetzt hier den Stil Player-Button abgespeichert. Wir sehen auch hier eine Vorschau für den Stil. Nur der Stil, nicht die Form. Wir haben hier einen Kreis und hier sehen wir ein Rechteck. Stile werden immer hier als Rechteck dargestellt. So jetzt nehme ich mir den anderen Button, der hat ja kein Stil in dem Fall. Und den weise ich jetzt dem Button zu. Ich sag also jetzt an der Stelle Player-Button und somit haben beide jetzt den gleichen Stil. Sie werden also synchronisiert. Und wenn ich jetzt hingehe, den Stil ändere, ich ändere zum Beispiel hier die Farbe. Für den unteren Teil hier, nehme ich jetzt ein rot. Wenn ich jetzt raus klicke und auf den anderen Button klicke, dann sehen wir hier hat sich nichts geändert. Aber bei dem ersten Button haben wir jetzt hier dieses, ja, Synchronisierungs-Icon. Wenn ich da drauf klicke, dann werden die Button beide miteinander synchronisiert. Das heißt also nicht nur weil wir an einer Seite den Button ändern, ändern wir automatisch alle anderen. Wir müssen erst aktiv hier oben drauf klicken, damit das Ganze durchgeführt wird. Ja und jetzt gehe ich hin, mache das natürlich wieder rückgängig. Ich wähle hier die Füllung aus, nehme hier mein helles grau, oder irgendwas E1 oder D1, ganz egal, so diese Ecke. Ich habe in dem Fall die Falsche ausgewählt, die erste ist natürlich weiß. Das zweite hier sollte den Grauton haben. Okay, ich klicke erneut hier oben aufs Synchronisieren, wir sehen die Vorschau hat sich geändert und auch hier der dazugehörige Button. Ja und so kann man sich natürlich einen Haufen Arbeit beziehungsweise Zeit sparen, da man ja, wenn man darauf achtet, direkt mehrere Änderungen durchführen kann mit nur einem Klick. Da die Kunden ja oft Korrekturen haben und man oft sehr viel Zeit mit Korrekturen verbringt, ist es natürlich ein Kinderspiel, wenn man hier mit den entsprechenden Stilen gearbeitet hat. Somit würde ich jedem empfehlen, wenn man ein Objekt hat was sich wiederholt, mit diesen Stilen zu arbeiten. Es gibt auch die Möglichkeit hier über das Dropdown die Stile zu organisieren. Wenn man also ganz viele Stile hat, dann tauchen die alle hier in dieser Liste auf. Wir können jetzt den vorhandenen Stil löschen an der Stelle. Wir können den vorhandenen Stil umbenennen und wir können natürlich hier sehen, wenn es noch weitere Stile gibt, sind hier alle aufgelistet und man kann diese nachträglich bearbeiten, löschen und so weiter. Wie wir sehen, also ein sehr effizientes Arbeiten, wenn man die Stile in Sketch vervendet

Sketch Grundkurs

Lernen Sie die grundlegende Bedienung von Sketch am Beispiel des UX-Designs einer App.

4 Std. 45 min (54 Videos)
Derzeit sind keine Feedbacks vorhanden...
 
Hersteller:
Software:
Exklusiv für Abo-Kunden
Erscheinungsdatum:25.04.2017

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!