AI 对 UI 的影响,不只是让设计变快了

用户头像
成都/艺术工作者/65天前/412浏览
AI 对 UI 的影响,不只是让设计变快了
这两年,AI 对 UI 设计最明显的影响,是“快”。
以前做一个页面,需要找参考、画线框、搭组件、补状态、做视觉,再一轮轮修改。现在很多事情,AI 几分钟就能给出一个结果。
输入一句需求,可以生成页面;
上传一张截图,可以还原界面;
写几句话,可以直接生成前端 Demo;
甚至连图标、插图、文案、空状态都可以一起完成。
于是,一个越来越现实的问题摆在 UI 设计师面前:
当 AI 已经会“画界面”,UI 设计师还需要做什么?
我觉得,答案不是 UI 不重要了。
恰恰相反。
AI 正在把 UI 设计,从“画页面”,推向更上游的“设计系统与交互逻辑”。
一、AI 首先淘汰的,是 UI 设计中的重复劳动
AI 对 UI 的影响,不只是让设计变快了(图ZMTU4NDI2NDA=) - 观点 - 站酷设计师Aiminnotes原创素材 - 站酷ZCOOL
收藏
过去 UI 设计里有大量工作,其实并没有太高的创造性。
比如:
批量调整间距、统一圆角、替换图标、补充页面状态、生成相似页面、整理组件、制作简单运营图、寻找视觉参考……
这些工作占用了设计师大量时间,但真正决定产品体验的,往往不是这些操作本身。
AI 出现以后,这部分工作会越来越自动化。
以后可能不再是:
“我要画 20 个后台页面。”
而是:
“这是产品规则、组件规范和业务结构,请按照已有设计系统生成这 20 个页面。”
设计师做的事情,从一个页面一个页面地搭,变成了:
定义规则,然后让 AI 执行规则。
这其实和设计系统的发展方向非常像。
以前我们建立组件库,是为了减少重复设计。
未来我们建立的,可能不只是组件库,而是一套 AI 可以理解和执行的“设计语言”。
包括:
组件什么时候使用;
什么情况下显示弹窗;
什么状态使用红色;
表格超过多少字段如何处理;
什么情况下需要二次确认;
空状态应该如何表达;
权限不足时如何反馈。
这些东西,以前存在设计师脑子里。
未来必须被结构化。
因为只有被结构化,AI 才能真正帮你完成设计。
二、UI 的核心正在从“页面”变成“状态”
AI 对 UI 的影响,不只是让设计变快了(图ZMTU4NDI2NDQ=) - 观点 - 站酷设计师Aiminnotes原创素材 - 站酷ZCOOL
收藏
传统 UI 设计有一个很明显的特点:
我们习惯以“页面”为单位思考。
首页、列表页、详情页、设置页、个人中心……
设计稿也是一个 Frame 接着一个 Frame。
但是 AI 产品正在改变这种逻辑。
因为 AI 的输出不是完全确定的。
同一句话,不同用户可能得到不同结果;
同一个任务,不同阶段可能出现不同内容;
系统可能思考、调用工具、执行任务,也可能失败、中断或者等待用户确认。
这意味着未来设计师面对的,不再只是几个固定页面。
而是一连串动态状态:
等待、理解、生成、执行、确认、成功、失败、重试、中断、恢复……
例如以前做一个“报销”功能,我们可能设计:
填写报销单 → 提交 → 审批。
但在 AI Agent 中,用户可能只说一句:
“帮我把上周去上海出差的费用整理一下。”
后面发生的事情可能包括:
读取行程、识别发票、匹配消费记录、判断费用类型、发现缺少发票、询问用户、生成报销单、等待确认、提交审批。
这已经不是传统意义上的几个页面。
它更像一个持续运行的任务。
所以未来 UI 设计师需要具备一个非常重要的能力:
设计状态,而不仅仅是设计页面。
三、AI 会让“聊天框”变多,但 UI 不会只剩聊天框
AI 对 UI 的影响,不只是让设计变快了(图ZMTU4NDI2NDg=) - 观点 - 站酷设计师Aiminnotes原创素材 - 站酷ZCOOL
收藏
第一代 AI 产品有一个非常明显的特征:
一个输入框。
用户输入问题,AI 返回答案。
于是很多产品开始把 AI 等同于聊天。
加一个聊天框,好像就完成了 AI 化。
但真正复杂的产品很快会发现,仅靠聊天解决不了所有问题。
尤其是在企业级产品里。
比如财务、ERP、CRM、数据分析、项目管理。
用户不可能通过几十轮聊天去完成所有操作。
因为有些信息更适合:
表格查看;
图表比较;
卡片浏览;
表单修改;
时间轴追踪;
流程图理解。
所以未来的 AI UI,很可能不是“聊天界面取代传统 UI”。
而是:
自然语言 + 传统 GUI + 动态生成界面共同存在。
用户可以告诉 AI:
“把华东区过去三个月销售下降超过 20% 的客户找出来。”
AI 理解意图以后,不应该返回一大段文字。
更好的方式可能是直接生成:
一张趋势图;
一个客户列表;
几个异常标签;
以及“查看原因”“联系客户”“生成跟进计划”等下一步操作。
这时候 UI 不再只是一个提前设计好的固定容器。
它开始根据用户的目标动态出现。
这可能是 AI 给 UI 带来的一个非常大的变化:
界面从固定页面,逐渐变成按需生成。
四、UI 设计正在从“操作软件”变成“表达意图”
AI 对 UI 的影响,不只是让设计变快了(图ZMTU4NDI2NTI=) - 观点 - 站酷设计师Aiminnotes原创素材 - 站酷ZCOOL
收藏
以前使用软件,本质上是用户学习机器。
想完成一个任务,需要先知道:
菜单在哪里;
按钮在哪里;
入口在哪里;
这个字段是什么意思;
这个流程应该怎么走。
复杂的 B 端产品尤其明显。
一个新员工可能需要几天甚至几周,才能熟悉一个系统。
AI 出现以后,关系开始反过来。
用户越来越不需要记住功能在哪里。
只需要告诉系统:
“我想做什么。”
比如以前:
打开客户管理 → 筛选 → 设置地区 → 设置成交金额 → 设置时间 → 导出 Excel。
以后可能只需要一句:
“帮我导出今年成都地区成交额超过 50 万的客户。”
这意味着产品设计的核心会发生变化。
以前我们经常问:
这个功能应该放在哪里?
未来可能更应该问:
用户会怎么表达这个需求?
一个是功能导航。
一个是意图理解。
这也是 AI 产品和传统软件之间非常重要的区别。
五、设计师的价值,会从“画得好”转向“判断得好”
AI 对 UI 的影响,不只是让设计变快了(图ZMTU4NDI2NTY=) - 观点 - 站酷设计师Aiminnotes原创素材 - 站酷ZCOOL
收藏
AI 最大的特点,是生成能力非常强。
但生成并不等于判断。
AI 可以在几秒钟内生成十几个方案。
真正困难的问题是:
哪个方案更合理?
用户真的需要这个功能吗?
这个流程是不是太长?
这里应该自动执行,还是让用户确认?
什么信息应该提前展示?
什么信息可以隐藏?
AI 出错以后,用户如何恢复?
涉及资金、删除、审批时,AI 可以执行到什么程度?
这些问题,本质上不是视觉问题。
而是产品判断。
所以我认为,AI 时代真正拉开 UI 设计师差距的能力,会越来越集中在三个方面:
业务理解、交互判断和系统设计。
会使用 Figma,只能说明你会使用工具。
会使用 AI,也只能说明你掌握了新的工具。
真正有价值的是:
你能不能把一个复杂业务拆清楚,找到用户真正需要解决的问题,再让 AI 帮你快速实现。
六、以后不会是“设计师和 AI”竞争,而是两种设计师竞争
AI 对 UI 的影响,不只是让设计变快了(图ZMTU4NDI2NjA=) - 观点 - 站酷设计师Aiminnotes原创素材 - 站酷ZCOOL
收藏
现在经常有人讨论:
AI 会不会取代 UI?
我觉得这个问题本身可能就问错了。
未来真正发生的,可能不是:
AI 取代设计师。
而是:
会使用 AI 的设计师,逐渐替代只依赖传统工作方式的设计师。
同样一个需求。
一个设计师需要两天找参考、一天画方案、一天做 Demo。
另一个设计师上午完成需求拆解,中午让 AI 生成几个方向,下午完成设计判断和原型验证。
两个人最终交付的质量可能差不多。
但效率已经完全不同。
更重要的是,第二个人可以把节省下来的时间投入到真正重要的事情:
研究业务、验证方案、理解用户、完善交互、建立规范。
所以 AI 真正改变的,并不是设计师有没有价值。
而是设计师的时间应该花在哪里。
七、UI 不会消失,但“只会 UI”会越来越危险
AI 对 UI 的影响,不只是让设计变快了(图ZMTU4NDI2NjQ=) - 观点 - 站酷设计师Aiminnotes原创素材 - 站酷ZCOOL
收藏
过去 UI 设计师可以依靠很强的视觉能力生存。
图标画得漂亮,页面做得精致,动效做得酷,就已经具备很强的竞争力。
但 AI 正在快速降低“做出来”的门槛。
以后漂亮的页面会越来越多。
真正稀缺的反而是:
知道为什么这么设计的人。
你需要理解业务;
需要理解交互;
需要理解设计系统;
需要理解 AI 的能力边界;
最好还能看懂一点前端实现;
知道什么可以让 AI 自动完成,什么必须由用户确认。
所以未来 UI 设计师的能力边界,很可能会越来越模糊。
UI、UX、产品、原型、前端之间的墙会越来越低。
设计师最终会越来越接近一种新的角色:
体验设计者。
你不只是设计页面。
你是在设计:
人如何向 AI 表达需求;
AI 如何理解需求;
系统如何执行任务;
过程如何被用户感知;
结果如何呈现;
错误如何恢复;
以及用户什么时候应该拥有最终控制权。
最后
我并不觉得 AI 会让 UI 设计消失。
但它一定会重新定义 UI。
过去,我们设计的是一个个界面。
未来,我们设计的可能是一套规则、状态、反馈和人与 AI 协作的方式。
过去设计师最重要的问题是:
“这个页面应该怎么画?”
未来更重要的问题可能会变成:
“这个任务,真的还需要一个页面吗?”
当这个问题开始出现的时候,UI 设计真正的变化,才刚刚开始。
0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
高级表盘系列UI源文件
科技医疗透明柜UI界面设计
Security Camera UI kit
【新年UI图标】会员icon
钱包ui模板
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
手表表盘UI系列
【新年UI图标】钱包icon
UI通用设计素材1
【新年UI图标】体育icon
新拟态风格 UI设计组件库
【新年UI图标】30个图标
APP/小程序商业项目UI模板|99个高保真UI+79个原型
3D渐变流体抽象矢量UI背景图
我的钱包-UI界面设计-app
【新年UI图标】秒杀icon
UI 登录界面设计模板包
【新年UI图标】礼物/活动icon
【新年UI图标】旅行icon
盲盒APP UI设计
高级感金属拟物 UI设计组件库
【新年UI图标】汽车icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
你可能喜欢
相关收藏夹
大家都在看
登录注册