Aus dem Kurs: Sketch Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Rahmen gestalten

Rahmen gestalten – Tutorial zu Sketch

Aus dem Kurs: Sketch Grundkurs

Rahmen gestalten

Wir wollen uns nun die Verwendung von Rahmen oder "Borders" in Sketch anschauen. Rahmen beziehungsweise "Border" lassen sich auf alle möglichen Vektor-Elemente setzen. Das heißt, ich kann den Kreis auswählen und dem einen Rahmen zuweisen, oder auch, zum Beispiel, hier diesem Rechteck. In unserem Fall möchte ich hier dem Kreis eine "Border" geben. Dazu wähle ich diesen aus und, wie wir sehen, hat er schon eine von einem Pixel. Ich erhöhe den Wert mal auf 10 Pixel. Außerdem ändere ich die Farbe und wähle hier diesen Blauton aus. Die Position sitzt in dem Fall auf "Center". Das heißt, dass bei den 10 Pixeln 5 Pixel außerhalb und 5 Pixel innerhalb liegen. Das heißt, bei einer Breite und Höhe von 100 Pixeln, sind es in Wirklichkeit 105 Pixel oben und unten. Kommen wir zusammen auf 110 Pixel, der unser Button jetzt groß ist. Wenn ich das hier auf "Outside" setze, dann wird der Button deutlich größer. Wir haben in dem Fall oben und unten 10 Pixel mehr. Wir kommen also auf eine Breite und…

Inhalt