:::info 点击下方链接关注 58 同城设计部
:::
首先要明确想让 AI 帮助完成 UI 设计整个流程中的哪些环节。如 Midjourney 那样直接产出完成度极高、略微修改就可以使用的图像不太现实。我们可以给绘画作品分类，规定风格、流派、类型，但无法给 UI 设计设定类似的规范。
从方案到最终成稿交付，环节中各个功能的设置、按钮的设计、交互的形式、动效的安排，都需要结合业务需求、考虑用户体验，具有极强的不确定性，不同类型产品之间也存在很大的差异。 如果我们尝试用 Midjourney 等绘图工具生成，画出来的东西只能看看布局、框架、情绪板，有时候还会画出一些过于炫酷，实际上根本没办法落地的效果。 所以目标是，让 AI 帮我们完成前中期的页面结构探索、框架搭建，并提供部分可参考的组件。
## ##
先简单试一下“生成整套页面”的效果，选生成速度更快的 JS-UIbotics 模型。
输入描述语：**生成一个出行 APP**
等待几十秒就得到了如下 4 个页面：- 首页：金刚位包含了多种出行方式，还展示了天气情况；
- 酒店预订：可以根据入住城市、时间查找房源，下面还有推荐的酒店；
- 行程列表：展示了推荐路线、用户评价、热门旅游目的地
- 行程详情：体现推荐路线的基本信息和亮点
- 登录页中登录方式包括手机号登录、微信登录
- 首页中包含推荐书籍、热门书籍等
- 阅读页中展示阅读器及阅读器操作按钮
- 书籍详情页中示例书籍为余华的《第七天》
- 我的页中展示阅读历史、订单、阅读数据统计等内容
创意参考：AI 设计工具能够利用智能算法快速生成多样化的页面结构与布局，激发设计师的灵感，拓展创意的可能性。
辅助沟通：AI 能在项目初期提供多样参考，帮助团队成员高效沟通、确定方向。
效率提升：即时 AI 提供的不仅仅是一个参考、一个示例、一个只能看看而已的图片，它生成的是多张逻辑相关、可编辑、分层结构清晰、主题色彩可控的页面，使用 JS-UIbotics 模型创作的页面还包含了部分原型设计。总的来说，是一个完整度很高的参考方案。
总而言之，与 Midjourney 等工具直接提供图像素材不同，AI 在 UI 设计领域的应用更多是对流程的优化、对现有团队协作效率的提升。让 UI 和 UX 设计师们可以将更多精力放在研究用户和研究业务上，去提升我们解决问题、给出合理方案的能力，这些才是最重要也最核心的。「即时 AI」官网：https://jsai.cc/ai/create
若有收获，就点个赞吧
0 人点赞
