夜雨聆风学习资料网

ARTICLE · 1090013

AI时代,UI设计师如何判断好坏?

AI时代,UI设计师如何判断好坏?

声明:本文为原创内容,如需转载请注明来源,欢迎一起共同学习进步~

关注我们,一起解锁设计的N种玩法👇

"

AI 时代,最贵的不再是执行力,而是判断力。

过去一年,设计师圈子里的聊天话题彻底变了。以前争论的是 Figma 还是即时设计、圆角用 8px 还是 12px;现在所有人都在聊:你的提示词怎么写的、哪个 AI 出图更「懂设计」。工具迭代的速度,已经远远快过大多数人消化它的速度。

但热闹背后,有个现象越来越明显:AI 出图实在太快了——一句提示词,十版风格各异的首页摆在评审桌上,真正稀缺的不再是「谁画得出来」,而是「谁说得出哪一版是对的」。

所以今天这篇想聊透一件事:在把 AI 用起来之前,UI 设计师得先补上「判断好坏」这一课——它才是 AI 时代设计师的第一竞争力。下面我会用三组真实产品的对比,把「好」与「坏」的差异一条条拆给你看。

📌 本文看点                              👉 滑动

PART 01

什么是设计判断力

JUDGMENT

PART 02

好与坏,差在哪

CASE STUDY

PART 03

可生成,难判断

AI LIMITS

PART 04

怎么练判断力

PRACTICE

01

JUDGMENT

什么是设计判断力        

上一代设计师的护城河,是「能把想法变成像素」:熟练的软件操作、精致的视觉执行力、又快又稳的产出。但现在,一句提示词就能换来十版完整的界面方案,执行的门槛正在以肉眼可见的速度消失。

AI 放大的从来都是你已有的判断力——有 taste 的人如虎添翼,没 taste 的人只是更快地量产平庸。

而「判断好坏」,它至少包含三层:信息层级、视觉规范、用户体验 :

信息层级

用户打开页面,第一眼该看到什么、第二眼该看到什么,不是靠感觉,是靠对信息优先级的判断。一个页面放十样东西和放三样东西,用户能接收的信息量可能一样——因为没人能同时处理十个信息入口。

视觉规范

间距、字号、色彩不是「差不多就行」,每个数字背后都该有判断。12px和16px之间差的不只是4个像素,差的是信息密度的控制。

用户体验

一个按钮放哪里、一个动效多少毫秒结束,影响的是用户完成任务的速度和心智负担。这不是审美问题,是效率问题。

AI可以帮你「生成」页面,但判断这三个层面的好坏,它目前做不到。

💡 小结

02

CASE STUDY  

好设计与坏设计,差在哪里

我拿两组真实产品对比来说。

CASE 01Apple Music VS Spotify

Apple Music 的Library按艺人、专辑、歌曲、流派和播放列表组织,每个分区有明确层级。用户找一首歌,路径清晰。

(Apple Music)

Spotify 首页把播客、音乐、推荐歌单、演出信息铺在同一个层级上,标题大小相近,视觉权重趋同。用户面对的是一个「选择悖论」界面。

(Spotify)

纬度

Apple Music

Spotify

信息

层级

Library分区明确,按内容类型组织

首页所有区块权重趋同

视觉

规范

明亮简洁,与Apple生态一致

深色模式为默认,功能扩张带来拥挤感

用户

体验

设计克制,重点突出

信息过载,被称为「选择悖论」

交互

设计

路径清晰,误触少

歌曲拖拽入队列有误触问题

Spotify不是全失败——它「Now Playing」页面的专辑封面左右滑动切歌、添加歌曲到队列的绿色反馈动效,是成功的即时反馈设计。但整体上,功能扩张带来了界面臃肿。

CASE 02  Airbnb

再看一个更立体的案例。Airbnb 2025年夏季更新,是另一种好设计的典范。

它从扁平极简转向3D拟物化——Pixar风格的图标,柔和的珊瑚色、浅米色、薄荷绿,30°等距视角带阴影。

(Airbnb)

但这不只是「变好看」。Airbnb同时新增了Homes、Experiences、Services三大模块,用不同的视觉重量区分主导航层级,把App从「预订工具」升级成了「旅行操作系统」。

好设计的标志:每一个视觉决策背后都有业务判断在支撑。

💡 小结

图标从2D变3D不是审美升级,是因为新增了三个业务模块,需要更强的视觉区分度来防止导航混乱。

03

AI LIMITS

AI能生成,但判断不了

2026年了,AI设计工具不少。Figma Make、Galileo AI(已更名为Stitch)、Uizard,都能从文本描述生成高保真UI。

但用多了你会发现几个硬伤:

通用结果

相似prompt生成相似设计,品牌特异性低。你让它生成一个电商首页,它给出的方案和竞争对手生成的几乎一样。因为AI的训练数据是公开的、共享的,它不知道你的品牌和别人的品牌该差在哪里。

上下文缺失

AI不了解你的品牌规范、用户画像、业务战略。它能生成一个「看起来合理的页面」,但不知道为什么你的产品需要一个不一样的方案。Figma Make就明确面临这个问题——模糊的prompt产生模糊的输出。

静态而非状态化

AI生成的UI是静态布局,hover、loading、error等交互状态处理薄弱。但实际产品里,这些状态恰恰是真正考验设计功底的地方——一个表单提交失败的提示框,比一个漂亮的首页更见设计师功力。

问题

具体表现

设计师该做什么

通用结果

相似prompt生成相似设计

用品牌规范约束AI输出

上下文缺失

不了解业务和用户

提供完整上下文给AI

静态

布局

缺少交互状态设计

手动补全所有状态

额度

限制

Figma Make每月3000 credits

先想清楚再生成,减少无效迭代

04

PRACTICE

怎么练判断力

给各位设计师同行几点实操建议,欢迎在评论区分享使用经验与判断技巧,共同交流探讨:

METHOD 01拆解好产品

打开Apple Music、Airbnb、Linear这些公认设计优秀的产品,不是看「好不好看」,而是问自己:为什么这个间距是12px不是16px?为什么这个按钮放在右下角?把这些「为什么」一个个想清楚,你的判断力就是在这些「为什么」里长出来的。

METHOD 02做对比练习

拿两个同类产品放在一起,先不看配色只看信息层级——谁先告诉你该看什么?谁的路径更短?这个练习做十次,你对信息层级的敏感度会上一个台阶。

METHOD 03用AI但不当甩手掌柜

让AI出初稿,然后你来做「减法」——删掉不必要的装饰、调整信息优先级、补全交互状态。AI负责生成,你负责判断。判断这件事,AI替不了你。

最后小编想说的是,AI不会让不会判断的设计师变厉害,但会让会判断的设计师变得更快。

希望本期分享内容对你有所帮助,欢迎转发评论交流

来源声明:文中图片来源于网络,仅供学习交流使用!

-END-

关注我们,可领取设计大礼包一份👇

再扒点料

腾讯产品方法论解读:三字箴言“找-比-试”

UI设计师别再盲猜提示词了! 学会「反推」,让任何美图都能为我所用

从1.0到3.0:供应链可视化平台进化之路(三)【UI界面】

干货分享!超全面的移动端UI设计规范

豆包4.0|IP形象设计|附全套设计教程

相关学习资料