Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Sketch

Sketch in 60 Sekunden: Ändern der Größe von Elementgruppen

by
Read Time:1 minLanguages:

German (Deutsch) translation by Nikol Angelowa (you can also view the original English article)

Wenn Sie jemals eine Gruppe von Objekten in Sketch ausgewählt und dann die Größe der gesamten Gruppe geändert haben, sind Sie daran gewöhnt, dass jedes Objekt darin proportional gestreckt und verschoben wird. Mit der Option Größe ändern von Sketch können wir jetzt festlegen, wie sich jedes Objekt verhalten soll. Lassen Sie uns in diesem zweiundsechzigsten Video herausfinden, wie!

Größenänderung

Schauen Sie sich zum Beispiel diese Gruppe von Objekten an. Hier wählen wir die Gruppe aus, die zum Dehnen bereit ist:

Wenn wir uns dann dehnen, verzerrt sich jede Schicht innerhalb der Gruppe gleichermaßen:

Indem Sie jedoch jedes Objekt innerhalb der Gruppe einzeln auswählen, können Sie in der Dropdown-Liste Größe ändern festlegen, wie sie sich verhalten, wenn die Größe der Gruppe geändert wird.

Vier Größenänderungsoptionen

Die Optionen sind wie folgt:

  • Dehnen: Dies ist der Standardwert. Wenn die Gruppe skaliert wird, ändert das Objekt seine Größe und Position proportional.
  • An Ecke anheften: Diese Option gibt an, welcher der vier Ecken der Gruppe das Objekt am nächsten liegt, und steckt sie dann an diese Ecke, während die Größe der Gruppe geändert wird. Die Größe des Objekts wird nicht geändert, es sei denn, die Gruppe wird kleiner als das Objekt selbst. In diesem Fall wird sie entsprechend verkleinert.
  • Objektgröße ändern: In dieser Situation ändert das Objekt die Größe, seine Position bleibt jedoch unverändert.
  • An Ort und Stelle schweben: Bei der letzten der vier Optionen wird die Position des Objekts proportional verschoben, die Skalierung bleibt jedoch unverändert.

Abschluss

Diese Optionen sind alle sehr nützlich, insbesondere wenn Sie reaktionsschnelle Versionen von UI-Designs erstellen. Lassen Sie uns wissen, wie Sie sie in den Kommentaren verwenden!

Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.