Aus dem Kurs: Sketch Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und nutzen Sie über 22.600 Kurse von Branchenfachleuten. Sie können diesen Kurs auch separat erwerben.

Elemente im Raster anordnen

Elemente im Raster anordnen – Tutorial zu Sketch

Aus dem Kurs: Sketch Grundkurs

Gratismonat starten

Elemente im Raster anordnen

In unserem finalen Design haben wir hier einen Screen, der heißt "Albums", und hier haben wir eine Übersicht all unsere Alben hier innerhalb eines Rasters oder eines Grids. So, wie man das automatisiert, ganz einfach in Sketch erstellen kann, das möchte ich hier jetzt demonstrieren. Dazu erzeuge ich mir jetzt erst mal ein neues Artboard, und zwar iPhone 7. Hier haben wir das Artboard. Ich zoome mal hier über Cmd+2 hinein, schaue mir die beiden gegeneinander an. So und jetzt möchte ich auch dieses 3x4 Grid haben. Und dazu erzeuge ich mir erst mal ein Rechteck mit einer abgerundeten Kante. So, und das soll in dem Fall 92 px groß sein. So. Ein bisschen daneben getroffen. Okay, machen wir 92 draus. Die Rundung der Kante können wir hier noch beeinflussen. Ich möchte kein Board da haben, so, und das sieht eigentlich schon sehr gut aus. Der Abstand nach links soll in dem Fall 20 px sein, also verringern wir diesen. So, und jetzt möchte ich hieraus ein solches Grid machen. Das geht ganz…

Inhalt