整体大方向:从固定静态界面,走向 AI 自适应、空间分层、克制材质感;可访问性从加分项变成底线要求,不再一味堆特效,视觉服务于任务效率。
一、AI 驱动界面(最核心变革,不止是视觉)
GenUI / 生成式界面 不再是一套固定页面给所有人。AI 根据用户身份、上下文、使用习惯实时调整布局、组件、信息密度:重度用户展示高密度数据面板,普通用户自动简化;表单自动预填、高频功能上浮、低频收起。
设计师重心变化:不再画所有页面,而是定义设计系统、约束规则、边界、权限、隐私策略,AI 在规则内生成界面。
AI Copilot 内嵌 UI 产品内常驻 AI 助手面板、命令面板(Command Palette),自然语言操作、查询、修改内容,是 SaaS、B 端工具标配(Notion、Linear、各类数据平台)。
AI 辅助设计工作流 Figma 生态、Uizard、Galileo 等,直接基于自家组件库生成可交付 UI,一键转代码;同时自动做对比度、可用性检查。 风险点:容易出现同质化、“AI 流水线脸”,需要设计师增加品牌独特细节、把控逻辑和异常状态。
二、视觉风格:材质回归,克制使用特效
Liquid Glass(液态玻璃 / 升级版毛玻璃 Glassmorphism 2.0) 区别早年泛滥的全页面毛玻璃:选择性使用,多用于弹窗、导航、浮层、卡片;半透、折射、轻微形变、柔和边框,营造悬浮层次,而不是铺满整个页面。重点保证文字对比度,兼顾可访问性,不再为好看牺牲可读性。
触觉质感 Tactile / Claymorphism 粘土风 柔和、圆润、像软胶、黏土材质,物理回弹、挤压的微交互,触感强;常用于健康、金融、工具类轻组件,搭配低饱和配色。新拟态(Neumorphism)现在也是局部点缀,很少整页使用,它对比度弱,无障碍风险高。
理性极简没有消失,但升级了 不是空白单调,而是有序留白、强信息层级、干净网格;大量 B 端、企业产品、开发者工具坚持这个路线。衬线字体回潮,用来给科技产品增加人文感、差异化,对抗千篇一律的无衬线黑体。
暗色模式(Dark Mode)成为默认基线 不再是 “可选主题”,而是从设计之初就配套两套独立色板;不只是简单反色,暗色模式单独降低高饱和色亮度、使用近黑而非纯黑,减少光晕疲劳,适配 OLED 省电。很多产品默认跟随系统深色,部分专业工具直接深色优先。
三、布局趋势:Bento 网格、空间分层(2.5D)
Bento Grid 便当网格 苹果带火之后广泛普及:大小不一的卡片模块化排布,自由但有序,适合数据仪表盘、首页概览、个人工作台;信息块独立、可拖拽、自适应,兼顾信息密度和清爽感,现在是 SaaS 后台、数据产品主流布局。
屏幕上的空间化设计(Spatial UI) Vision Pro 的空间理念回流到 2D 屏幕:Z 轴分层、视差滚动、光影、悬浮层级;滚动驱动叙事,元素随滚动拆解、位移、渐变,营造沉浸感,但克制,不做过度炫技动画。
注意:空间效果会增加性能成本,移动端慎用多层视差叠加。
可变字体 + 流体排版 Fluid Typography
clamp()动态字号、可变字重字体,字号平滑随屏幕变化,不再断点式跳变;标题动态排版、文字随滚动渐进呈现,强化阅读节奏。
四、交互与动效:物理化微交互、少而精
基于物理引擎的微交互 弹簧、阻尼、挤压回弹,而不是匀速线性动画;按钮、滑块、卡片有真实物理反馈,给用户 “可触摸” 感知;Lottie、React Spring 广泛落地。核心原则:动效要有目的 —— 反馈、引导、状态提示,而不是纯装饰。
骨架屏优先,替代传统 Loading 转圈 降低感知等待时长,加载时提前给出页面框架,是现在主流性能体验方案。共享元素转场:元素跨页面连续形变,保持上下文连贯性。
多模态交互升级 语音、手势、眼动作为一级交互方式,和点击、键盘共存;车载、AR、智能硬件最明显;“零界面(Zero UI)” 理念:尽量减少屏幕,靠语音、感知完成任务。
五、底层基石:可访问性(Accessibility First)
已经从附加检查变成前置设计:
WCAG 2.2 对比度规范、适配屏幕阅读器、键盘全链路操作;
色彩不能单独传递信息(必须搭配图标 / 文字);
支持减少动画(prefers-reduced-motion); 很多国家和行业合规要求强制覆盖,B 端、政务、金融产品尤为看重。
六、不同赛道偏好差异(落地参考)
B 端 / 后台、数据、开发者工具:理性极简 + Bento 网格、深色优先、低动效、高信息密度、可访问优先;
AI 产品、SaaS、官网:液态玻璃、Copilot 面板、空间分层、克制 3D 元素;
消费 App、健康、亲子、生活类:粘土软质风格、圆润圆角、柔和色彩、轻量化微交互;
营销落地页、创意站点:大胆渐变、滚动叙事、衬线字体、适度复古数字美学。
七、避坑提醒(很重要)
不要盲目追液态玻璃、3D、视差:容易对比度翻车、性能差、适配低端手机卡顿;
AI 生成 UI 容易同质化,缺少异常态、空状态、报错状态;
新拟态、强低对比风格不适合作为主界面,仅适合小控件点缀;
趋势是工具,用户任务效率永远高于视觉潮流。
本文原创作者:易君召,详见:https://www.yijunzhao.cn/authors/yijunzhao,转载请注明出处。
原文链接
欢迎访问 小易撩挨踢