Sketch-Tipp: Einzelne Ecken abrunden

Objekte mit abgerundeten Ecken lassen sich in Sketch sehr unkompliziert herstellen. Nachdem die geometrische Grundform – z. B. ein Rechteck – gezeichnet wurde, steht rechts in dein Einstellungen ein Regler für den Radius der Eckenabrundung zur Verfügung. Bedauerlicherweise steuert die Einstellung jedoch den Radius aller Ecken des Objekts. Direkt ersichtliche Eingabefelder für einzelne Eckpunkte gibt es nicht. Dennoch ist es in Sketch problemlos möglich den Radius für jede Ecke einzeln anzugeben.

Ecken-Radius per Zahleingabe festlegen

Der Trick ist ganz einfach. Im Eingabefeld für den Radius müssen – mit Semikolon getrennt – die Ecken der Reihe nach als Zahlwert eingegeben werden. Der erste Wert entspricht der Ecke oben links, dann geht es im Uhrzeigersinn weiter.

Mit der Eingabe 0;50;0;50 wird beispielsweise die obere rechte und die untere linke Ecke um 50 Pixel abgerundet.

Oranges Objekt mit zwei abgerundeten und zwei nicht abgerundeten Eckenx
Mit durch Semikolon getrennten Werten können in Sketch einzelne Ecken abgerundet werden

Sollte die Eingabe nicht funktionieren, ist der Wert zu hoch gewählt. Beispielsweise kann bei einem Rechteck mit einer Höhe von 100 Pixeln der maximale Radius 50px betragen. Wenn größere Werte eingegeben werden, wird die Eingabe ignoriert.

Eckpunkte über die Benutzeroberfläche abrunden

Bei komplexen Formen, oder wenn die Zahleingabe lästig ist, kann auch ein alternativer Weg gewählt werden: Nach einen Doppelklick auf ein Objekt ist i.d.R. automatisch die obere Linke Ecke markiert. Per Klick kann die Auswahl auf einen anderen Eckpunkt gesetzt werden. Mit Shift + Klick können auch mehrere Ecken markiert werden.

Nachdem die gewünschte Auswahl getroffen wurde, steht rechts in den Einstellungen der Regler für »Radius« zur Verfügung. Hier kann nun intuitiv der gewünschte Radius eingestellt werden.

Stern mit drei abgerundeten Ecken
Nach einem Doppelklick auf das Objekt kann der Eckenradius auch über die Benutzeroberfläche eingestellt werden

Geschrieben von Jonas

Benutzerbild

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing

Feedback & Ergänzungen – Schreibe einen Kommentar

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Website-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.

Übersicht Kompetenzen →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →