We may earn an affiliate commission when you visit our partners.
Course image
恒恒 战神

在這裏你可以學習到全面系統的Figma幹貨知識。無論你是想進入交互設計領域的純小白,還是已經有設計基礎想要學習新工具的設計界精英,或者是僅僅覺得Adobe系列太煩太羅嗦,學習這門課都是你的不二之選!

Figma集精簡、輕便、雲存儲及雲端合作於一身,兼具視覺設計、交互設計、動效設計等功能,是目前設計界工具的新起之秀,已經漸漸淘汰掉諸多其他工具而成為大廠主流。Figma輕松好上手卻也有很多你不知道的秘密功能,想要系統了解Figma的使用並且實踐學習,就趕緊進入課程吧!

Read more

在這裏你可以學習到全面系統的Figma幹貨知識。無論你是想進入交互設計領域的純小白,還是已經有設計基礎想要學習新工具的設計界精英,或者是僅僅覺得Adobe系列太煩太羅嗦,學習這門課都是你的不二之選!

Figma集精簡、輕便、雲存儲及雲端合作於一身,兼具視覺設計、交互設計、動效設計等功能,是目前設計界工具的新起之秀,已經漸漸淘汰掉諸多其他工具而成為大廠主流。Figma輕松好上手卻也有很多你不知道的秘密功能,想要系統了解Figma的使用並且實踐學習,就趕緊進入課程吧!

  • Figma界面全介紹

  • 從零到一做一個完整的app設計

  • Figma各種酷炫動效

  • 用Figma完成流行視覺

  • 海量設計模板及資源

  • 自動布局、動態組件及各種Figma難點

  • 從小白變成高手

  • 不用猶豫啦,動手學習從今天開始!

Enroll now

What's inside

Learning objectives

  • 系統熟悉figma軟件界面 systematically learn figma interface
  • 手把手完成一個完整app設計 step-by step app completion demonstration in figma
  • 炫酷動效製作 cool figma prototyping skills
  • 流行視覺效果及海量資源 trendy figma graphic styles and tons of design assets
  • 自動布局、動態組件及各種figma難點 figma auto layout, interactive components

Syllabus

了解课程结构
Figma一分钟闪
课程结构
系统熟悉Figma的功能
Read more
Figma的下载
Figma网络版与客户端版
Figma界面(插件位置更新在下一节)

sitemap-graphic-kit 文件:https://www.figma.com/file/xRjwO8mEOfNZJw9hO0Bo6v/sitemap-graphic-kit-nanosborne?node-id=0%3A2

Figma 插件位置更新
Figma导入与导出
Figma社区
Figma工具栏
Figma图层及界面
Figma组件1
Figma团队

wireframing in figma: https://www.figma.com/file/hcSfQeE7FHni51mtxZXCxS/Wireframing-in-Figma?node-id=0%3A1

Figma design panel
Figma自动布局

https://www.figma.com/community/file/888840692399538181/Prototyping-in-Figma

Figma code面板
Figma-快捷键及常用窍门
从零到一设计一个完整的app
Figma - 创建项目
Figma - 项目资源
Figma - 团队协作
Figma - 附加模板资源
更细节地使用Figma功能从而完善设计
Figma -创建画板
Figma - 形状建立
Figma - 图片插入
Figma - 图标绘制
Figma -组件基础
Figma - 文字
Figma功能细节,完成app设计
Figma - 组件2
Figma - 组件3
Figma - 组件4
Figma - 细节
在实际应用场景中学会动效
Figma - prototyping1
Figma - prototyping2
Figma - prototyping3
Figma - 轮播图
Figma - 动效导出

课程中的源文件可点击链接:https://www.figma.com/community/file/1253836609987358629

