使用方法

如何开始使用 Galileo AI

访问 Galileo AI 官方网站后,你需要注册一个账户。目前平台支持通过电子邮件或 Google 账号直接登录。首次登录会进入一个引导界面,系统会询问你的设计经验和使用场景——例如移动端应用、网页界面或仪表盘设计。根据你的选择,Galileo 会推荐对应的预设模板。主界面左侧是工具面板,中间为画布,右侧则是属性调整区。在开始生成之前,建议先花一分钟浏览模板库,了解平台对组件和布局的基本命名规则。

核心操作流程:从文本到设计

Galileo AI 的核心使用方法是通过自然语言描述来生成 UI 设计。在画布上方的输入框中,用英文或中文输入你想要的界面描述。例如“一个深色模式的登录页,包含邮箱和密码输入框,底部有忘记密码链接”。输入后点击生成按钮,系统会在 10 到 20 秒内输出一组设计稿。你可以选择其中一张作为基础版本,之后继续用文字指令进行修改。比如输入“将按钮颜色改为渐变的蓝色”,Galileo 会局部更新而不影响其他元素。值得注意的是,描述越具体,生成结果越接近预期。如果你需要多个页面,可以逐个页面生成并保持设计系统的一致性。

精确调整元素属性与层级

除了文字指令,Galileo 也支持鼠标直接操作画布上的组件。点击任意元素,右侧属性面板会显示该组件的具体参数:尺寸、边距、颜色、圆角、字体、阴影等。你可以像使用传统设计工具一样拖拽调整位置或修改数值。对于更复杂的层级关系,平台提供了类似 Figma 的图层列表,允许你重新排列元素的堆叠顺序或创建编组。当多个页面需要共享同一个组件(例如导航栏)时,你可以将其转换为“设计元件”,后续修改该元件会同步到所有引用它的页面。这一操作在属性面板的“组件”标签下完成。

利用组件库与设计系统加速工作流

Galileo 内置了一套基于 Material Design 和 iOS 规范的组件库,包含按钮、输入框、卡片、列表、弹窗等常用元素。在左侧面板的“组件”分类中,你可以直接拖拽这些组件到画布上,然后通过文字指令或手动调整来匹配品牌风格。更高效的做法是:先生成一个包含品牌色、字体和间距规范的设计系统。具体步骤是点击工具栏上的“设计系统”图标,上传品牌色板图片或手动输入十六进制色值,并选择字体家族。之后所有生成的页面都会自动应用这套规范,无需重复调整。如果你需要导出设计稿,支持 PNG、SVG 和 Figma 文件格式,导出时可以选择保留图层结构。

协作与版本管理的基础用法

对于团队协作,Galileo 允许你邀请成员加入项目。在项目页面点击右上角的“共享”按钮,输入成员的邮箱并设置权限(查看或编辑)。每个成员对页面的每一次修改都会自动保存到云端历史中。你可以通过左上角的版本列表查看所有历史版本,并随时回退到任意一个时间点。这一功能在多人同时编辑时尤其有用,避免了覆盖风险。另外,如果需要将设计稿分享给开发人员,可以生成一个公开的链接,对方无需登录即可在浏览器中查看并点击元素获取 CSS 属性。这些属性包括宽高、颜色、字体大小等,可以直接粘贴到代码中。