Figma HTML CSS JavaScript 在网页设计和 UI UX 设计中的应用
Figma HTML CSS Bootstrap 中的响应式设计结合用户界面设计和用户体验设计原则
讲师:Boroji Design Inc.
双语IT资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
您将学到什么
- 通过一门课程学习 UI UX 设计和前端编码
- 将 Figma 组件转换为实时 HTML 和 CSS 组件
- 掌握 Figma 自动布局与 CSS Flexbox 和 CSS Grid 的结合
- 在 Figma 中设计多维变体
- 使用 Figma 插件实现设计系统自动化
- 使用 Bootstrap 5 网格系统开发响应式布局
探索相关主题
- Web 开发
- 发展
要求
- 无需任何 HTML、CSS、JavaScript Bootstrap 知识
- Figma 的免费版本就足够了。但是 Figma 中有一小部分需要 Figma Pro 许可证
描述
从 Figma 到编码,一站式完成
- 在 Figma 中设计所有内容并使用 HTML CSS JavaScript 进行编码
- 通过学习如何利用插件成为 Figma 高级用户
- 掌握行业标准UI UX设计标准
- 无缝检查并构建 Figma 组件以进行开发交接
- 成为懂设计、懂代码的独角兽UI UX设计师
- 使用 Figma 作为视觉设计师实现品牌风格指南的自动化
- 使用 Figma Auto Layout 创建复杂的网页设计布局并使用纯 CSS Grid 和 Flexbox
- 将 Photoshop 转换为 HTML 标记并使用 CSS 进行样式设置
- 使用原生 JavaScript 转换 SVG
- 触发 JavaScript DOM 事件并使用 JavaScript 控制 CSS 动画
- 学习使用 CSS 过渡和动画进行交互设计
- 使用 Bootstrap 5 网格系统开发可用于生产的响应式设计
Udemy 学生评论摘要:
- Zoe Chin — “Hossein 的教学非常连贯。我完全是编码新手,一直对代码感到畏惧,但这些课程帮助我轻松理解了 UX 开发中的新概念,我敢说我非常喜欢学习。谢谢!:)”
- Ebru Aksoy — “很棒的课程!我已经对 Web 开发的编码方面有一些了解,但我觉得我需要一些 UX/UI 方面的知识,所以我最终选择了 Hossein 的课程,我非常高兴!他扩展了我的想象力,尤其是 SVG 部分和最后的 10 个伟大的项目。我还通过他精心设计的教学风格提高了我的 CSS 和 JavaScript 技能。在从事其他项目时,我一定会保留我从这门课程中获得的笔记。我绝对推荐。非常感谢,Hossein”
- Omar A — “我希望我能选这门课程,而不是在其他课程上浪费那么多时间。对于一个试图学习 UX/UI/前端的人来说,这真是太棒了。课程结构和流程非常合乎逻辑。如果可以的话,我会给十颗星。谢谢 Hossein 先生。”
- Maria Beatriz — “我真的很喜欢这门课程。这是我在 Web 开发和 UX/UI 方面学过的最好的课程之一。内容简单、原创,而且非常有用。你一定要试试!”
- Darian Brandt — “我喜欢简单、图形化且令人难忘的 UI 和 UX 设计笔记,它们教会了我一些我甚至不知道需要知道的东西。整个课程非常容易理解,但深度却出奇地深。我学到的东西比我预期的要多得多,谢谢”
- Prem Sager — “这真是太棒了,是所有前端开发人员必修的课程。UX部分经过了深入的研究和呈现。HTML 是一个很好的复习内容。完成了 CSS 和 JS 部分,这些内容非常棒,确实提升了我的技能。”
- Jayed Mahmud — “我想学习与网站设计相关的编码,这门课程很好地实现了这一点。这门课程从可视化开始,非常精彩。我仍在继续学习,但到目前为止,这是一门很棒的课程。谢谢。”
- Ebe David Temiloluwa —“在这门课程中,我了解到了以前在项目中从未遇到过的前端开发设计。如果你正在寻找使用优秀 CSS 和 JavaScript 制作的新型设计,那么这门课程非常适合你。”
- Jeisson Zambrano — “这门课程正是我来这里寻找的。解释很清晰,并侧重于 UX/UI 开发的商业视角。”
- Pratham Bhatter — 这肯定是Udemy 上最好的 UI UX 课程之一。你不仅可以学习 UI UX 的基础知识,还可以为 Web 设计和前端开发打下良好的基础。作为一名讲师,Hossein 在解释概念方面做得非常出色,他提供的精美笔记也非常有用。我绝对会向对 UI UX 设计和开发感兴趣并希望在该领域打下坚实基础的人推荐这门课程。谢谢 Hossein 🙂
本课程适合哪些人:
- 想要无缝开发 Figma 组件的 Web 开发人员
- 想要学习如何使用 HTML、CSS、JavaScript 进行编码的 UI UX 设计师
请注意:
如果你有能力,请务必支持课程的原创作者,这是他们应得的报酬!
本站收取的费用,仅用来维持网站正常运行的必要支出,从本站下载任何内容,说明你已经知晓并同意此条款。
如果你有能力,请务必支持课程的原创作者,这是他们应得的报酬!
本站收取的费用,仅用来维持网站正常运行的必要支出,从本站下载任何内容,说明你已经知晓并同意此条款。