Figma SaaS 仪表板课程：设计现代 UI 并制作原型

资源截图

MP4 |视频：h264，1920×1080 |音频：AAC，44.1 KHz，2 Ch
语言：英语 |时长：2小时40米

你将学到什么

• 规划专业的 SaaS 仪表板项目
• 设计前绘制界面布局草图
• 高效设置框架、网格和工作区
• 设计简洁的侧边栏导航和标题
• 创建仪表板卡和统计组件
• 构建下拉过滤器和交互式界面元素
• 设计任务管理卡
• 创建表格、图表和图形

要求

• 建议对 Figma 有基本的了解
• 免费 Figma 帐户
• 渴望提高 UI 设计技能

描述

了解专业的 SaaS 仪表板是如何从头到尾设计的。

提高 UI 设计技能的最佳方法之一是构建真实的项目。在本课程中，您将完全在 Figma 中创建完整的现代 SaaS 仪表板，同时学习专业产品设计师使用的设计决策、布局技术和原型制作工作流程。

本课程不关注孤立的工具，而是遵循从规划到交互式原型的真实项目。您将首先分析设计概要、勾画想法，并使用框架、网格和可靠的设计系统设置工作区。

接下来，您将逐步构建仪表板界面。您将创建导航、标题、统计卡、过滤器、任务管理组件、表格、图表和图形，同时学习如何组织复杂的界面，使其保持干净、一致且易于使用。

界面完成后，您将使用 Figma 的原型设计功能将其变为现实。您将构建悬停效果、按下状态、可折叠面板、滚动区域、交互式侧边栏、弹出通知，并将整个仪表板连接到精美的交互式原型中。

最后，您将作为一个课堂项目完成自己的 SaaS 仪表板设计，从而使您能够应用所学的一切，同时创建值得投资组合的 UI。

无论您是构建第一个 SaaS 界面还是扩展您的 UI 设计组合，这个基于项目的课程都将教授实用的工作流程，您可以立即将其应用到您自己的产品和客户工作中。

学习本课程后，您将能够

• 自信地设计现代 SaaS 仪表板界面
• 使用专业布局构建复杂的用户界面
• 构建可重用的仪表板组件
• 在 Figma 中创建精美的交互式原型
• 将 UI 设计原则应用于现实世界的网络应用
• 向客户或雇主展示投资组合质量的仪表板设计
• 继续设计更先进的网络和产品界面

本课程适合谁

• Figma 初级和中级用户
• 希望获得更多项目经验的 UI 和 UX 设计师
• 产品设计师构建自己的产品组合
• 自由设计师为客户创建 SaaS 界面
• 任何对现代仪表板和网络应用程序设计感兴趣的人