Skip to Content
AI设计助理高效 AI 设计指南

高效 AI 设计指南

Calicat AI 设计原型的特点

Calicat AI 设计助理在基于用户需求设计原型时,设计风格倾向于现代、简洁风格。AI 会倾向于努力为用户设计成套的多个页面。当一次设计输出不完整时会在对话中显示「继续」按钮,点击继续按钮后,AI 会接续完成设计任务。

系统详细上下文资料

和其他大模型 AI 一样,提供详细的上下文资料,能帮助 AI 更准确地识别出用户需求,完成设计任务。

你可以将图层设计、需求卡片、图片添加为附件,让 AI 基于这些信息能准确理解任务。

你也可以通过在对话中用自然语言提到某个页面或某个需求卡片,AI 也能主动尝试获取相应的设计和需求数据。

自定义设计指引

将特别的设计指引创建为需求卡片,并在每次 AI 新的对话时添加需求卡片附件,AI 将在接下来的对话中尝试使用这些指引。

Tips:在指引中开头增加「此文档用于指引你后续的内容输出和原型设计,请在 System Prompt 基础上遵循以下规范:」

让 AI 识别手动的编辑

AI 设计助理会基于对话的上下文历史前提下完成新的设计任务。如果你在 AI 设计的原型基础上做了手动修改,AI 是无法在对话里是消息里准确识别出你的意图的。

将修改后的设计添加到对话消息中,AI 才能察觉编辑变化,进而在新的修改基础上完成设计任务。你可以通过两种方式让 AI 识别你的意图:

  1. 添加修改后的页面作为附件,并告诉 AI 附件是你修改后的页面设计,新的设计任务要基于此修改生成。

  2. 在对话中告知 AI xxx 页面做了修改,先获取 xxx 页面最新的设计数据,再在此基础上完成新的设计任务。此时 AI 会调用工具获取响应页面的设计数据。

为什么 AI 没有遵循我的指令

同样的原理,AI 基于和你的历史对话生成设计结果,本质上 AI 大模型是基于已有的信息,预测结果。所以,如果你和 AI 已经有了很多历史对话,然后对某个页面做了细节调整,如果只是告诉他 某个页面调整了细节,AI 可能无法准确识别到你想要要求他遵循的修改。

比如你修改了页面上一个按钮的颜色,然后作为附件给 AI,让 AI 基于此设计新的修改或新的页面,然后发现 AI 没有遵循你的修改使用新的颜色。 这种情况,你需要更详细地描述你的修改,以及你希望 AI 在接下来设计中应该遵循的修改。比如告诉他主按钮的颜色在之后的设计中改为绿色。

页面设计尺寸

AI 根据用户的需求内容,会推断用户要设计移动端还是桌面端,为了更加明确得到想要的设计样式,你可以直接告诉 AI 设计多大宽度的页面。