<img src="https://static.skillshare.com/uploads/discussion/tmp/28841557" class="zoomable rounded-image-wrapper" alt="28841557">
Hallo zusammen! Mein Name ist Dan und ich bin Adobe Certified Instructor. Ich bin hier, um dir zu helfen, Adobe XD effizient und umfassend zu lernen. XD ist ein fantastisches Design-Tool, das von Branchenexperten verwendet wird, um hochwertige und funktionale Mockups zu produzieren. Am Ende des Kurses wirst du in der Lage sein, praktische und effektive Nutzererfahrungs(UX)- und Benutzeroberflächen(UI)-Designs zu erzeugen.
Während des Kurses lade ich dich ein, an einem echten freiberuflichen Projekt teilzunehmen, an dem ich arbeite. Es ist ein Projekt, das eine frische Website- und App-Oberfläche erfordert. Dies bereitet dich auf den Umgang mit realen Projekten vor, wenn du dich für einen UX/UI-Karrierepfad entscheidest.
Dieser Kurs richtet sich an Personen, die sich für UI/UX Design interessieren. Wir beginnen von ganz vorne und arbeiten Schritt für Schritt durch. Wenn du bereits UI/UX-Design-Erfahrung hast, aber mit Adobe XD vertraut machen möchtest, ist dieser Kurs auch für dich perfekt!
Zunächst gehen wir die Unterschiede zwischen UX und UI-Design durch. Wir werden uns ansehen, was unser Briefing für dieses reale Projekt ist, dann lernen wir mehr über Low-Fidelity-Wireframes und wie man vorhandene UI-Design-Kits nutzen kann.
Ich werde alle wesentlichen Tools durchgehen, die zur Erstellung exzellenter Wireframes erforderlich sind, darunter Schrift, Farben, Symbole, Lorem ipsum, Artboards, Prototyping, Modelle und Popups, Symbole und Wiederholungsraster. Wir nutzen sogar die neue Prototyping-App, damit du deinen Prototyp auf deinem mobilen Gerät erleben kannst.
Ein wichtiger Teil zur Maximierung deines UX Design-Workflows ist es, andere Software wie Photoshop und Illustrator nutzen zu können. Aus diesem Grund zeige ich dir, wie du beides nutzen kannst, um deine XD-Produktivität zu steigern.
Eine der großartigen neuen Funktionen von XD sind Mikrointeraktionen. Ich zeige dir alles über diese und wie du sie verwenden kannst, um Symbole und Szenen zu erzeugen. Dies ist einer der Bestandteile des Webdesigns, der wächst und schnell angenommen wird, sodass du es nicht verpassen möchtest, es früh zu lernen.
Es gibt zwei Kursprojekte, die du in diesem Kurs abschließen kannst. Diese werden dir helfen, deine Fähigkeiten zu entwickeln und dir etwas für dein eigenes Portfolio geben.
Es ist jetzt an der Zeit, dich zu aktualisieren und Adobe XD zu lernen.
<a href="https://www.dropbox.com/s/inxinh2e9dyvpey/Exercise%20Files%20-%20Adobe%20XD%202018.zip?dl=1" rel="nofollow noreferrer noopener" target="_blank">LADE DIE ÜBUNGSDATEIEN HIER HERUNTER</a>
<a href="https://www.dropbox.com/s/juxndl543cok196/6%20Completed%20Files.zip?dl=1" rel="nofollow noreferrer noopener" target="_blank">LADE DIE FERTIGEN DATEIEN HIER HERUNTER</a>
Was sind die Anforderungen?
<ul>
<li>Du benötigst eine Kopie von Adobe XD 2018 oder höher. Eine kostenlose Testversion kann von Adobe heruntergeladen werden.</li>
<li>Es sind keine Vorkenntnisse in Sachen Designerfahrung erforderlich.</li>
<li>Es sind keine Vorkenntnisse in Adobe XD erforderlich.</li>
</ul>
Was ist die Zielgruppe?
<ul>
<li>Dieser Kurs ist für Anfänger. </li>
<li>Er richtet sich an Menschen, die noch keine Erfahrung in der Welt des Designs und der Nutzererfahrung haben. </li>
<li>Es sind keine Vorkenntnisse in Adobe XD erforderlich.</li>
<li>Für alle, die „UX Design“ zu ihrem Portfolio hinzufügen müssen.</li>
</ul>
Kursupdate in Kürze:
Hallo! In 2 Wochen veröffentliche ich ein Update des Adobe XD Essentials Kurses, die neuen Inhalte sind neuer, besser und umfassender.  Was das bedeutet: 
<ul>
<li>Alle Videos innerhalb des Kurses werden ersetzt.</li>
<li>Dein Fortschritt wird zurückgesetzt.</li>
<li>Du hast Zugriff auf alle neuen Inhalte.</li>
</ul>
 Was du tun musst:
<ul>
<li>Wenn du den Kurs in seinem aktuellen Zustand abschließen möchtest, musst du dies innerhalb der nächsten 14 Tage tun.</li>
<li>Wenn du deinen Kursfortschritt aussetzen und auf den neuen Kurs warten möchtest, musst du nichts unternehmen!</li>
</ul>

Einführung in Adobe XD Essentials-Schulungskurs

Die ersten Schritte mit deinem Adobe XD-Projekt.

