Figma 原型设计:UX/UI 设计师的深入研究
初级到高级:Figma 中的基本原型、* 新变量!*、智能动画、交互式组件、文档
讲师:Christine moonlearning
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将会学到的
- 设置基本的可点击原型以进行展示和测试
- 使用 Figma 进行智能动画
- 交互组件
- 记录和共享 Figma 原型
- 很多提示技巧和隐藏的宝藏
要求
- Figma基础知识
- 免费 Figma 帐户
说明
Figma 原型设计:深入探讨 UX、UI 设计师
通过Figma 原型制作让您的设计充满活力。在本次深入研究中,我们将学习有关创建基本原型、Figma 中的智能动画、可重复使用的交互组件、与变量、表达式和条件语句的令人惊叹的交互以及如何共享和记录的所有内容。
我们将从基础知识开始,学习如何连接屏幕、添加不同的滚动行为、预览我们的设计,以及展示原型的一些提示和技巧。
我们将探索不同的触发器、动画类型以及如何借助 Figma 部分创建有状态的设计。
我们将继续在 Figma 中对神奇部件原型进行智能动画处理。我将向您展示所有智能动画的超能力,我们还将讨论它们的局限性并进行一些故障排除。
然后我们将学习如何使用 Figma 中的交互组件设置微交互。当您在设计中向实例添加标准行为时,这将为您节省大量时间。这也是 Figma 释放其真正令人印象深刻的潜力的地方,即在结合自动布局、智能动画和交互式组件时。
最后,我将向您展示记录和共享切换原型的技巧和技巧 ,并且我们将了解 Figma 中的交互式组件文档以及外部设计系统。
我将为您提供一个Figma 文件,让您可以在视频中跟随我一起观看,或者在您自己的时间返回带有详细说明的练习。
如果您具有Figma 的基本知识,或者您是Figma 的高级用户并希望提高原型设计技能,那么本课程适合您。
原型制作基础知识
- 自 Config 2023 更新以来的新增内容 *新*
- Figma 原型工作区
- 我的原型应该放在哪里?
- 屏幕设备预览
- 固定和可滚动元素(新 Figma 4 月 23 日发布!)
- 固定标题(新 Figma 4 月 23 日发布!)
- 演示文稿的嵌套框架
- 水平和垂直滚动
- 链接屏幕
- 背部动作
- 滚动到
- 叠加层
- 链接到外部页面
- 动作触发器
- Figma 动画选项
- 缓动和弹簧动画
- 部分和状态设计
- Figma 中的流程
- 将视频添加到原型
- 在手机上预览
使用 Figma 进行智能动画
- Figma 中的智能动画
- 智能动画和移动动画
- 智能动画的局限性
- 让我们构建一个智能动画应用程序
- 请记住:制作动画时要牢记目的和代码
交互组件
- 互动组件
- 嵌套交互组件
- 简单的悬停和缩放动画
- 视频互动
- 交互式组件和自动布局
- 漏斗组件
使用变量进行原型设计
- 使用变量进行原型设计*新*
- 与变量的变体交换*新*
- 表达式 *新*
- 交互链 *新*
- 条件语句 *新*
- 条件语句和布尔值 *新*
记录和共享 Figma 原型
- 用流程记录原型
- 共享原型链接
- 记录交互组件以进行切换
- 嵌入外部文档
此课程面向哪些人:
- 如果您具有 Figma 的基本知识,或者您是 Figma 的高级用户并希望提高原型设计技能,那么本课程适合您。