This guided project "Material Design 3 for Beginners : Customizing Components" is for UX/UI designers looking to enhance their skills in modern design principles. In this 1-hour long project-based course, you will learn core principles of Material Design 3, the structure and components of the Material Design 3 design system as a design system and learning where and how to locate the components you need from the ready-to-use design system. Finally, you will learn how to customize versatile buttons, flexible cards, and efficient tabs. To achieve this, we will work through a series of hands-on exercises that guide you in building and implementing these components step-by-step to create a profile page for an app. This project provides you with practical experience, allowing you to apply what you have learned directly to your projects. By customizing these key components, you will be able to create cohesive and simple user interfaces that enhance the user experience. To be successful in this project, you will need a basic understanding of UX/UI design principles and familiarity with Figma's layers, properties and tools. .


您将学到什么
Understand core principles, best practices, and basic guidelines of Material Design 3
Locate and use components from the Material Design 3 design system.
Customize Material Design 3 buttons, cards, and tabs to create consistent user interfaces.
您将练习的技能
要了解的详细信息

添加到您的领英档案
仅桌面可用
了解顶级公司的员工如何掌握热门技能

在 2 小时内学习、练习并应用岗位必备技能
- 接受行业专家的培训
- 获得解决实训工作任务的实践经验
- 使用最新的工具和技术来建立信心

关于此指导项目
分步进行学习
在与您的工作区一起在分屏中播放的视频中,您的授课教师将指导您完成每个步骤:
Task 1: Locating, Organizing, and Using Material Design 3 Components in Figma
Task 2: Accessing and using the Material Theme Builder plugin to customize styles
Task 3: Create a User Profile page with Grid alignment and Key Components
Practice Task
Task 5: Component Placement, alignment and Customization of Icons and Labels
Task 6: Adding the App Status bar and Bottom sheet
Task 7: Enhancing App Colors and adding a Dark Theme
Cumulative Challenge
推荐体验
Basic understanding of UX/UI design principles and familiarity with Figma's layers, properties and tools.
7个项目图片
位教师

提供方
学习方式
基于技能的实践学习
通过完成与工作相关的任务来练习新技能。
专家指导
使用独特的并排界面,按照预先录制的专家视频操作。
无需下载或安装
在预配置的云工作空间中访问所需的工具和资源。
仅在台式计算机上可用
此指导项目专为具有可靠互联网连接的笔记本电脑或台式计算机而设计,而不是移动设备。
人们为什么选择 Coursera 来帮助自己实现职业发展




您可能还喜欢
状态:免费
状态:免费试用
状态:免费试用
常见问题
购买指导项目后,您将获得完成指导项目所需的一切,包括通过 Web 浏览器访问云桌面工作空间,工作空间中包含您需要了解的文件和软件,以及特定领域的专家提供的分步视频说明。
由于您的工作空间包含适合笔记本电脑或台式计算机使用的云桌面,因此指导项目不在移动设备上提供。
指导项目授课教师是特定领域的专家,他们在项目的技能、工具或领域方面经验丰富,并且热衷于分享自己的知识以影响全球数百万的学生。




