鈥濺esponsives Web Design in Adobe XD鈥� ist der sechste Kurs des Zertifikatsprogramms, mit dem Sie die n枚tigen F盲higkeiten erwerben, um sich f眉r Einstiegspositionen im Bereich User Experience Design (UX-Design) zu bewerben. In diesem Kurs entwerfen Sie mit dem beliebten Designtool Adobe XD eine responsive Website. Sie werden den gesamten Designprozess durchlaufen: sich in die Anwendenden hineinversetzen, ihre Probleme identifizieren, Ideen f眉r Designl枚sungen finden, Wireframes und Prototypen erstellen, Designs testen und Feedback einholen. Am Ende des Kurses haben Sie ein neues Designprojekt, das Sie in Ihr professionelles UX-Portfolio aufnehmen k枚nnen.
Dynamische Benutzeroberfl盲chen f眉r Websites erstellen
Dynamische Benutzeroberfl盲chen f眉r Websites erstellen
This course is part of Google UX Design (DE) Professional Certificate
Instructor: Google Career Certificates
Top Instructor
Included with 
Gain insight into a topic and learn the fundamentals.
Beginner level
No prior experience required
4 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace
What you'll learn
Alle Schritte des UX-Designprozesses durchf眉hren um eine responsive Website in Adobe XD zu erstellen
Eine Informationsarchitektur planen und Sitemaps f眉r Website-Designs erstellen聽
G盲ngige Layouts f眉r Webseiten umsetzen
Ein Designprojekt abschlie脽en und in Ihr professionelles UX-Portfolio aufnehmen聽
Skills you'll gain
Details to know
Shareable certificate
Add to your LinkedIn profile
Taught in German
See how employees at top companies are mastering in-demand skills
Build your Design and Product expertise
This course is part of the Google UX Design (DE) Professional Certificate
When you enroll in this course, you'll also be enrolled in this Professional Certificate.
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate from Google
There are 6 modules in this course
Wir beginnen mit den Grundlagen des responsiven Webdesigns. Zum Erstellen einer responsiven Website f眉hren Sie die Schritte des UX-Designprozesses aus: Empathie aufbauen, Fokus definieren, Ideen entwickeln, Prototypen erstellen und Testen. In diesem Teil des Kurses durchlaufen Sie ie Phasen 鈥濫mpathie aufbauen鈥� und 鈥濬okus definieren鈥�. Dar眉ber hinaus lernen Sie Adobe XD kennen, ein beliebtes Designtool, das Sie in diesem Kurs verwenden werden.
What's included
13 videos16 readings8 assignments1 peer review5 discussion prompts
Ihr Projekt f眉r ein responsives Website-Design ist angelaufen. In diesem Teil des Kurses gehen Sie in die Phase der Ideenentwicklung im Designprozess 眉ber. Damit Sie Ideen f眉r Designl枚sungen finden, f眉hren Sie einen Wettbewerbsaudit sowie die Aktivit盲t 鈥濰ow Might We鈥� durch und skizzieren Ideen mit 鈥濩razy Eights鈥�. Au脽erdem erfahren Sie, wie wichtig die Informationsarchitektur und Sitemaps beim Entwerfen von Websites sind.
What's included
9 videos8 readings5 assignments1 peer review2 discussion prompts1 plugin
Nachdem Sie Empathie mit den Nutzenden aufgebaut, das zu l枚sende Problem der Nutzenden definiert und mit der Entwicklung von Ideen f眉r m枚gliche L枚sungen begonnen haben, ist es an der Zeit, Ihre Ideen in Wireframes zum Leben zu erwecken. Ihre responsive Website wird 鈥� abh盲ngig von dem Ger盲t und der Bildschirmgr枚脽e, f眉r die Sie eine Website gestalten 鈥� verschiedene Layouts haben, sodass Sie viele verschiedene Wireframes erstellen werden. Zun盲chst sehen Sie sich g盲ngige Website-Layouts an und erstellen Papier-Wireframes. Als N盲chstes lernen Sie einige Elemente und Komponenten kennen, die h盲ufig beim responsiven Webdesign verwendet werden. Anschlie脽end gehen Sie zum Erstellen digitaler Wireframes in Adobe XD 眉ber. Und abschlie脽end werden Sie Ihre Wireframes aktualisieren und optimieren, um die Barrierefreiheit zu verbessern.
What's included
12 videos13 readings4 assignments1 peer review1 discussion prompt2 plugins
Nachdem Sie nun digitale Wireframes in Adobe XD erstellt haben, ist es an der Zeit, einen Low-Fidelity-Prototyp zu erstellen, zu testen und zu iterieren. Zuerst lernen Sie, wie Sie in Adobe XD einen Low-Fidelity-Prototyp erstellen. Indem Sie eine Usability-Studie planen und durchf眉hren, holen Sie Feedback zu Ihrem Prototyp ein. Anschlie脽end nehmen Sie basierend auf den Erkenntnissen Ihrer Recherche 脛nderungen an Ihren Low-Fidelity-Designs vor.
What's included
9 videos12 readings7 assignments1 peer review2 discussion prompts
In diesem Teil des Kurses erstellen Sie Modelle Ihrer responsiven Website in Adobe XD. Sie arbeiten auch weiter mit Designsystemen und nutzen Komponenten aus externen Designsystemen f眉r das responsive Webdesign. Anschlie脽end wandeln Sie Ihre Modelle in einen High-Fidelity-Prototyp um, indem Sie Verbindungen erstellen, Interaktionsdetails hinzuf眉gen und die Animationen anpassen. Zuletzt testen Sie Ihren High-Fidelity-Prototyp im Rahmen einer Usability-Studie, um Feedback von unterschiedlichen Nutzenden zu erhalten. Am Ende dieses Kursteils ist Ihr responsives Webdesign fertig!
What's included
11 videos15 readings9 assignments1 peer review2 discussion prompts
Wenn Sie mit Ihren responsiven Webdesigns fertig sind, k枚nnen Sie Ihre Arbeit mit anderen teilen. Zun盲chst lernen Sie, wie Sie Designs vorbereiten und an das Engineering-Team 眉bergeben, das das Endprodukt erstellt. Au脽erdem f眉gen Sie Ihrem professionellen UX-Portfolio eine Fallstudie mit Ihren responsiven Webdesigns hinzu. Anschlie脽end konzentrieren Sie sich auf Ihr 眉bergeordnetes Ziel: einen Job im UX-Design zu finden. Sie erhalten Tipps und Tricks zum Durchsuchen von Stellenausschreibungen und erstellen einen 眉berzeugenden Lebenslauf, in dem Sie ausdr眉cklich auf Ihre neuen UX-F盲higkeiten hinweisen.
What's included
15 videos10 readings8 assignments1 peer review2 discussion prompts
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Instructor
Offered by
Explore more from Design and Product
Why people choose 糖心vlog官网观看 for their career
Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, 糖心vlog官网观看 is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. 糖心vlog官网观看 allows me to learn without limits."
Open new doors with 糖心vlog官网观看 Plus
Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 3,400 global companies that choose 糖心vlog官网观看 for Business
Upskill your employees to excel in the digital economy
Frequently asked questions
UX-Designschaffende besch盲ftigen sich mit der User Experience, das hei脽t damit, wie Nutzende die Verwendung von Produkten wie Websites, Apps und physischen Objekten erleben. Sie sorgen daf眉r, dass diese allt盲glichen Interaktionen n眉tzlich, angenehm zu nutzen und barrierefrei zug盲nglich sind. UX-Designschaffende im Einstiegssegment entwickeln Ideen zur L枚sung der Probleme von Nutzenden, f眉hren Studien mit Nutzenden durch und entwerfen Wireframes, Modelle und Prototypen.
Wenn Sie gerne mit Menschen ins Gespr盲ch kommen und sich in sie hineinversetzen k枚nnen, kreativ denken und auf Details achten, k枚nnte ein Job im UX-Design gut zu Ihnen passen
Dieser Kurs ist der sechste Kurs in einer Reihe von sieben Kursen, in denen Sie alles lernen, was Sie f眉r Einstiegspositionen im Bereich User Experience Design ben枚tigen. Wir empfehlen Ihnen dringend, die ersten f眉nf Kurse des Google UX Design Certificate zu absolvieren, bevor Sie diesen abschlie脽en:
- Kurs 1:Grundlagen des User Experience Designs (UXD)
- Kurs 2:Den UX-Designprozess beginnen: Empathie aufbauen, Fokus definieren und Ideen entwickeln
- Kurs 3:Wireframes und Low-Fidelity-Prototypen erstellen
- Kurs 4:UX-Forschung durchf眉hren und erste Konzepte testen
- Kurs 5:High-Fidelity-Designs und Prototypen in Figma erstellen
Wenn Sie diesen als ersten Kurs des Zertifikatsprogramms belegen wollen, sollten Sie alternativ Erfahrung in der Durchf眉hrung von Nutzungsstudien haben, um Empathie zu den Nutzenden aufbauen und spezifische Probleme bestimmen zu k枚nnen. Sie m眉ssen in der Lage sein, Personas, User Storys, User Journey Maps und Problembeschreibungen zu erstellen. Sie m眉ssen zudem wissen, wie man Wireframes und Low-Fidelity-Prototypen auf dem Papier und im Designtool Figma erstellt. Es ist hilfreich, Erfahrung in der Durchf眉hrung von Usability-Studien und in der Iteration von Designs zu haben. F眉r den Fall, dass Sie mit einem dieser Themen nicht vertraut sind: Sie werden in den vorangehenden Kursen des Google UX Design Certificate behandelt.
Im Google UX Design Certificate werden die Designtools Adobe XD und Figma behandelt. Dieser Kurs konzentriert sich auf die Erstellung von Designs in Adobe XD. Lernende haben neun Monate lang kostenlosen Zugriff auf die Einzelprodukt-Version von Adobe XD und k枚nnen damit unbegrenzt Links zu Prototypen teilen. Sie m眉ssen Kurs聽1 (einschlie脽lich aller benoteten Aufgaben) des Google UX Design Certificate absolvieren, um dieses Angebot nutzen zu k枚nnen. Zur Erinnerung: Dieses Angebot gilt exklusiv f眉r Teilnehmende des Google UX Design Certificate, und Sie d眉rfen dieses Abonnement nicht weiterverkaufen, verleihen oder mit anderen teilen. Nachdem Teilnehmende Kurs聽1 abgeschlossen haben, erhalten sie eine E-Mail und eine 糖心vlog官网观看-Nachricht mit Anweisungen zum Einl枚sen der Angebote.
Auch Tabellenkalkulationen, Textverarbeitungsprogramme und Pr盲sentationstools werden eingesetzt. Im Laufe des Kurses werden Sie mit der Plattform Ihrer Wahl ein professionelles Portfolio erstellen, in dem Sie Ihre UX-Designarbeiten pr盲sentieren k枚nnen.聽
More questions
Financial aid available,
鹿 Some assignments in this course are AI-graded. For these assignments, your data will be used in accordance with 糖心vlog官网观看's Privacy Notice.