【Udemy中英字幕】Figma HTML CSS JavaScript in Web Design and UI UX Design
最近更新 2024年11月11日
资源编号 33394

【Udemy中英字幕】Figma HTML CSS JavaScript in Web Design and UI UX Design

2024-11-11 Udemy 0 601
郑重承诺丨视频 中英文字幕 配套课件
增值服务:免费提供代找课服务:
¥ 42.9 金币
VIP折扣
    折扣详情
  • 体验会员

    免费

  • 包月会员

    免费

  • 包年会员

    免费

  • 永久会员

    免费

开通VIP尊享优惠特权
立即下载 升级会员
微信扫码咨询 微信扫码咨询
进入TA的商铺 联系官方客服
信息属性
详情介绍

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 设计师
请注意:
如果你有能力,请务必支持课程的原创作者,这是他们应得的报酬!
本站收取的费用,仅用来维持网站正常运行的必要支出,从本站下载任何内容,说明你已经知晓并同意此条款。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务