首页 > AI > AI百科> 正文

即时设计怎么用教程

佚名 整合编辑:太平洋科技 发布于:2025-10-08 11:17
由华为云驱动

即时设计作为国内首款基于AI的自然语言生成UI设计工具,凭借其零代码、高效率、强协作的特性,已成为设计师、产品经理及开发团队的得力助手。本文将从基础操作到进阶技巧,系统讲解即时设计的核心使用方法。

即时设计作为国内首款基于AI的自然语言生成UI设计工具,凭借其零代码、高效率、强协作的特性,已成为设计师、产品经理及开发团队的得力助手。本文将从基础操作到进阶技巧,系统讲解即时设计的核心使用方法。

一、快速启动与界面认知

打开即时设计官网,注册后即可进入工作台。界面分为四大功能区:

1. 顶栏:集成文件管理、分享协作、预览模式及保存状态提示

2. 左侧面板:包含页面目录、图层管理、组件库及AI工具入口

3. 画布区:核心创作区域,支持无限画布扩展

4. 属性面板:动态显示选中元素的参数设置

首次使用时,建议通过「模板中心」选择电商、社交等场景模板快速上手。例如创建移动端原型,可直接选用预设的375×812像素画板。

二、AI生成设计实战

即时设计的AI功能通过两大模型实现差异化设计:

- JS-INNO模型:擅长创意发散,输入「生成二次元风格音乐APP首页」即可获得4种风格迥异的设计方案,包含动态插画、渐变配色等创新元素

- JS-UIbotics模型:专注规范生成,输入「教育类小程序课程列表页,需包含课程封面、标题、进度条」可快速产出符合设计规范的组件化界面

操作技巧

1. 随机灵感生成:输入「/」或点击骰子图标获取系统推荐描述

2. 二次编辑:生成的矢量图层支持直接调整文字、替换图标

3. 版本管理:生成结果默认保存3天,建议存入云端项目库

三、交互原型搭建

通过「原型模式」可实现复杂交互:

1. 基础跳转:选中按钮图层,拖拽至目标画板生成点击交互

2. 动画设置:在过渡动画选项中选择「溶解」「滑入」等效果,如设置页面从右侧滑入

3. 智能组件:利用「变体功能」创建可切换状态的导航栏,通过「组件状态」设置悬停/点击不同样式

案例演示

设计电商详情页时,可设置「加入购物车」按钮的交互链:点击→弹出数量选择框→确认后跳转至订单页,整个流程通过连线模式直观呈现。

四、团队协作与交付

即时设计提供全流程协作支持:

1. 实时评审:通过分享链接设置「可评论」权限,团队成员可直接在设计稿上标注修改意见

2. 开发交付:在预览模式开启「标注输出」,自动生成CSS代码、间距参数及切图资源

3. 版本控制:历史记录功能支持回滚至任意修改节点,配合「创建分支」实现多方案并行开发

五、效率提升秘籍

1. 快捷键组合:Ctrl+D复制元素、Ctrl+G编组、Ctrl+Shift+C复制样式

2. 设计系统:建立颜色/文字样式库,全局修改只需调整主样式

3. 资源复用:从资源广场下载29K+设计元素,支持一键拖拽使用

4. 多端适配:通过「响应式调整」功能,自动适配不同设备尺寸

即时设计通过AI技术与协作体系的深度融合,正在重新定义数字产品设计的工作流程。从灵感生成到最终交付,设计师可在这个平台上完成全链路创作,真正实现「所说即所得」的设计革命。

佚名
AI 手机 笔记本 影像 硬件 家居 商用 企业 出行 未来
二维码 回到顶部