AI绘图工具的展示,往往用一张漂亮结果吸引我们。但真正使用时,更多时间花在修改描述、比较版本、等待处理和找回旧图上。dpopstudio在11月11日介绍的ImazAi是一套图像生成界面UI Kit,包含桌面与移动方向的设计展示,而非可直接验证能力的生成产品。我们借这套作品聊聊创作工具的页面组织:怎样让输入、结果、历史和设置各有位置,既看得见作品,也找得到继续工作的入口。文中的应用场景是设计推演,不是对该产品进行功能实测。
这类工具的页面很容易堆满能力:模型选择、风格预设、比例、参考图,还有各种高级参数。每一项单独看都有道理,放在一起却可能让生成结果缩成中间的一小块。对创作类B端界面设计来说,第一步不是把所有能力排整齐,而是明确这一刻的主要任务是什么。
原文ImazAi UI Kit展示图:界面套件与多页面视觉方向,不代表已上线产品。
假设使用者刚完成一轮生成,页面此时最重要的应是查看和比较结果。描述输入可以保留,但不必始终抢占同样大的面积;不常调整的参数可以收在可展开区域。反过来,在第一次提交之前,输入区应当更容易发现。相同功能在不同阶段可以有不同的视觉权重。
因此,我们看这套UI Kit时,更关注深浅背景、卡片间距和结果区域怎样形成层次。界面颜色最好帮助人辨认当前选中项,不要和作品自身争夺注意力。尤其当结果包含很亮或很暗的画面时,容器边界、选中描边和工具按钮都需要保持稳定,不能只用一张展示图判断是否合适。
创作过程通常不是“输入一次,得到最终答案”。使用者会改一句描述,换一个比例,再用相同方向继续试。若所有结果只按时间堆在一条长列表里,等到需要回头比较,就很难知道哪几张属于同一轮尝试。看起来丰富的历史页,也可能没有真正帮助找回作品。
原文展示:桌面与移动界面组合。本文对历史版本的讨论为独立应用分析。
我们可以设想一个更便于回看的组织方式:保留每轮输入与对应结果的关联,再把从某张图继续变化的版本放在附近。这样使用者既能看缩略图,也能在需要时展开参数。没有必要把所有细节压到卡片上,关键是让结果之间的关系可以被找回来。
比较模式也不只是把两张图放大并排。选中的版本应当保持一致比例,便于查看构图;当参数不同,可以在旁边指出变化项,而不必让人逐行对照。对经常进行多轮尝试的工具来说,这种连续性很容易影响日常使用感受,值得在原型中独立走一遍。
历史记录里还可以保留一个简单的收藏或归组动作。使用者挑出值得继续的方向之后,应当能从这些结果重新开始,而不是只能向下翻整条时间线。对长期积累素材的创作团队来说,找回一张旧图的路径,也应当属于工作台的核心体验。
展示页通常停留在结果最完整的时刻,工作台却必须面对等待。下面这张补充概念图把已完成、处理中和失败任务放在同一队列里,是为了说明状态之间怎样保持位置和可理解性。图中的进度和内容均为示意,不是任何工具的真实运行数据。
AI概念示意:独立设计的生成任务队列,非ImazAi原作截图,非上线产品。
在一个假设的多人创作工作台中,排队与实际处理应当有所区分。如果系统没有可用的剩余时间,就不要给出看似精确的倒计时。失败时则应保留原输入和参考材料,帮助使用者判断能否重试,而不是把整项任务从列表中消失。
还可以进一步推敲离开页面后的连续性:任务是否继续,回来后从哪里看进度,重新提交会不会建立另一项任务。设计稿不必替技术作承诺,但要把这些问题展示出来供团队确认。界面交代得越清楚,使用者越不需要靠连续点击来试探系统是否收到指令。
ImazAi的展示还包含移动页面。把桌面工作台放进手机时,最明显的变化是可同时看到的信息变少了。原来可以左右并排的描述、图片和参数,在手机里往往需要分成前后步骤。此时,如果仍沿用桌面工具栏的顺序,重要入口可能会被挤到很远的位置。
原文移动端展示:生成、编辑、账号等页面的组合,具体功能以原作描述为准。
例如,选中一张结果后,常用的保存、继续变化和返回比较,可以围绕当前图片安排;详细参数则放到可展开区域。切换回来时,应保留图片位置和输入内容。这里考验的是操作连续性,而不是某一种固定导航形式,底部栏和侧边抽屉都要根据具体任务判断。
账号、用量和设置也不能因为不够好看就被省略。它们决定使用者是否理解当前权限和资源消耗,但不需要一直占据创作中心。我们更愿意在接近相关操作的位置解释必要信息,再提供完整详情入口,让创作页面保持安静,同时让重要规则能够被找到。
这套作品带来的启发,是把图像生成当成一段持续工作,而不是一个按钮的展示。输入、比较、回看、等待和再次修改之间,存在许多需要界面承接的小步骤。设计创作工具时,把这些过程整理顺畅,往往比再增加几张炫目的结果图更值得反复琢磨。