6 Sketch Shortcuts die Dir helfen effizienter zu arbeiten

6 Sketch Shortcuts die Dir helfen effizienter zu arbeiten

UX / UI
Lesezeit: 10 Minuten Lesezeit Minuten

6 Sketch Shortcuts die Dir helfen effizienter zu arbeiten

6 Sketch Shortcuts die Dir helfen effizienter zu arbeiten
In letzter Zeit arbeite ich täglich mit Sketch. Im folgenden Stelle ich euch die sieben Shortcuts die ich am meisten nutze vor. Diese haben unter anderem meinen Workflow ungemein optimiert. Mein ehemaliger Dozent (der damals Photoshop dozierte) erzählte „Wenn jemand sehr gut mit Photoshop umgehen kann, ist es als würde er Klavier spielen“. So ähnlich fühlt es sich in Sketch an, wenn man erstmal mit den Shortcuts vertraut ist.

1. Arrangieren der Arbeitsbereiche

  • + 1 Anzeigen des kompletten Arbeitsbereiches
  • + 2 Heranzoomen des ausgewählten Objektes

Arbeitsbereiche in Sketch mit Shortcuts arrangieren

⌘ + 1 ist behilflich, indem es alle Artboards des aktuellen Arbeitsbereiches anzeigt. So kannst Du Dir eine Übersicht über zum Beispiel User Journeys oder Wireframes verschaffen.

⌘ + 2 zoomt direkt an das ausgewählte Objekt heran. Große Hilfe für Ausrichtungen von Objekten, oder dem erstellen von Icons.

2. Gruppierungen

  • + GGruppe erstellen
  • + shift + G Gruppe auflösen

Shortcuts für Gruppierungen in Sketch

 

Pro Tip: Wenn Du Gruppierungen lediglich dazu nutzt Deine Datei übersichtlich zu halten, kannst Du rechts im Inspektor “Click through when selected” markieren. So kannst Du direkt die einzelnen Objekte einer Gruppe auswählen – Ordnung ohne den sonst notwendigen Doppelklick oder dem klicken bei gedrückter ⌘ Taste.

3. Objekte transformieren

  • + / Bei ausgewähltem Objekt kannst Du so ein Objekt vergrößern / verkleinern.
  • + shift + / Ausgewähltes Objekt wird in 10px Schritten vergrößert / verkleinert

Shortcut für Größen-Transformation in Sketch

  • shift + Drag Ausgewähltes Objekt wird bei gleichbleibenden Dimensionen vergrößert
  • alt + Drag Ausgewähltes Objekt wird aus der Mitte heraus skaliert. (+shift für gleichbleibende Dimensinoen)

Shortcut zum skalieren von Objekten in Sketch
alt + Drag + shift hilft mir häufig beim vergrößern ohne Nachbesserungen vornehmen zu müssen

alt + shift + Drag hilft aus wenn man Dinge vergrößern möchte ohne diese neu ausrichten zu müssen, da die Objekte aus der Mitte wachsen. Viel Zeit kann man sich ersparen wenn man nicht ständig in den Inspektor muss um die genauen Maße eines Objekts einzugeben, sondern das Objekt erstmal auf ungefähr Wunschgröße aufzieht und dann mit ⌘ + Pfeiltaste feintuned um auf die richtige Größe zu kommen.

4. Ebenen anordnen

  • + ctrl + / Verschieben einer ausgewählten Ebene nach oben oder unten

5. Fill / Border togglen

  • f Die Füllfarbe des aktiven Objektes an und ausschalten
  • b Die Konturfarbe des aktiven Objektes an und ausschalten

Shortcuts für das kopieren / einfügen von Effekten und Stilen in Sketch

 

6. Effekte kopieren / einfügen

  • alt + + c Kopieren der Effekte
  • alt + + v Einfügen der Effekte
Shortcut zum kopieren und einfügen von Effekten in Sketch
Wenn das Objekt einen Stil besitzt wird dieser kopiert / eingefügt

Wenn das Objekt einen Stil besitzt wird dieser kopiert / eingefügt

Das kopieren und einfügen von Effekten kannst Du auf Objekte und Texte anwenden. Die Einstellungen im Inspektor werden dann auf das jeweilige Objekt / Text angewendet. Pro Tip: Wenn Du Stile für Deine Elemente angelegt hast und den Effekt des jeweiligen Elements kopierst und einfügst, wird der Stil automatisch mit übertragen.

Bleib auf dem Laufenden

Alle zwei Wochen bekommst Du Tipps um UX Design besser zu verstehen und anzuwenden.

Kein Spam, keine Werbung – versprochen.

0 Comment

Post Comment