最近老被问到:AI设计到底能不能用在真实项目里? 但大多数内容还是停留在“生成一个页面”“一句话出 UI”这种演示层面。
如果换成真实项目需求,AI还能不能用?
这篇文章我们不讲虚的,直接拿三个不同类型的产品做测试:
三类产品全部用主流 AI 设计工具(
这里用的墨刀 AI
)跑完之后,感受到 AI 是真能干活儿了,但怎么干、干到什么程度,面对不同的产品类型也会有一些细微的差别。
先从最常规的 APP 开始,这次测试用了一个很常见的需求做测试:做一个类似餐饮外卖和生活团购的 APP。输入给 AI 的提示其实很简单,几乎是很随意的一句话,让它做一个类似美团的 APP,主要页面是首页浏览到外卖点单的流程。
还没等来界面,先等来了 AI 的一连串反问,跟个较真的实习生似的询问 APP 首页更偏推荐还是分类,主要的下单模式是偏外卖还是到店团购,需不需要体现会员体系等等。这种“先确认需求”的方式,像个正经干活儿的搭档。
确认完之后,AI 给出了5个 APP 界面,第一观感:
干净、规整、能用。
挑不出大毛病,从首页刷到下单,流程严丝合缝。虽然和平时的设计相比,没有特别惊艳的点,但也没什么明显问题。页面结构也比较克制,属于那种“不会出错”的方案。
如果老板希望早点看到页面雏形,拿去做第一版评审其实已经够用了。当然这些页面还有很多不足,比如营销活动这些基本没展开,页面风格偏通用,没什么差异化。但能继续修改,也可以导出手动编辑,相当于把我们百分之六七十的工作做掉了。
数据可视化大屏在产品设计中,其实跟 APP 或者后台这种类型不太一样,它更考验三个方面:
所以这次测试时,我用了「
图片生成原型
」的方式,找了一个参考图丢给 AI。提示词大概是:结合参考图中的可视化大屏,制作一个风格类似、内容和功能丰富的节能减排可视化大屏。
AI 接到需求后先是做了
搜索调研
,查询最新可视化大屏设计案例、UI 组件库以及最佳实践的一些资料,了解风格、交互设计等信息。接着整理好这些信息,结合参考图的页面布局和设计风格,最终生成了一个深蓝色高科技数字座舱风格的数据大屏。
它的动态图表布局和参考图还原度很高,但仔细看的话,有些数据之间关系不强,逻辑有点乱,谁主谁次分得不清。
第三个案例测试的是智能手表。这个算是比较极端一点的场景了,因为它涉及
小屏适配、操作方式(滑动 / 点击)和场景化交互
。很多 AI 设计工具做一些 APP、小程序、Web官网或者 B 端后台都挺熟练的,但是小众的一些 HMI 触摸屏或者这种智能穿戴界面设计,AI 工具就吃不消了。
这次测试中,我给的需求大概是:设计一个智能手表,包含所有常见的基础页面,比如健康监测、运动看板等界面。对于这种一句话或者较为模糊的需求,AI 果然还是又反过来询问了几个问题,确定了智能手表的场景定位,界面的整体视觉倾向和需要重点涵盖的核心模块。
紧接着就开始生成界面,不到2分钟最终生成了
8个智能手表界面
,包含了多个核心模块,比如健康看板、运动中心、应用生态等等。界面设计遵循了快速查看、少操作的核心,风格设计也比较不错。
最让我没想到的是,它生成的居然是可交互的Demo!侧边按钮能切页面,甚至能模拟上滑调出健康指标。这点挺惊喜,不像某些工具只给张死图。但也有不足,比如运动中、日常查看,这些状态差异,它基本没有体现。
这一轮测下来,AI 的能力已经发展到可以设计高保真、多页的交互界面了。产品经理和设计师的工作方式在慢慢变化,有越来越多人开始把 AI 用到日常工作中。但是这也让我们更重视,怎么定义需求、怎么判断方案了,“怎么做决定”反而是更重要的能力。