Google Stitch 教程：使用 AI 构建和 UI 设计应用程序课程

MP4 |视频：h264，1920×1080 |音频：AAC、44.1 KHz、2 Ch
级别：所有级别 |类型： 电子学习 |语言： 英语 |时长：23堂讲座（1小时38分钟）

你将学到什么

• 如何从头开始设置和导航 Google Stitch
• Google Stitch 是什么以及它如何融入现代 UI 设计工作流程
• 如何使用 Stitch 以及 HTML、CSS 和 JS 概念构建您的第一个项目
• 如何使用 Google Stitch 中的 AI 设计和编辑应用界面
• 如何将文件上传到 Canvas 并管理您的设计工作区
• 如何自动生成多个设计变体
• 如何在几分钟内创建即时原型
• 如何使用重新生成、谓词热图、缺失状态和动画

您有一个应用创意。你可以想象它应该是什么样子。但每次你坐下来设计它时，你都会碰壁——太多的工具、太多的代码、太多的猜测。

到此为止。

此 Google Stitch 教程将带您从零开始，打造一个完全设计的、由 AI 驱动的应用 UI，无需设计学位或多年的编码经验。 Google Stitch 正在改变设计师、开发人员和创始人构建应用界面的方式，本课程将让您走在这一转变的前沿。

Google Stitch 是 Google 的人工智能优先 UI 设计工具，可让您描述您想要的内容并观看它变为现实。它不仅仅是另一种设计工具。它与 AI 配合生成 UI 布局、原型、动画，甚至可用于生产的资产 — 所有这些都在一个工作区中。当您将其与 Google 反重力和振动编码结合使用时，您可以比以往更快地将想法转变为工作原型。

在这个谷歌缝合课程中，您将从基础知识开始。您将正确设置 Google Stitch，了解它是什么以及它现在为何重要，然后直接开始构建您的第一个实际项目。没有长理论部分。无填充物。从第一堂课开始就只是动手实践。

从那里，您将开始使用人工智能设计您的应用。您将学习如何编辑设计、将文件上传到 Canvas、生成多个设计变体、创建即时原型以及使用谓词热图、缺失状态和 Animate 等高级功能。这些是大多数人自己永远无法弄清楚的功能 – 它们是基本 UI 与精美专业 UI 的区别。

然后课程就更进一步了。您将为 App Store、网络和营销创建资产。您将学习如何正确共享和导出文件。然后，您将使用 Google Stitch 和 Google Antigravity 进行氛围编码——这是一个强大的组合，可让您几乎毫无障碍地将您的设计转化为工作代码。

本课程以最终项目和对您的设计的可访问性审核结束 – 因为现实世界的应用程序需要适合每个人，而了解如何检查您的设计是否存在可访问性问题是大多数设计师都会跳过的一项技能。

这不仅仅是理论。每个部分都是围绕您实际要做和使用的事情构建的。完成本课程后，您将获得一个完整的 UI 设计应用项目、一组实际资产，并有信心承担客户工作、个人项目或产品发布。

如果您是想要进入 Web UI 设计的初学者、想要停止在每个屏幕上依赖设计师的开发人员、构建自己产品的创始人，或者想要使用 AI 工具更快地工作的设计师，那么本课程就是为您量身打造的。

这些工具是免费的。技能需求旺盛。阻碍您和您的第一个人工智能设计的应用程序 UI 的唯一障碍就是这门课程。