摘要:也许现在还不是时候探讨 UI/UX 设计当中 AI 工具的使用比例有多高,毕竟目前绝大多数的 AI-UI 设计工具还不是那么的成熟。之前 Figma 的 AI 功能就因为太像 iOS 的设计而引发了争论,那么现在情况如何呢?Saadia Minhas 今天的这
编者按:也许现在还不是时候探讨 UI/UX 设计当中 AI 工具的使用比例有多高,毕竟目前绝大多数的 AI-UI 设计工具还不是那么的成熟。之前 Figma 的 AI 功能就因为太像 iOS 的设计而引发了争论,那么现在情况如何呢?Saadia Minhas 今天的这篇文章,基于一个设计主题,快速验证了一下当前基于 AI 的 4 款 UI 设计工具,也许能给你一点参考。以下是正文。
随着 AI 技术的兴起,UI/UX设计已经进入一个新时代。AI 工具让创建令人惊叹且用户友好的 UI 变得更加容易。这些工具对 UX 设计师、产品经理和销售人员同样有用。团队可以在头脑风暴会议中使用这些工具来快速轻松地验证他们的想法。
我编写了文本提示词,并使用完全相同的提示词来测试目前领先的 4 款基于 AI 的 UI 生成工具(Uizard、galileo.ai、UX Pilot、Figma)。我想从质量方面分析它们生成的 UI。让我们一起探索这些工具,看看它们是如何生成我们想要的 UI 的。
提示词:
Design a food delivery app UI. Users should browse food items, filter by cuisine, price, or ratings. They can add items to a cart, place orders, and track delivery. Include an easy checkout process.
设计一款外卖应用的 UI 。用户应浏览食品,按菜系、价格或评分进行筛选。他们可以将商品添加到购物车、下订单并跟踪配送情况。其中包含一个简单的结账流程。
1、UizardUizard 是一款简单易用的工具。它有一个有趣的功能,是能够将手绘草图转换为高保真原型。此功能可让你立即将想法转化为可用的视觉设计。
Uizard 为网页和移动端APP提供了预先设计的模板,方便用户快速上手。
当你刚刚开始使用它的 AI 自动设计的时候,只需要用简单的文本提示词来描述你的项目需求。你还可以从预设的案例参考入手,通过微调这些案例来贴合自己的需求。此外,你还可以选择你所设计的 UI 要适配的硬件平台。
第二步,该工具会要求你选择设计的起点。你可以从现有的屏幕截图、文本提示、URL 或品牌套件(仅限付费版本)开始。
第三步,你可以描述这个项目所需要的视觉样式。可以用纯文本编写,也可以先体验一下已有的范例。如需进一步自定义,你可以从系统提供的筛选器中选择你所偏好的。
单击「生成我的项目」即可根据你的输入开始生成设计。
Uizard 会生成多个供你备选的界面,以原型的形式相互链接的界面。它还会为你提供一些额外的设计方案。不过有一些设计方案在免费版本中是被锁定的,付费会员可用。
Uizard 通过尽可能包含高需求的功能,为项目生成尽可能详细的设计方案。视觉设计也很好。它提供了一个很好的设计起点,你可以在此基础上进行一些自定义,使其成为功能齐全且专业的界面。
用户能够使用简单的文本提示词,在 Galileo.ai 中生成吸引人的 UI 界面。它使得测试设计构想,然后集思广益进一步迭代变得更加容易。这款工具与 Figma 集成,这进一步增强了其功能,使用户可以在熟悉的平台内,完善其 AI 生成的设计。
Galileo.ai 还提供了设计见解和优化建议,确保输出美观,且符合可用性的标准。
这款 AI 工具采用了简单的用户界面,用户可以在其中快速编写与所需设计相关的提示词。你可以选择为移动端设备还是网页创建设计。
Galileo 内置了一个聊天机器人,用于沟通,可以借此确认其对提示词的理解。它在生成设计之前,会提供了将要生成的 UI 界面和功能的摘要。你必须明确确认这一点,以便 AI 可以开始生成,这是避免对需求产生误解的好方法。
Galileo 在短时间内生成了上述界面。
Galileo 生成的 UI 设计外观美观、整洁,并涵盖了详细的用户流程。通过更新提示词,可以进一步增强功能。你可以将此设计带到 Figma 当中,并进行二次编辑和调整。
总体上来看,Galileo 似乎是在探索和设计过程的初始阶段,验证你的想法的绝佳工具。
UX Pilot 采用数据驱动的方法进行 UI 设计。它将 AI 线框图和原型设计,以及分析驱动的建议,结合到了一起。这项独特功能使设计团队能够根据数据创建以用户为中心的设计。
UX Pilot 提供了易于使用的 UI 界面,你可以在其中编写文本提示词来描述所需的设计。
UX Pilot 生成的 UI 设计是极简设计的一个很好的案例,生成的结果看起来更接近真实的 APP 。你可以通过强化提示词为设计添加更多细节。
4、FigmaFigma 毫无疑问是领先的 UI/UX 设计和协作平台,Figma 与 AI 的整合,进一步增强了它的功能。Figma 的 Ai 功能经历了若干次的迭代和修改,目前才算稳定下来。
你同样可以编写文本提示词,然后在 Figma 内生成相关的设计。这个过程更简单,生成的设计可以作为一个有用的起点。当然,作为 UI/UX 协作工具,Figma 提供了较为灵活多变的编辑功能,因此用户可以在同一编辑器中轻松地优化和自定义生成的设计。
Figma 在几秒钟内生成所需的 UI 设计。
Figma 生成的设计是一个很好的设计起点,它不是从空白屏幕开始,而是给你一个想法,让你从某个地方开始并进一步完善。
总而言之,Uizard 生成了更为详细的功能和对应的设计,Galileo 提供了视觉吸引人的设计,UX Pilot 使用接近真实功能的简约设计,Figma 允许你完全自定义最初生成的概念。
这些工具是 UX/UI 设计流程的一个很好的补充,可帮助你快速将想法变为可视的设计,并在开发之前对其进行完善。这些工具对非设计师(包括产品经理和开发人员)也很有帮助,他们可以快速将自己的想法转化为视觉设计并探索不同的选择。
来源:梦想精通设计