Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design User Experience Design Adobe XD

Adobe XD Einfach & Komplett: Der große UI-/UX-Praxis-Kurs

Gestalte atemberaubende User-Interfaces und Websites die geliebt werden! Designe und teste eigene Benutzeroberflächen.
Bestseller
Rating: 4.5 out of 54.5 (132 ratings)
1,194 students
Created by Laith Wahab
Last updated 1/2021
German
30-Day Money-Back Guarantee

What you'll learn

  • Erstelle großartige App-Designs für iOs und Android
  • Werde User-Interface (UI) Designer und User-Experience (UX) Profi!
  • Lerne ohne Vorkenntnisse Web-, App- und Softwaredesign auf Profi-Niveau!
  • Im Prototyp-Modus kannst du jedes Design testen und deinen Kunden vorstellen!
  • Verwende großartige Wireframe-Kits für noch mehr Profi-Qualität!
  • Optimiere deinen Design-Workflow mit sinnvollen Erweiterungen für Adobe XD
  • Drei umfangreiche und praxisnahe Projekte für schnellen Lernerfolg!
  • Garantiert schnelle Design-Erfolge auch für Anfänger!
Curated for the Udemy for Business collection

Requirements

  • Motivation und Vorfreude auf tolle UI-/UX Ergebnisse!
  • Adobe XD (als Gratis-Variante)
  • Adobe Creative Cloud Abo (empfehlenswert)
  • Einen PC oder Mac

Description

Gestalte mit Adobe XD eigene User-Interface Designs für großartige Apps, Websites und Cloud-Software!

Mit diesem Kurs gestaltest du ausgezeichnete Apps, Websites und browser-basierte Software (Cloud-Software / Software as a Service) auf Profi-Niveau.


Für Anfänger ohne Vorkenntnisse!

Mit diesem Kurs schaffst du spielend einfach den Einstieg in die Software Adobe XD. Es gibt einen umfangreichen Grundkurs, den du nach eigenem Tempo bestimmen kannst.


Realistische Praxis-Projekte für großartiges App- und Webdesign!

Wir gestalten in vier umfangreichen Projekten eine App, die dazugehörige browser-basierte Software und eine Website mit Adobe XD. Als vollständiges eigenes Projekt, wagen wir uns an ein KFZ-Radio Interface. Dabei nehmen wir uns Projekte vor, die so auch tatsächlich umgesetzt werden können. Zusätzlich gebe ich noch Tipps für die Gestaltung einer Smartwatch App, eines Dashboards und einer Mediathek-App.

Alle Projekte erhältst Du in diesem Kurs als Download gratis dazu!


Die User-Experience: Benutzerfreundlichkeit mit dem Prototyp-Modus testen

Jede Gestaltung wird mit Adobe XD noch besser und erlebbar! Mit dem Prototyp-Modus kannst du jede Seite deiner Gestaltung realistisch verknüpfen und dich so durch deine gestaltete Benutzeroberfläche oder App testen oder eindrucksvoll deinen Kunden präsentieren. Im Kurs gehen wir dabei auf den Prototyp-Modus bis ins Detail ein und erklären auch die möglichen Klick- und Animationseffekte für mehr Wow in jedes deiner Designs!


Online-Kurs mit persönlichen & schnellen Support im Fragen & Antworten-Bereich!

Einmal kaufen. Immer behalten. Diesen Kurs gibt es nicht im Abo. Du zahlst einmalig den oben angezeigten Preis und erhältst den Kurs ein Leben lang. Solltest du Fragen haben, helfe ich dir im Fragen & Antworten-Bereich kostenlos sehr gerne weiter.


Dein Udemy-Dozent

Laith Wahab

Who this course is for:

  • Webdesigner, App-Designer, User-Interface Designer, User-Experience Designer
  • Design-Interessierte
  • Anfänger ohne Vorkenntnisse
  • Webdesigner die eine Photoshop- und Sketch-Alternative suchen

Course content

