Figma 从头开始​​设计系统

MP4 |视频：h264，1920×1080 |音频：AAC、44.1 KHz、2 Ch
级别：中级 |类型： 电子学习 |语言： 英语 |时长：26 场讲座 ( 3h 37m )

你将学到什么

• 了解设计系统 – 掌握可扩展且一致的 UI 系统背后的目的、优势和核心原则。
• 创建视觉指南 – 定义版式、调色板、间距、图标和插图规则，以实现一致的外观和感觉。
• 构建可重用组件 – 设计可跨项目使用的按钮、输入、表单、导航元素和其他 UI 组件。
• 将组件组合成模式 – 构建实用的 UI 模式，例如注册表单、结帐流程、产品卡、模式和导航栏。
• 设计完整的屏幕 – 将您的系统应用于真实屏幕，包括产品页面、注册流程等。
• 从头开始创建自己的数字设计系统的实践练习和作业。

要求

为了充分利用本课程，您应该对 UI/UX 设计原则有基本的了解，并能够轻松地在 Figma 中工作。您不需要成为专家 – 初学者或中级水平就完全可以 – 但了解如何导航 Figma 并熟悉数字界面设计将帮助您更轻松地遵循并充满信心地完成练习。

描述

大家好，

本课程将指导您逐步完成从头开始构建数字设计系统的完整过程。

您将首先学习设计系统的核心基础和指南，包括版式、颜色、间距、图标和插图规则。然后，您将开始创建可重用的 UI 组件，例如按钮、输入、表单和导航元素。

随着课程的进展，您将学习如何将这些组件组合到真实的设计模式中，例如注册表单、结账流程、产品卡、模式和底部导航栏。最后，您将通过设计真实数字产品中使用的完整屏幕和界面来应用所有内容。

每个部分都包含实践练习和作业，让您在学习的同时构建自己的设计系统。在课程结束时，您将拥有为自己的项目或客户创建有组织的、可扩展的 UI 系统所需的知识和实践经验。

无论您是初学者设计师还是已经在从事数字产品工作，本课程都将帮助您改进工作流程，更系统地思考，并创建一致、精致且更容易跨不同平台和未来项目扩展的界面。

本课程适合谁

本课程专为初级和中级 UI/UX 设计师设计，他们希望学习如何构建结构化、可扩展的设计系统并在 Figma 中改进工作流程，同时创建现实世界的数字产品。