Responsives Webdesign in Adobe XD

所在平台: Coursera

课程主页: https://www.coursera.org/learn/responsives-webdesign-in-adobe-xd

课程评论：没有评论

第一个写评论        关注课程

课程简介

课程名称：《在Adobe XD中进行响应式网页设计》 课程概述： 《在Adobe XD中进行响应式网页设计》是谷歌UX设计证书项目的第六门课程，旨在帮助学员获得申请用户体验设计（UX设计）入门职位所需的技能。在本课程中，你将利用流行的设计工具Adobe XD设计一个响应式网站，并经历整个设计流程：了解用户、识别问题、寻找设计解决方案、创建线框图和原型、测试设计并收集反馈。课程结束时，你将拥有一个新的设计项目，可加入你的专业UX作品集。此外，课程还教你如何寻找UX设计入门职位、制作简历突出你的技能和成就，以及建立你的专业作品网站。 该课程由在谷歌工作的UX设计师和UX研究员主讲，实践活动将模拟真实的UX设计场景。完成此证书项目的七门课程后，学习者可以申请UX设计的入门职位。 课程完成后，学员将能够： - 执行UX设计流程中的所有步骤，创建响应式网站（建立同理心、定义重点、发展创意、创建原型、测试概念）。 - 使用Adobe XD进行设计。 - 规划信息架构并为网站设计创建站点地图。 - 实施常见网页布局。 - 规划和进行可用性研究，以获取设计反馈。 - 根据研究发现进行设计迭代。 - 在Adobe XD中使用设计系统。 - 将新的设计项目添加到你的专业UX作品集中。 - [可选] 创建或更新专注于UX的简历。 - [可选] 学习如何寻找并申请UX入门职位。 该课程适合已经完成谷歌UX设计证书前五门课程的初学者，或具有扎实设计流程基础、线框图、模型和原型制作经验，以及进行可用性研究知识的学习者。无需具备Adobe XD的先前知识。 课程大纲： 1. **开始UX设计流程：建立同理心与定义重点** - 学习响应式网页设计的基础和UX设计流程的初步步骤。 2. **继续UX设计流程：发展创意** - 在设计项目中进行创意开发，了解信息架构和站点地图的重要性。 3. **创建响应式网站线框图** - 将创意转化为线框图，依照设备和屏幕大小设计不同布局。 4. **创建和测试低保真原型** - 制作低保真原型并进行可用性测试，根据研究结果迭代设计。 5. **创建和测试高保真设计** - 在Adobe XD中制作高保真模型，测试并优化设计。 6. **记录设计工作与求职** - 分享设计作品，准备与工程团队的交接，并在求职过程中突出你的UX技能。 通过本课程的学习，你将为进入UX设计领域打下坚实基础。

课程大纲

Part: 1

Title:Den UX-Designprozess beginnen: Empathie aufbauen und Fokus definieren

Description: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 „Empathie aufbauen“ und „Fokus definieren“. Darüber hinaus lernen Sie Adobe XD kennen, ein beliebtes Designtool, das Sie in diesem Kurs verwenden werden.

Part: 2

Title:Den UX-Designprozess fortsetzen: Ideen entwickeln

Description: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 „How Might We“ durch und skizzieren Ideen mit „Crazy Eights“. Außerdem erfahren Sie, wie wichtig die Informationsarchitektur und Sitemaps beim Entwerfen von Websites sind.

Part: 3

Title:Wireframes für eine responsive Website erstellen

Description: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.

Part: 4

Title:Low-Fidelity-Prototypen erstellen und testen

Description: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.

Part: 5

Title:High-Fidelity-Designs erstellen und testen

Description: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!

Part: 6

Title:Designarbeit dokumentieren und auf Jobsuche gehen

Description: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.

课程评论(0条)