附加: Figma横向与竖向滑动
细节学习Figma难点:动态组件
Figma组件的运用实例:头脑风暴
Figma组件的运用实例:导航栏
Figma - 动态组件
Figma - 组件变体
学会分享及导出自己的设计
Figma -分享
用Figma做出酷炫视觉
Figma - 圆环饼图
Figma - 毛玻璃效果
总结与祝福
结语

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
系统的介绍了Figma软件界面。
讲解了Figma从零到一完成一个完整的app设计。
Figma的酷炫动效制作技能。
流行视觉效果及海量设计资源。
Figma中自动布局、交互组件和各种难点的介绍。
适合设计初学者、设计进阶人士,以及想要学习新工具的设计师。

Save this course

Save Figma系統中文講解與實踐 to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Figma系統中文講解與實踐 with these activities:
使用 Figma 官方文档和教程
利用 Figma 提供的官方资源,循序渐进地学习软件功能。
Browse courses on Figma
Show steps
  • 访问 Figma 官方网站。
  • 查看分步教程和帮助文档。
  • 按照教程操作,完成练习练习。
参与 Figma 社区讨论
通过与其他 Figma 用户交流,扩展知识并获得不同的视角。
Browse courses on Figma
Show steps
  • 加入 Figma 论坛或在线社区。
  • 提出问题或参与讨论。
  • 分享自己的经验和见解。
复习Figma界面功能
熟悉Figma软件界面,为后续学习打好基础。
Browse courses on Figma
Show steps
  • 观看Figma界面视频教程
  • 下载Figma并熟悉其功能
  • 完成Figma入门练习
Five other activities
Expand to see all activities and additional details
Show all eight activities
练习 Figma 快捷键
熟悉 Figma 常用快捷键,提高设计效率。
Browse courses on Figma
Show steps
  • 查看 Figma 快捷键文档或在线资源。
  • 将常用的快捷键记在便利贴上或制作成速查表。
  • 在实际设计中反复练习使用快捷键。
参加 Figma 线上或线下工作坊
通过参加 Figma 工作坊,深入学习特定主题或技能。
Browse courses on Figma
Show steps
  • 查找并注册符合需求的工作坊。
  • 积极参与工作坊,提出问题并分享见解。
  • 应用工作坊中学到的知识和技能到实际项目中。
学习Figma动态组件
掌握Figma动态组件的使用,提升交互设计能力。
Browse courses on Figma
Show steps
  • 阅读Figma官方文档
  • 观看Figma动态组件教程
  • 使用Figma创建动态组件
  • 创建包含动态组件的设计文件
创建 Figma 原型
掌握 Figma 的原型设计功能,提升交互体验设计能力。
Browse courses on Figma
Show steps
  • 确定需要创建原型的设计。
  • 使用 Figma 的原型模式创建交互。
  • 添加过渡、动画和触发器。
  • 测试原型并收集反馈。
制作 Figma 设计教程
通过制作 Figma 教程,巩固对 Figma 的理解并帮助他人学习。
Browse courses on Figma
Show steps
  • 选择一个具体的 Figma 主题或功能。
  • 撰写或录制教程内容。
  • 添加示例、截图和交互练习。
  • 分享教程并收集反馈。

Career center

Learners who complete Figma系統中文講解與實踐 will develop knowledge and skills that may be useful to these careers:

Reading list

We haven't picked any books for this reading list yet.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Figma系統中文講解與實踐.
零基礎鉛筆素描初學班 - 從入門到精通, 零基礎繪畫, 素描創作全流程教學 (中文) Pencil Drawing
Most relevant
Python 資料分析 - 入門實戰
Most relevant
用 Python 做商管程式設計(三)(Programming for Business Computing in...
Most relevant
超級實用學英語:這樣學英語,才能最有效!
Most relevant
用 Python 做商管程式設計(一)(Programming for Business Computing in...
Most relevant
多益TOEIC聽力文法考點課Part 1 (課程&題庫)
Most relevant
材料力學一 (Mechanics of Materials (1))
Most relevant
CAD/BIM技術與應用專項課程(CAD/BIM Specialization)
Most relevant
工程資訊管理 BIM 塑模
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser