Adobe XD – Farben, Verläufe und Bilder einfügen

Farbe ist ein wesentliches Element jeder Designarbeit und hat einen großen Einfluss auf die Wahrnehmung und das Erlebnis eines Designs. In Adobe XD gibt verschiedene Werkzeuge und Features, mit denen ihr Farben auswählen, anpassen und organisieren könnt, um ein ansprechendes und konsistentes Design zu schaffen.

Objekte mit Farben und Verläufen füllen

Sobald eine Form ausgewählt wurde, kann rechts in den Eigenschaften Füllfarbe, Kontur und Schatten hinzugefügt werden. Als Füllfarbe stehen auch lineare und radiale Verläufe zur Verfügung. Wenn eine Grafik als Hintergrund  eingefügt werden soll, zieht sie einfach per Drag and Drop auf die Form.

Farbfelder verwenden

Unten im Farbwähler können über ein Klick auf das Plus(+)-Icon Farbfelder hinzugefügt werden. Farbfelder ermöglichen schellen Zugriff auf häufig verwendete Farben. Um eine Farbe zu löschen, muss sie per Drag and Drop aus dem Bedienfeld gezogen werden.

Bildausschnitte ändern

Wenn eine Form mit einem Bildhintergrund gefüllt wurde, kann der Bildausschnitt festgelegt werden, indem per Doppelklick »in das Objekt hinein navigiert wird«. Das Bild wird dann auch über die Kanten der Form hinaus sichtbar und kann skaliert oder positioniert werden.

Masken

Objekte und Grafiken können in XD auch maskiert werden. Dazu muss die Form, die als Maske dienen soll, in der Ebenenpalette oberhalb der Ebene liegen, die maskiert werden soll.

Anschließend wird über »Objekt → Mit Form maskieren« die Maske erstellt. In der Ebenenliste wird nun ein neues Icon für die Maske angezeigt. Per Klick auf das Icon kann die Maske geöffnet werden. So lassen sich beide Formen nachträglich editieren.

Geschrieben von:

Jonas Hellwig

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.

Projekte mit kulturbanause

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

Design + Code

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.

Schulung + Beratung