Eines der beliebtesten Design-Tools, Figma, bietet die Möglichkeit, attraktive und moderne Schnittstellen zu erstellen. Eines der wichtigsten Merkmale dieses Werkzeugs ist die Möglichkeit, abgerundete Kanten von Objekten zu erstellen.
Abgerundete Kanten helfen, einen weicheren und angenehmeren visuellen Effekt zu erzielen, wodurch das Design moderner und ästhetischer wird. In diesem Tutorial erfahren Sie, wie Sie abgerundete Kanten in Figma erstellen und wie Sie diese Funktion verwenden, um einzigartige und professionelle Designs zu erstellen.
Um zu beginnen, öffnen Sie Figma und führen Sie die folgenden Schritte aus. Wählen Sie zunächst das Objekt aus, dem Sie abgerundete Kanten hinzufügen möchten. Wählen Sie dann das Rechteck-Werkzeug aus der Werkzeugleiste aus. Vergrößern Sie danach die Größe des Objekts und ändern Sie seine Form in die gewünschte Form.
Suchen Sie als Nächstes in der rechten Werkzeugleiste nach der Registerkarte "Effekte". Klicken Sie darauf und suchen Sie nach der Option "Corner radius" (Rundungsradius). Hier können Sie den Radiuswert manuell auswählen oder den Schieberegler verwenden, um ihn zu ändern. Nachdem Sie den gewünschten Wert festgelegt haben, haben Ihre Objekte abgerundete Kanten. Experimentieren Sie weiter mit verschiedenen Radiuswerten, um den für Ihr Design am besten geeigneten zu finden.
So fügen Sie abgerundete Kanten zu Figma hinzu: Exemplarische Vorgehensweise
Abgerundete Kanten von Objekten können Ihren Designs ein weicheres und moderneres Aussehen verleihen. Es gibt mehrere Möglichkeiten, abgerundete Kanten in Figma hinzuzufügen, und in dieser exemplarischen Vorgehensweise werden wir sie alle betrachten.
1. Verwenden des Verrundungsradius
Die erste und einfachste Möglichkeit, einem Figma abgerundete Kanten hinzuzufügen, besteht darin, die Eigenschaft Verrundungsradius zu verwenden (ein rundes Symbol mit dem Wert 0 in der Eigenschaftenpalette rechts). Um es anzuwenden, wählen Sie ein Objekt aus, klicken Sie auf dieses Symbol und bewegen Sie den Schieberegler nach rechts, um den Rundungsradius zu erhöhen. Um die Kanten so gerundet wie möglich zu machen, bewegen Sie den Schieberegler ganz nach rechts.
2. Verwenden einer Maskenebene
Die zweite Methode ist die Verwendung einer Maskenschicht. Um die abgerundeten Kanten mit einer Maskenebene anzuwenden, erstellen Sie ein neues Objekt mit abgerundeten Kanten (wie oben beschrieben), platzieren es auf dem Objekt, das die abgerundeten Kanten benötigt, wählen Sie dann beide Objekte aus und drücken Sie die Tastenkombination "Strg/Cmd + Maske vorrücken". Dadurch erhält das ursprüngliche Objekt abgerundete Kanten entsprechend der Form der Maskenebene.
3. Verwenden des Schatteneffekts
Der dritte Weg ist die Verwendung des Schatteneffekts. Um abgerundete Kanten mit diesem Effekt anzuwenden, wählen Sie ein Objekt aus, öffnen das Effektfenster (das Symbol mit den drei Punkten in der Eigenschaftenpalette links) und klicken auf die Schaltfläche+ Effekt. Wählen Sie in der Liste der verfügbaren Effekte "Schatten" und stellen Sie dann in den Effekteinstellungen den Weichzeichnungsradius so ein, dass die Kanten des Objekts abgerundet werden.
Das ist alles! Jetzt wissen Sie, wie Sie mit verschiedenen Methoden abgerundete Kanten zu Figma hinzufügen. Verwenden Sie sie nach Belieben, um attraktive und moderne Designs zu erstellen.
Öffnen Sie Figma und erstellen Sie ein neues Projekt
Bevor Sie die abgerundeten Kanten von Objekten in Figma erstellen können, müssen Sie die Anwendung öffnen und ein neues Projekt erstellen. Starten Sie Figma auf Ihrem Computer und melden Sie sich bei Ihrem Konto an.
Sobald Sie sich bei Figma angemeldet haben, erstellen Sie ein neues Projekt, indem Sie auf die Schaltfläche "Neu" klicken oder die Option "Neues Projekt erstellen" aus dem Menü auswählen. Geben Sie einen Projektnamen ein und wählen Sie die gewünschten Einstellungen für Ihr Projekt aus, z. B. die Leinwandgröße und das Farbschema.
Die Einstellungen für die Leinwandgröße können je nach Ihren Bedürfnissen und Vorlieben unterschiedlich sein. Sie können aus vordefinierten Größen wählen oder Ihre eigene Größe erstellen.
Nachdem Sie ein neues Projekt erstellt haben, werden Sie zur Figma-Leinwand weitergeleitet, wo Sie Ihre Objekte erstellen und bearbeiten können.
Wählen Sie das Objekt aus, dem Sie abgerundete Kanten hinzufügen möchten
1. Öffnen Sie das Projekt in Figma und wählen Sie das gewünschte Objekt aus.
2. Wenn Sie dem Rahmen abgerundete Kanten hinzufügen möchten, wählen Sie das Rahmenwerkzeug aus der linken Symbolleiste aus oder verwenden Sie die Tastenkombination "R".
3. Wenn Sie einem Textblock abgerundete Kanten hinzufügen möchten, wählen Sie das Textwerkzeug aus der linken Symbolleiste aus oder verwenden Sie die Tastenkombination "T". Erstellen Sie dann einen Textblock, indem Sie Text eingeben oder aus der Zwischenablage einfügen.
4. Wenn Sie anderen geometrischen Objekten abgerundete Kanten hinzufügen möchten, wählen Sie das Werkzeug aus, das der Form entspricht, die Sie erstellen möchten (z. B. Rechteck, Kreis, Stern usw.).
5. Nachdem Sie das gewünschte Werkzeug ausgewählt und ein Objekt erstellt haben, klicken Sie darauf, um es auszuwählen.
6. Suchen Sie im Eigenschaftenfenster rechts auf dem Bildschirm den Abschnitt "Effekte", und erweitern Sie ihn.
7. Suchen Sie im Abschnitt Effekte nach der Option Ecken Abrunden und geben Sie den Radius ein, den Sie verwenden möchten. Je größer der Wert ist, desto stärker wird die Abrundung der Ecken.
8. Sie können auch das Werkzeug "Ziehen und Auswählen" oder "V" verwenden, um mehrere Objekte gleichzeitig auszuwählen und ihnen abgerundete Kanten hinzuzufügen.
Jetzt wissen Sie, wie Sie ein Objekt in Figma auswählen und abgerundete Kanten hinzufügen können!
Anpassen der Form eines Objekts im Eigenschaftenfenster
Um abgerundete Kanten für ein Objekt in Figma zu erstellen, müssen Sie die Formeinstellungen des Objekts im Eigenschaftenfenster finden. In Figma können Sie die Form eines Objekts mithilfe der im Eigenschaftenfenster verfügbaren Werkzeuge und Optionen ändern.
Um auf die Formeinstellungen eines Objekts zuzugreifen, müssen Sie das Objekt auswählen, auf das Sie die Kantenrundung anwenden möchten, und dann zum Eigenschaftenfenster wechseln. Die Eigenschaftenleiste befindet sich auf der rechten Seite des Bildschirms und zeigt verschiedene Optionen und Werkzeuge für das ausgewählte Objekt an.
Wenn Sie sich im Eigenschaftenfenster befinden, sollten Sie die Einstellung "Einrücken" finden. Mit der Option Einrücken können Sie die Abrundung der Kanten eines Objekts anpassen. Einige Objekte haben möglicherweise verschiedene Optionen zum Anpassen der Form, einschließlich der Einstellung des Rundungsradius.
Um die Form eines Objekts zu ändern und abgerundete Kanten hinzuzufügen, müssen Sie den Wert für den Rundungsradius im Eigenschaftenfenster ändern. Wenn Sie den Rundungsradius erhöhen, werden die Kanten besser abgerundet, und eine Verringerung des Werts führt zu einer weniger sichtbaren Rundung.
Nachdem Sie die Form des Objekts angepasst und abgerundete Kanten hinzugefügt haben, können Sie mit der Bearbeitung anderer Objekteinstellungen fortfahren oder die Erstellung des Objekts beenden.
Ändern Sie den Rundungsradius, um den gewünschten Effekt zu erzielen
Um abgerundete Kanten von Objekten in Figma zu erstellen, müssen Sie den Rundungsradius ändern. Diese Option ist für die Form und Glätte der Abrundung der Ecken des Objekts verantwortlich.
Um den Rundungsradius zu ändern, wählen Sie das Objekt aus, auf das Sie den Effekt anwenden möchten, und suchen Sie im Eigenschaftenfenster oder im Ebenenbedienfeld nach dem entsprechenden Parameter. Diese Option wird normalerweise als Radius oder abgerundete Ecken bezeichnet.
Wenn Sie den gewünschten Parameter gefunden haben, ändern Sie einfach seinen Wert, um den gewünschten Effekt zu erzielen. Wenn Sie den Radius erhöhen, werden die Ecken des Objekts abgerundeter. Wenn Sie den Radius verringern, werden die Ecken des Objekts schärfer.
Experimentieren Sie mit verschiedenen Rundungsradiuswerten, um die beste Option zu finden. Abgerundete Kanten von Objekten können Ihrem Design ein weicheres und modernes Aussehen verleihen.