13 sections • 126 lectures • 11h 56m total length

  • Preview03:13
  • Keine Entwicklungssoftware! Was ist Adobe XD und was ist es nicht?
    02:29
  • Preview02:01
  • "Form follows function"-Regel
    02:23

  • Preview09:38
  • Ein- und Auszoomen
    02:57
  • Preview06:44
  • Die Ebenen in Adobe XD
    03:29
  • Extern importierte Symbole in der Größe editieren
    03:18
  • Preview03:00
  • Elemente ausrichten
    03:10
  • Farben und Farbverläufe anwenden
    05:59
  • Text- und Zeichenformate
    05:38

  • Preview11:13
  • Prototyp-Modus: Menü mit Drop-Down gestalten und darstellen
    09:33
  • Prototyp-Modus: Menu Projekt als Download
    01:00

  • Apple iOS Vorlagen und Elemente downloaden und nutzen
    04:35
  • Apple iOS UI-Kit unter Windows nicht nutzbar
    02:24
  • Apple iOS: Fehlende Font für das Gestalten nachladen oder installieren
    03:18
  • Google Android Vorlagen und Elemente (Material Design)
    03:22
  • Microsoft UI-Toolkit: Vorlagen und Elemente
    04:24
  • Kostenloses Web-Wireframe UI-Kit von Adobe
    07:15

  • Add-On: UI-Faces
    04:01
  • Add-On: Content Generator
    05:40
  • Add-On: Mimic (Schriftfamilien und Farben einer Website ermitteln
    02:10
  • Add-On: Maps Generator - Individuelle Maps-Karten einbinden
    02:10
  • Add-On: Icondrop
    02:39
  • Add-On: Color Blender
    02:01

  • Projekte im Team mit der Cloud teilen und freigeben / Arbeit an mehreren PCs
    03:43

  • Elemente / Komponenten in 3D darstellen
    04:18
  • Schlaue Auto-Animate Funktion nutzen
    03:30
  • Sound-Aktion nach Klick auf Element im Prototyp-Modus
    03:20

  • Idee mit Stift und Papier festhalten und zeichnen (Scribble als PDF-Download)
    07:00
  • Wireframe-Kit für bestimmte Elemente öffnen und bereithalten
    02:22
  • Dokument anlegen und langsam loslegen.
    02:23
  • App-Startseite gestalten / App-Start gestalten
    06:47
  • Exkurs: Montserrat Schrift installieren
    02:18
  • App-Startseite minimal optimieren
    01:13
  • Termin- und Übersichtsseite gestalten Teil 1
    06:52
  • Termin- und Übersichtsseite gestalten Teil 2 / iOS Look
    09:49
  • Termin- und Übersichtsseite gestalten Teil 3 - Optimierungen
    05:45
  • Formularseite für neue Termine Teil 1
    04:52
  • Formularseite für neue Termine Teil 2 (Formularfelder)
    10:28
  • Formularseite für neue Termine Teil 3 (Textfeld hinzufügen)
    03:44
  • Formularseite für neue Termine Teil 4 (Adressfeld hinzufügen & Fehlerkorrektur)
    02:29
  • Bestätigungsseite nach Termineintragung (mit Icon)
    07:22
  • Termin-Detailseite Teil 1
    14:16
  • Termin-Detailseite Teil 2 (Adresse und Bearbeitungsbutton)
    04:41
  • Weitere App-Seiten
    04:19
  • Registrierung- und Login-Seiten erstellen
    05:25
  • App-Design als Download
    00:40
  • [Prototyp-Modus] Zeichenflächen nach Reihenfolge und Verknüpfung ordnen
    05:23
  • [Prototyp-Modus] Startseite: Buttons mit Registrierung & Login verknüpfen
    03:48
  • [Prototyp-Modus] Prototyp fertigstellen und testen
    11:55

  • App als Browser-Software: Dokument anlegen / Scribble hervorrufen
    03:16
  • Loslegen und die Startseite gestalten
    05:52
  • Registrierungs-Seite gestalten
    14:57
  • Login-Seite gestalten
    03:40
  • Gestaltung der Termin- und Aufgabenübersichts-Seite
    06:04
  • Gestaltung der Termin- und Aufgabenübersichts-Seite Teil 2
    11:28
  • Gestaltung der Termin- und Aufgabenübersichts-Seite Teil 3
    08:05
  • Termin-hinzufügen-Seite gestalten
    07:13
  • Aufgabe hinzufügen-Seite gestalten
    04:31
  • Modal/Popup "Eintrag gespeichert" gestalten
    07:38
  • Kurzer Zwischenstand / gesparte Seitengestaltungen gegenüber der App
    01:22
  • Termin-Detailseite gestalten
    08:31
  • Aufgaben-Detailseite gestalten
    06:16
  • [Prototyp-Modus] Zeichenflächen nach Reihenfolge und Verknüpfung ordnen
    03:09
  • [Prototyp-Modus] Alle Zeichenflächen (bis auf das Modal) verknüpfen und testen
    15:32
  • [Prototyp-Modus] Modal / Popup-Overlay verknüpfen und richtig einstellen.
    05:27
  • [Prototyp-Modus] Blubb Browsersoftware Projektdatei für Adobe XD als Download
    00:37

  • Wir gestalten eine Website zu unserem Produkt/ unserer Software "Blubb".
    01:52
  • Website Navigationsleiste platzieren
    05:52
  • Website Navigationsleiste umfärben - Logo platzieren
    08:31
  • Website: Immer ziel- und absatzorientiert gestalten.
    02:35
  • App- und Browser-Software Grafiken exportieren und für Mockups einsetzen
    08:37
  • Exkurs Photoshop: Teaser-Grafik mit Mockup für die Startseite erstellen
    05:41
  • Big Teaser-Grafik platzieren und mit Teaser-Text versehen
    08:04
  • Weiteren Startseiten-Block bzw. Container mit Icons erstellen (Plugin: Icondrop)
    06:54
  • Jedes Icon mit Headline und Text gestalten
    05:01
  • CTA (Call to Action - Handlungsaufforderungs)-Bereich mit Button hinzufügen
    08:05
  • Footer platzieren und die Schriftart der Navi-Leiste oben ändern.
    07:55
  • Informationsseite der Software gestalten
    06:09
  • Informationsseite weiter umgestalten - Bilder hinzufügen
    07:40
  • Informationsseite mit Hero-Bild versehen und Textboxen umfärben
    06:19
  • Preisseite mit Preistabellen erstellen
    12:15
  • Preistabelle farblich anpassen und etwas abändern
    08:12
  • Badge / Störer zeichnen und zur Preisseite hinzufügen / Schrift drehen
    03:10
  • Kontakt-Seite mit Formular gestalten / erstellen
    13:12
  • [Prototyp-Modus] - Navbar / Topmenu miteinander verknüpfen
    04:35
  • [Prototyp-Modus] Website-Navigation testen
    02:36

Instructor

Laith Wahab
Mediendesigner
Laith Wahab
  • 4.5 Instructor Rating
  • 1,659 Reviews
  • 11,318 Students
  • 7 Courses

Mein Name ist Laith Wahab. Seit 1998 gestalte und erstelle ich Websites für kleinere und mittlere Unternehmen. Noch während des Abiturs gründete ich ein erstes Kleinunternehmen (von 2003 bis 2005) im Bereich Web- und Printdesign mit dem Namen Firecube Webdesign. 

Meine Ausbildung als Mediengestalter Digital & Print (IHK) absolvierte ich von 2009 bis 2012 bei einer großen und international agierenden Softwarefirma in Oldenburg. 2013 wechselte ich als erster Mediendesigner & Art Director Online zum damaligen Start-Up einer E-Mail Marketing Firma und war dort für die Neuentwicklung des User-Interfaces im Responsive Design zuständig.

Heute bin ich Inhaber QLIXX® Digital Agentur für anspruchsvolles Digital Marketing und ausgefallene Digital-Medienproduktion.

Das Netz entwickelt sich ständig weiter. Umso wichtiger ist es, regelmäßig am Ball zu bleiben.Ich beschäftige mich schon seit vielen Jahren mit Mediendesign & Digitalmarketing. Dazu nutze ich gerne diverse Software aus dem Hause Adobe, probiere neue Content Management- und Shop-Systeme aus und bin offen gegenüber neue Hardware zur Optimierung des Workflows. Gerne gebe ich mein Wissen über Kurse bei Udemy weiter und hoffe, dass du viel Freude daran hast! 


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.