Adobe XD: Assets, Transformationen und Komponenten

Name: Adobe XD: Assets, Transformationen und Komponenten
Author: Alyssa Galganov

Lernen Sie, wie man Elemente transformiert und mit Assets und Komponenten in Adobe XD arbeitet.

Preview the first lesson free — get full access to all 4 lessons.

Kurs: On-Demand

Hallo, mein Name ist Alyssa, und in diesen Lektionen gehen wir auf die Arbeit ein mit Adobe XD Assets, Transformationen und Komponenten. Einer der Vorteile von XD ist, dass es Teil der Adobe-Familie ist ist, wie gut es mit anderen Adobe-Softwareanwendungen funktioniert. Wenn Sie an einem Projekt arbeiten, Sie möchten Ihren Zeichenflächen Bilder hinzufügen. Bilder fallen in zwei Hauptkategorien, Raster und Vektor. Gerasterte Bilder bestehen aus Pixeln, die das kleinste einzelne Element in einer digitalen Anzeige sind. Jedes quadratische Pixel ist organisiert und einer Farbe zugeordnet und alle Pixel passen zusammen, um ein vollständiges Bild zu bilden. Sie sind auflösungsabhängig. Vektorgrafiken bestehen nicht aus Pixeln, Das heißt, sie sind auflösungsunabhängig. Jedes Stück des Bildes wird mathematisch berechnet von einem Punkt zum anderen, um Linien und Formen zu bilden die letztendlich ein Bild erzeugen. Vektorgrafiken können auf jede beliebige Größe skaliert werden ohne Qualitätsverlust. Rasterbilder können in Photoshop kopiert werden und direkt in Adobe XD eingefügt. Vektorgrafiken können auch aus Adobe Illustrator kopiert werden und direkt in XD eingefügt. In diesem Dokument hier, das genaue Bild wurde in Rasterform aus Photoshop kopiert, es ist der rechte, und Vektorformat von Illustrator, das auf der linken Seite. Wenn ich sie jetzt anschaue, Es wäre schwer, sofort zu sagen, welches welches ist, aber das ändert sich, wenn wir sie größer machen. Ich werde jetzt den Maßstab vergrößern, damit Sie sehen können. Ich werde die Umschalttaste gedrückt halten und ich werde mich aus dieser rechten Ecke herausziehen bis ich es größer mache. Dann gehe ich hier rüber und wähle den anderen Bären aus, den Vektor tragen und von dort aus gedrückt halten bis ich ungefähr die gleiche Größe habe. Na, bitte. Übrigens ist diese blaue Linie mein visueller Hinweis. Es ist ein intelligenter Leitfaden, der mich wissen lässt, dass ich sie habe auf exakt gleicher Höhe. Ich werde loslassen, und lass uns weitermachen und hineinzoomen. Ich werde dieses Mal das Zoom-Tool verwenden, nur um es Ihnen zu zeigen. Ich ziehe einfach über die Köpfe. Ich werde wieder ziehen und weitermachen. Und mal sehen. Von hier aus kann man ziemlich gut sehen, was passiert. In der Photoshop-Version Die Dinge fangen an, sehr unscharf zu werden, und das meine ich mit auflösungsabhängig. Es hängt also von der Auflösungsgröße eines Bildes ab wie gut es aussieht, wenn es vergrößert wird. Auf der anderen Seite sieht die Vektorversion immer sauber aus egal welche größe. Raster und Vektor werden voneinander abhängig sein was Sie für Ihr Adobe XD-Projekt benötigen. Wenn Sie etwas wie ein Foto verwenden müssen, Sie müssen ein Rasterbild verwenden. Für Elemente wie Logos und Symbole Vektorgrafiken sind angemessen. Vielen Dank fürs Zuschauen. Seien Sie gespannt auf das nächste Video zum Drehen, Skalieren und Spiegeln von Designelementen.

Anfänger Anbieter : Alyssa Galganov 4 Lektionen · 14m auf Arabisch, Deutsch, Englisch, Spanisch, Französisch, Portugiesisch, Chinese

Kursbeschreibung

