Create High-Fidelity Designs and Prototypes in Figma

所在平台: Coursera

课程主页: https://www.coursera.org/learn/high-fidelity-designs-prototype

课程评论：没有评论

第一个写评论        关注课程

课程简介

课程名称：在Figma中创建高保真设计和原型 课程概述： 《在Figma中创建高保真设计和原型》是一个证书项目的第五门课程，旨在帮助您掌握申请入门级用户体验（UX）设计职位所需的技能。在本课程中，您将通过逐步的教程学习如何在流行的设计工具Figma中创建高保真设计（称为模型）。随后，您将把这些设计转化为一个互动原型，使其像完成的产品一样运作。您还将进行研究，收集关于设计的反馈并做出改进。最后，您将学习如何与开发团队分享您的设计，并在您的专业UX作品集中突出您的工作。 本课程由目前在谷歌工作的UX设计师和研究员授课，您将完成模拟真实世界UX设计场景的实践活动。完成这个证书项目的七门课程后，学习者应具备申请入门级UX设计师职位的条件。 课程结束时，您将能够： - 在Figma中构建模型和高保真原型。 - 定义并应用常见的视觉设计元素和原则。 - 演示设计系统如何帮助组织、标准化和提升设计。 - 理解设计评审会议和反馈在设计迭代中的重要性。 - 学习如何将完成的设计项目移交给工程团队。 - 完成移动应用设计，并将其纳入专业UX作品集。 本课程适合已经完成谷歌UX设计证书前四门课程的初学者UX设计师。如果您未完成之前的课程，则需要对设计过程有很强的理解，能在纸上和Figma中创建低保真设计，并能进行可用性研究。 课程大纲： 1. **开始创建模型**：聚焦视觉设计，学习如何创建高保真设计模型，使用排版、颜色和图标等视觉设计元素，应用设计布局方法。 2. **将视觉设计原则应用于模型**：利用视觉设计原则细化模型，引导用户注意页面的重点部分，组织页面元素。 3. **探索设计系统**：了解设计系统的构成及其优势，检查不同公司的设计系统，并在自己的模型中使用。 4. **创建高保真原型**：将模型转化为高保真的原型，探索手势和运动等新概念，以丰富用户体验。 5. **测试和迭代设计**：进行可用性研究，分析反馈并迭代设计，学习如何将设计移交给工程师，并创建专业UX作品集的案例研究。 通过本课程，您将增强在UX设计领域的实用技能，为未来的职业发展奠定基础。

课程大纲

Name:Starting to create mockups

Description:Turn your focus to visual design, which is how a product or technology appears to users. In this part of the course, you'll start to create mockups, which are high-fidelity designs that represent a final product. To create mockups, you'll use visual design elements, like typography, color, and iconography. Elements are often arranged into layouts using methods like grids, containment, and negative space. You'll apply all of these visual design learnings to build on the mobile app designs you've been working on throughout the certificate program.

Name:Applying visual design principles to mockups

Description:In this part of the course, you’ll use visual design principles to refine mockups. First, you'll use emphasis to guide users to the most important parts of a page. Next, you'll apply hierarchy, scale, and proportion to organize the elements on each page of your app. Then, you'll consider unity and variety to help elements of your app function together or stand out. Finally, you'll revisit Gestalt Principles, like similarity, proximity, and common region, to help users interpret your designs easily.

Name:Exploring design systems

Description:Come explore the world of design systems! In this part of the course, you'll be introduced to the parts of a design system, as well as the benefits of using a design system. You'll examine various companies' design systems, and you’ll have an opportunity to use them in your own mockups. You'll also learn how to use and create sticker sheets in Figma.

Name:Creating high-fidelity prototypes

Description:You’re ready to build high-fidelity prototypes in Figma! Following six steps, you'll turn your mockups into a prototype that's ready for testing. In addition, you'll explore two new concepts, gestures and motion, which can help enrich the user experience and increase the usability of prototypes.

Name:Testing and iterating on designs

Description:Now that you have a high-fidelity prototype, it’s time to test your designs. To get started, you’ll conduct a usability study to test your high-fidelity prototype of a mobile app. You'll analyze the feedback you receive to come up with actionable insights and iterate on your designs. Then, you’ll learn how to hand off designs to engineers for production. Finally, you’ll turn everything you’ve learned about user research, ideation, wireframes, designs, and prototypes into a case study for your professional UX portfolio.

课程评论(0条)