Wozu ist Adobe XD und übernimmt es die Codierung

Was ist der Unterschied zwischen UI und UX in Adobe XD

Was wir in diesem Adobe XD-Kurs machen

Was ist eine Persona und ein Task Flow im UX-Design

Kursprojekt 01 – Erstelle dein eigenes Briefing

Was ist Lo Fi Wireframe vs. High Fidelity in Adobe XD

Artboards und wie breit sollte meine Website oder App in Adobe XD sein

Arbeiten mit Schrift in XD-Wireframes

Rechtecke, Kreise, Schaltflächen und abgerundete Ecken in Adobe XD

So verwenden Sie Farbe in Adobe XD

Striche und Kopieren und Einfügen in Adobe XD

Kursprojekt 02 – Wireframe

Kostenlose Icons für Adobe XD und UX/UI-Projekte

So finden und verwenden Sie vorhandene UI-Kits in Adobe XD

Gruppen und Probleme beim Bearbeiten von Symbolen in Adobe XD

Kursprojekt 03 – Symbole

So fügst du deinem Prototyp in Adobe XD Interaktion hinzu

Prototyp-Animation und Easing in Adobe XD

So siehst du dein Design in der XD App auf iPhone und Android

Kursprojekt 04 – Testen auf deinem Handy

Die ersten Schritte mit Auto-Animationen in Adobe XD

Mehr über Animation in Adobe XD verstehen

Kursprojekt 05 – Meine erste Animation

Teilen von Wireframes für Kommentare in Adobe XD

Moodboards und Ressourcen für Hi Fidelity UI Design in Adobe XD

So erstellen Sie ein Mood-Board in Adobe XD

Kursprojekt – Moodboard

So arbeiten Sie mit Spalten und Raster in Adobe XD

Anzeigen eines Hafens bzw. gepunkteten Linie auf der Seite in Adobe XD

So fügen und löschen Sie Leitfäden zu Adobe XD

Farbinspiration und die Pipette in XD

So erstellen Sie eine Farbpalette in Adobe XD

So erstellt man Farbverläufe in Adobe XD

So speichern und wiederverwenden Sie Farbfelder in Adobe XD

Kursprojekt 07 – Farben und Spalten

Welche Schriftarten kann ich in meinem Web- oder App-Design in Adobe XD verwenden

Überprüfe, welche Personen anderer Schriftarten verwendet haben

Welche üblichen Font Sizes (Schriftgrößen) du im Webdesign wählen solltest

So erstellen Sie Zeichenstile in Adobe XD

Plugin – Hinzufügen unseres ersten Plugins Lorem Ipsum zu Adobe XD

Kursprojekt 08 – Text

Zeichnen und Bearbeiten von Formen in Adobe XD

Seltsamkeit mit Formen in Adobe XD

Mit dem Stift-Tool in Adobe XD zeichnen lernen

Arbeiten mit Strichen und Linien in Adobe XD

Kursprojekt 09 – Symbole und Buttons

Muss ich Illustrator mit Adobe XD kennen

Maskieren und Zuschneiden von Bildern in Adobe XD

Kostenlose Bilder zur Verwendung in deinen XD-Mockups – Unsplash Pexels Freeimage

Hintergrundbilder mit Deckkraft in XD dunkeln

Unschärfen von Hintergründen und Objekten in Adobe XD

Muss ich Photoshop mit Adobe XD kennen

Toast-Banner mit maskiertem Bild in Adobe XD

Kursprojekt – Bilder hinzufügen

Wie man Komponenten in Adobe XD erstellt und verwendet

Unterschied zwischen Haupt- und Instanzkomponenten in Adobe XD

So erstellen Sie Hover-Zustände von Komponenten in XD

Kursprojekt 11 – Buttons

Wie man das Wiederholungsraster in Adobe XD verwendet

Kursprojekt 12 – Raster wiederholen

Aktualisieren und Probleme mit Wiederholungsrastern der Kante

Wie man Stacks in XD verwendet, um ein Formular zu erstellen

Kursprojekt 13 – Stapel und Checkout-Seite

Der Unterschied zwischen Animation und Micro Interactions (Mikrointeraktionen)

Dan Zeichenmaterial in Adobe XD

Mehr Animation in Adobe XD

Kursprojekt – Meine zweite Animation

Mikrointeraktions-Kippschalter in Adobe XD

Micro-Interaktions-Burger-Menü wurde in XD zum Kreuz

Kursprojekt 15 – Mikrointeraktion

So pinnen Sie die Navigation in Adobe XD nach oben

So fügen Sie ein Popup-Overlay-Modal in Adobe XD hinzu

Folie in einem mobilen Navigationsmenü-Overlay in Adobe XD

Kursprojekt 16 – Popup und Navigation

Was sind Flows in Adobe XD

Wie du dein Dokument mit Kunden und Stakeholdern und Nutzertestern teilen kannst

Daniel Scott hat dir 1 kostenlosen Monat Skillshare geschenkt

Lass dir Skillshare 1 Monat lang kostenlos nicht entgehen

Grundlagen des User Experience Design – Adobe XD UI UX Design

Kreatives Lernen leicht gemacht

Unternehmen

Work With Us

Unterrichten Sie mit uns

Shop

Für unterwegs