Bei der Gestaltung von Adobe XD Projekten kommt es auf die Details an. Es gibt eine Vielzahl von Elementen, die eine Website, eine App oder eine Grafik für soziale Medien ausmachen. Eine Webseite besteht aus Bildern, Texten, Symbolen und mehr. Die Elemente werden nicht einfach auf einer Zeichenfläche platziert. Sie werden platziert, angepasst und verbessert. In XD erstellte Elemente, wie z. B. Schaltflächen, können zu wiederverwendbaren Komponenten werden.

In diesem Kurs lernen Sie, wie Sie eine Schaltfläche im Standard-, Hover- und Toggle-Status erstellen. Sie lernen etwas über Raster- und Vektorbilder und warum - und wo - Sie das eine Format dem anderen vorziehen sollten. Sie lernen, wie Sie Elemente drehen, in der Größe verändern und spiegeln können, sobald sie hinzugefügt wurden, und wie Sie Elemente sowohl in zwei- als auch in dreidimensionalen Ebenen transformieren können. Schließlich besprechen wir „Bildlaufgruppen“, mit denen Sie Bereiche innerhalb einer Zeichenfläche definieren können, die sich unabhängig vom Rest der Zeichenfläche verschieben lassen.

Was Sie lernen werden

Erstellen Sie einen Button mit Default-, Hover- und Toggle-Zuständen und stilisieren Sie ihn
Fügen Sie Vektor- und Rasterbilder zu einem Adobe XD-Projekt hinzu
Erklären Sie, was ein Vektorobjekt ist und wie man es erstellt
Ändern Sie die Größe, drehen Sie und spiegeln Sie Designelemente, nachdem sie hinzugefügt wurden
Transformieren Sie Objekte in zwei- und dreidimensionalen Ebenen
Erstellen Sie Scroll-Gruppen, die unabhängig vom Rest des Artboards scrollen

Wichtige Erkenntnisse

Elemente in Adobe XD werden nicht nur auf einem Artboard platziert, sondern platziert, angepasst und verbessert.
Elemente, die in XD erstellt wurden, wie z. B. Buttons, können wiederverwendbare Komponenten werden.
Die Wahl zwischen Raster- und Vektorbildformaten hängt davon ab, warum und wo jedes Format verwendet wird.
Assets können gedreht, vergrößert und verkleinert werden, nachdem sie zu einem Projekt hinzugefügt wurden.
Scroll-Gruppen ermöglichen es Ihnen, Bereiche in einem Artboard zu definieren, die unabhängig vom Rest des Artboards scrollen.

Häufig gestellte Fragen

Was werde ich in diesem Adobe XD-Kurs lernen?

Sie lernen, wie Sie einen Button mit Default-, Hover- und Toggle-Zuständen erstellen, mit Raster- und Vektorbildern arbeiten, Assets drehen, vergrößern und verkleinern, Elemente in zwei- und dreidimensionalen Ebenen transformieren und Scroll-Gruppen erstellen, die unabhängig vom Rest des Artboards scrollen.

Was ist der Unterschied zwischen Raster- und Vektorbildern, die in diesem Kurs behandelt werden?

Der Kurs lehrt, was ein Vektorobjekt ist und wie man es erstellt, wie man Vektor- und Rasterbilder hinzufügt und warum und wo Sie ein Format gegenüber dem anderen verwenden würden.

Was sind Scroll-Gruppen in Adobe XD?

Scroll-Gruppen ermöglichen es Ihnen, Bereiche innerhalb eines Artboards zu definieren, die unabhängig vom Rest des Artboards scrollen, und der Kurs enthält eine Lektion zu ihrer Erstellung.

Auf welche Fähigkeiten konzentriert sich dieser Kurs?

Dieser Kurs konzentriert sich auf Adobe XD und behandelt Assets, Transformationen und wiederverwendbare Komponenten.

Welche Lektionen sind in diesem Kurs enthalten?

Die Lektionen sind Adding Raster and Vector Images, Rotating, Sizing, and Flipping Design Elements, 3D Transformations und Creating Scroll Groups.