Kursinhalt
Ui/Ux Mit Figma
Ui/Ux Mit Figma
1. Figma-Grundwerkzeuge
2. Erstellen und Organisieren von Objekten
Masken
Masken in Figma werden verwendet, um bestimmte Teile von Ebenen oder Objekten sichtbar zu machen, während der Rest verborgen bleibt.
So funktionieren sie:
- Platzieren Sie ein Objekt (z.B. ein Bild) und die Maskenform (z.B. eine Ellipse) zusammen, wobei die Maskenform hinter dem Objekt liegt;
- Wählen Sie beide Ebenen aus, klicken Sie mit der rechten Maustaste und wählen Sie Als Maske verwenden, oder verwenden Sie die Abkürzung Strg+Alt+M (Windows) / Befehl+Option+M (Mac). Die Maskenbasis wird unsichtbar und zeigt nur die ausgewählten Teile der darüber liegenden Ebene an;
- Sie können auch Text maskieren. Platzieren Sie den Text hinter einem Bild und verwenden Sie ihn als Maske, um kreative Texteffekte zu erzeugen. Ebenen in der Maske können unabhängig voneinander in der Größe verändert oder skaliert werden;
- Die Basisform einer Maske wird unsichtbar, wenn mehrere Objekte zusammen maskiert werden. Um einem maskierten Design einen Hintergrund hinzuzufügen, erstellen Sie eine neue Form und platzieren Sie sie hinter der Maskenbasis;
- Transparente PNGs können ebenfalls als Masken fungieren, und Formen können mit PNGs maskiert werden, um komplexe Designs zu erstellen.
Masken bieten im Allgemeinen mehr Flexibilität als Bildfüllungen, da sie es Ihnen ermöglichen, mehrere Objekte zu komplexen Designs zu kombinieren. Auch wenn Figma relativ wenige Formen und Werkzeuge hat, bietet es die wesentlichen Elemente, und mit diesen einfachen Elementen können Sie wirklich brillante Designs erstellen.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 2