看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
屏幕不只是给人看的了:AI 替你操作手机,界面设计要变天吗?
拉布拉多212
上海
/
设计爱好者
/
10天前
/
356浏览
版权
私信
关注
屏幕不只是给人看的了:AI 替你操作手机,界面设计要变天吗?
拉布拉多212
关注
屏幕不只是给人看的了:AI 替你操作手机,界面设计要变天吗?
AI 正在「上手」操作手机 App。安卓端已经有一键部署就能用的产品(比如侠客工坊):你说一句,它替你打开 App、认界面、点按钮,把点外卖、订高铁、发红包这些事一路办完。
这意味着屏幕上的内容,第一次有了
两种读者
:人眼,和 AI 的解析器。作为设计师,这个问题绕不开了——我做的界面,AI 读得懂吗?
一、AI 是怎么「看」屏幕的
它靠两条路:一条是系统无障碍服务(Accessibility),读的是界面的语义结构——元素是什么、可不可点、点了去哪;另一条是视觉识别,把像素画面理解成「这里有个按钮,那里有个输入框」。
也就是说,AI 读的不是你精心调节的阴影和圆角,而是
结构、标签、文案
。这些平时我们最忽略的「底层」,恰恰是 AI 眼里的一切。
二、界面从此有两类读者,是两个标准
人眼AI 看什么视觉层级、美感、情绪无障碍树、文案、结构 判断标准好不好看、顺不顺畅能不能解析、能不能识别 对动态内容有氛围感是噪声,会误判
以前我们为一个标准工作,以后是两类读者同时在场——这就带来新的设计课题。
三、四个马上影响设计的变化
1. 可解析性成了硬指标
AI 判断「点没点上」靠的是界面变化:按钮态、页面跳转、文案切换。如果你的交互没有明确的状态反馈,AI 就会卡住或误操作。那些「设计了等于没设计」的迷之反馈,在人眼里是风格,在 AI 眼里是事故。
2. 按钮文案要能「做到」承诺
AI 会先「想」再点:这个按钮点了会发生什么?它靠文案和上下文推断。「我知道了」「马上」「确定」,这类语焉不详的按钮,AI 会犹豫。语义化的按钮文案,从可读性要求变成了可操作性要求。
3. 动态内容要对 AI 克制
无限滚动、自动轮播、飘来飘去的弹窗,人眼早就免疫,但 AI 会认真对待每一次变化,然后误判「页面还在加载」。设计里的「克制动效」,多了一层工程理由。
4. 确认环节是设计的新舞台
别看 AI 代办,涉及到付款、发消息,成熟产品都会停下来让
用户亲自确认
。这个「AI 做到最后一步,把选择交给用户」的界面,是新的设计战场——你要在一个小卡片里讲清「AI 打算干什么、为什么、你确认吗」。
四、设计师现在能做什么
把页面当成 API 来设计
:每个元素有名字、有身份、有明确状态;
用读屏模式自测
:打开 TalkBack 听一听,AI 听到的你的页面是什么样;
关注 Agent 相关的新规范
:就像当年响应式设计一样,AI 可读性可能成为下一份设计规范。
当屏幕的另一端不只是人,还有 AI,好设计的定义就会悄悄变化——不再只是「好看」,而是「在人眼和 AI 眼里都清晰可辨」。
你是做 UI/UX 的吗?你现在的界面,AI 读得懂吗?评论区聊聊。
5
举报
|
声明
收藏
分享
原创文章
AI创作
相关推荐
换一换
在北京,等一阵风
26
上分吧Pt
AIGC——AI Skill入门指南:从零构建专业工作流
141
AICG的小卡拉米
帮我看看这个“薄肌洁癖男友”到底能不能处?
129
黑脸木木AIGC
这场硬碰硬,怎么越撞越好吃?🏈🍪
200
肯博士AI
RTX Spark笔记本电脑
157
肯博士AI
关注
IP形象及IP内容
7698
蔡蔡文化
AI概念短片-寻橡奇旅
225
N30DESIGN
摆渡人7号
183
上分吧Pt
AIGC实验短片 | Lost in Reflcetions
178
eeriesherin
会员精选
♥️A-空中接龙
405
橙子_Juicy
推广
拍电影竟然如此简单,现在你也可以拍戏了
179
Ai训练师大宇
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
植可ZIKO草本饮料品牌包装全案 | LOGO/VI/包装
197
檀TAN坛
2023-2026潮玩IP合集
401
薛十五
峥嵘品牌设计-生野间抹茶
174
峥嵘设计工作室
华夏银行数字人民币-华夏
189
多余不多余
啤气研究所 BEERQI LAB|果味精酿品牌全案设计
160
西茵
RGB广州-木棉花开
263
didaso
相关收藏夹
换一换
关注
IP形象及IP内容
7698
蔡蔡文化
关注
中国风元素插画
507
蔡蔡文化
关注
品牌vi完整思路and呈现方式
1780
废才
关注
地产VI
1731
喾二
关注
设计的方法论
1013
jamylee
关注
国潮&国风
6504
曜Shea
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
设计’
设计in
in设计
it设计
AS设计
by设计
a设计
、设计
设计、
设计
#设计#
设计‘’
is设计
设计‘
设计
设计。
#设计
if设计
设计】
设计,
设计
@设计
an设计
设计
🤮设计
设计 、
设计/
设计|
设计.
设计
#设计
#设计
#设计
设计#
设计a
设计🔍
a设计
设计
登录注册
5
登录即可同步推荐记录哦
收藏
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享