首页

为什么国内的UI设计比国外复杂?兰亭妙微UI设计公司总结了3个深层原因

清阳 行业趋势

在接触和学习 UI 设计的时候,我们都必须面对国内外 UI 设计风格差异巨大的问题。比如最近 618,相信大家没少被国产应用的广告“亲切的”问候。

image.png

一方面是寻找设计灵感时要做区分,另一方面则是我们学习 UI 时看的书籍,学习的理论、规范,都是由西方国家产出的,而国内设计的方向却和它们背道而驰,用一个词来形容现状,那就是 —— 割裂。

所以在初学阶段,理论学的越多,受到的冲击也就越大,疑问也就越多。所以我们今天的目标,就是来帮大家解答这个疑问。

 

一、设计差异的根源分析

当我们研究国内外 UI 设计的差异时,样式上的差异只是表象,它们是由更深层次的因素所激发,所以我们首先要深究这些问题的根源。

根据过去十几年的 UI 研究经验,我总结的设计差异包含下面这些因素:

  1. 盈利模式的差异
  2. 人工成本的差异
  3. 用户习惯的差异

1. 盈利模式的差异

国外产品相对国内的盈利模式相对简单、健康,排除掉大型平台和其它服务配套应用外(比如会员、硬件的配套),基本就是买断、订阅、广告这三个途径。

比如我们熟悉的 Figma、Canva、Notion 等,都是订阅制服务,在产品具备足够竞争力的条件下发展出海量的付费用户,获得巨大的收益和估值(团队只有一两百人时估值过百亿刀)。既然做好产品就能盈利,那这些产品的目标自然是打造更好的产品和提供更好的服务或体验来获得收益。

image.png

 

 

而国内市场我们都知道,用户付费的意愿是非常非常低的,这就导致很多产品即使做的还不错也看不到盈利希望,尤其是大厂产品,比如迅雷,百度网盘,网易云等等。

image.png

靠基础付费模式做不出让人满意的营收,产品团队自然要使出浑身解数来找到盈利点,不管是增加一些奇怪的功能,还是制造各种营销活动。而这些尝试想要获得持续的盈利是非常困难的,所以就得一直想,一直尝试,一直投放。

虽然吃相往往看上去很难看,但不这么做就会“暴毙”,而这么做至少还可以“苟延残喘”,为了生存和盈利,产品团队做出什么离奇的操作都能做出来。

这里还要澄清一点,有很多优秀的工具产品不是国内做不出来,是做出来也很难盈利,所以有能力的团队和开发者是不会轻易往火坑里跳的。

2. 人工成本的差异

第二点就是国内外人工成本上的巨大差异,发达国家的人工成本非常高昂,不只局限在产品开发团队的成本,还包括底层运营、客服、销售、业务员、快递员等等。

而产品的衍生业务往往要借助大量的底层劳力,比如京东做外卖服务,得有充沛的、廉价的骑手作为依托才办得起来,而这在发达西方国家是难以想象的。比如最近经常讨论的为什么日本线下购物市场还很繁荣,线上发展不起来。主要原因之一就是快递员的成本差了好几倍,做不出即廉价又便捷的网购体验。

image.png

加上西方国家对雇佣关系的保护,招人容易,裁员可就没有那么简单,所以多数产品团队对扩张都持非常谨慎的态度。人数少,又不能轻易搞 996,就大大限制了产品作妖的范围,这就直接导致他们没有人力做一大堆次要功能的迭代以及运营活动,设计需求自然也会低很多。

3. 用户习惯的差异

最后一点,就是用户习惯的差异。除了前面说的付费意愿低以外,还有很多其它因素。其中在我看来影响最大的因素,就是国内用户对互联网的依赖是远高于国外用户的。

国内的移动互联网行业爆发并不仅仅是局限在互联网行业里,而是把触手拓展到各行各业,用赢学的角度来讲甚至它还大幅度完善了政府基建和民生服务。我们今天缴纳水电费,办理银行卡通过线上就能完成,而很多发达国家甚至到今天还要你去营业厅手写填表。

并且互联网产品已经成为我们购物、娱乐的重要载体,大量的决策、交易、娱乐是在上面进行的。既然用户习惯和粘性都成型了,离不开这些产品了,那么“适当损害”一下用户体验也不是不可以。尤其是大厂各类离奇的功能和运营活动可以轮番轰炸用户,同时把用户对这类负面操作的耐受度都拉高了。

image.png

既然用户都适应了,那么为什么还要“装清高”,做个简约的、有原则的、有尊严的产品?当然是加入到运营的狂欢里和其它产品一起压榨用户的注意力,像孔雀开屏一样,在最鸡肋的器官上比划……

以上三点,就是造成国内外设计差异的根本因素。最早国内产品的设计是和国外看齐的,但随着市场的反馈和验证,我们最终走出了自己的道路。这是商业的选择,而不是简单归因给审美、民族、文化、消费力的限制。

不管创业者抱着什么样的想法,进入这个牌桌以后,最终都会被市场调教成相同的模样。

作为 UI 设计师来说,也不要认为这是错误的发展方向,因为这种模式大大增加了 UI 设计的需求量,间接提供了更多的饭碗。如果产品都按欧美的模式发展和设计,那对于国内 UI 设计行业来说真正的天塌了,设计岗位会锐减 8 成以上,而这是 AI 设计根本实现不了的破坏力。

二、国内外 UI 的具体差异

有了内因,下面再对国内外 UI 设计的具体差异做对应的拆解,帮助大家更好理解国内市场的设计特征。

1. 中英文字形排版差异

第一个差异,就是中英文的字体形态差异。中文文字是方块化等宽的,而英文字母则是大小长短不一,词组长度更长,节奏感更强。所以英文设计中,往往会将字体作为一部分融入到排版中,丰富视觉观感。

image.png

image.png

而中文设计中文字的节奏感较弱,文本的主要作用基本就是传递信息,所以只用中文排版很难出现英文的相同效果,就会促使设计师添加更多的内容,来丰富界面的效果。

image.png

2. 运营需求的平面视觉

第二个差异,就是运营设计上的差异。欧美产品中运营活动不是没有,但是数量少,而且往往在设计上也做的很随意,说好听点叫简约,说难听点就是敷衍。

image.png

而国内运营活动数量多,且投入精力更大,运营的设计是没有限制的,可以用上广告平面的所有视觉手段,不管是插画还是 3D、AI、拟物、摄影。大团队往往会配置平面设计师完成这部分工作,小公司就要 UI 设计师自己负责,所以没有固定的设计要求,水平之间差距也巨大。

image.png

运营设计的差异,源自国内广告设计方向的特色,从早年追求隐喻、创意的合成设计,到现在追求视觉冲击力的大标题、大色块设计。

而国内运营设计在今天绝不只出现在一般广告位中,会见缝插针到所有元素中,比如页面顶部、二楼、胶囊、图标区、瓷片区、底部导航等等。

image.png

3. 字段和信息数量差异

国内有大量产品的功能和服务都更完善,这也就催生了更多的信息量和交互需求,单一页面、组件的信息量、交互、状态就远远比国外产品多。

image.png

这就导致我们在设计时要考虑这些复杂的情况,需要设计师做具体的业务分析整理字段,还需要做大量的稿件做测试和评审。

不像国外很多简单的产品内容就那么点,可以花大量精力去搞用研或者测试,在这种情况下光是完成产品需求就很困难,更遑论围绕那么海量的内容做用研也是很麻烦的。

所以国内团队虽然会强调体验,但实际设计过程中必然业务优先,体验更多是围绕业务的优化和改进。所以作品集表现上业务的权重是非常高的,绝对不是学习国外的项目包装逻辑堆砌体验和用研内容。

4. 品牌视觉特征的差异

在国内激烈的竞争环境中,建立品牌化的视觉感知就是每个产品都要认真对待的事情。但本身产品内容、信息量就已经很大了,要实现品牌化的视觉输出就没办法走传统品牌的“意识流”路线,使用简单的配色和大量的留白。

image.png

同时,UI 的组件样式又高度统一,使用常规样式完成的设计是很难塑造品牌化视觉的。所以最终的解决方案,就是给组件增加更多样式细节,通过局部的创意来塑造视觉上的差异,同时再和其它应用做出区分。

image.png

于是,主流产品就陷入这种样式上的竞赛,非常高频的更新组件和视觉的设计,希望做出和别人不同的设计同时又有自己的特点。

这种现状不能说是消极的,因为它确实推动了整个 UI 行业视觉的发展,但对 UI 设计师的视觉素养要求也就更高。所以今天国内的中高级 UI 设计师,转入国外 UI 市场以后都能实现降维打击,就是因为市场的要求对自身的磨练远比外部市场高。

基于以上的差异,可以说在国内做 UI 和和在国外做 UI 是两种难度,要学习和训练的方式也完全不同。作为 UI 设计师要懂得理解背后的成因,并不会无脑迷信国外的设计要求和标准,才可以帮助我们更好融入真实的工作。

结尾

结尾再说点有趣的问题,从我们之前学员到国外工作的反馈来看,虽然国内设计容易被嫌弃,但是从设计质量和输出上已经远超欧美的平均水平。

而他们的设计师多数还在划水搞一些无关痛痒的体验和用研时,我们在解决更复杂的商业问题,如果有机会,建议你们也可以去卷国外的 UI,会有你们想象不到的优势。

转载:优设

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微UI设计:UI/UX设计师怎么选AI工具?

之晨 行业趋势

一、AI产品应该如何选择

现在 AI 产品这么多,作为 UIUX 设计师,我到底应该使用哪一款?

Figma Make、Gemini、Claude Code、Codex,每一款产品看上去都能生成内容、写代码、做页面。

但真正深度使用过后,你会发现:它们擅长解决的问题并不相同。

兰亭妙微UI设计:今天,我们就站在 UIUX 设计师的真实工作流程中,聊聊每一款产品的能力边界,以及究竟应该如何选择。AI 产品更新很快,后续能力仍然会不断变化。

二、先别急着选工具

在对比之前,我们需要先明确一件事:

AI 产品不是功能越多越好,而是要看它能否进入你的真实工作流程。

比如,我要写一篇公众号文章、整理用户访谈,这和我要搭建一个复杂的页面 Demo,完全是两种任务。

如果没有理解差别,我们就很容易陷入一个误区:

今天看到别人用 Claude Code,我就去折腾 Claude Code;明天发现 Figma Make 更新了,又把所有流程搬回 Figma。

工具收藏了一堆,最后真正工作时依旧不知道应该打开哪一个。

那对于 UIUX 设计师而言,我们应该重点关注哪些问题?

  1. 它最擅长解决什么任务?
  2. 使用门槛高不高?
  3. 我需要提供多少信息,它才能理解需求?
  4. 输出的是文案、原型、代码,还是完整工作流?
  5. 结果不满意时,能否快速修改?
  6. 它能否与 Figma、浏览器和其他软件进行协作?

接下来,我们逐个拆解。

三、Figma Make:最容易上手的原生设计入口

如果你本身就在使用 Figma,又不想折腾复杂配置,那么 Figma Make 应该是最容易开始的工具。

它最大的优势在于:距离设计师原本的工作环境足够近。

你只需要在 Figma Make 中通过对话,就可以创建交互原型、Web 页面和功能 Demo。

同时,它支持将现有设计稿、竞品截图、产品文档和图片素材作为参考内容。比如,你可以丢给它一张竞品截图,让它参考页面布局、颜色和内容结构,生成一个相近的页面。

image.png

如果公司已经有相对成熟的设计系统,还可以通过 Make Kits 引入组件、变量、样式和使用规则,让生成结果更接近团队规范。

不过,这里大家需要留意:

接入设计系统,不代表生成结果一定正确。

特别是复杂业务页面,仍然需要设计师反复检查信息结构、组件使用和交互逻辑。竞品截图也只能作为参考,并不等于可以像素级还原。

这里稍微多说一点,现如今很多设计师都非常依赖 AI 工具,根本不用自己去做设计,但从来没有思考过 AI 生成的结果是否正确。比如今天有同学来咨询一个小的问题,在AI生成的页面中,他没有做任何的思考,直接使用结果导致提案失败,所以我们现在是需要具备判断能力的。

所以,Figma Make 更适合:

  1. 已经深度使用 Figma 的设计师
  2. 需要快速验证页面想法
  3. 希望低门槛生成交互原型
  4. 暂时不想学习复杂代码工具

四、Gemini:更适合资料理解与表达润色

在我的日常使用中,Gemini 更多承担的是“内容助手”的角色。

它支持较长的上下文,也具备文本、图片、音频和视频等多模态理解能力。

因此,无论是阅读行业报告、分析竞品资料、整理访谈记录,还是拆解一段视频内容,它都非常合适。

image.png

在我自己的工作流里,无论是视频文案、公众号文章,还是课程资料,我都会使用 Gemini 做初步整理和润色。

从个人体验来看,它在表达层面会更自然一些,也更适合处理较长的文本内容。

不过,如果你的目标是直接修改 Figma 页面,或者搭建一套完整的设计工程化流程,它并不是第一选择。

Gemini 更适合:

  1. 阅读和总结大量资料
  2. 梳理用户访谈与竞品信息
  3. 润色报告、方案和 PRD
  4. 生成公众号文章与视频脚本

五、Claude Code:复杂工程逻辑的稳定选手

Claude Code 的定位相对明确:

它首先是一款面向工程任务的代码智能体。

如果你需要理解复杂项目、梳理代码结构、定位 Bug,或者将一个页面 Demo 做得更加稳定,那么 Claude Code 会是非常不错的选择。

它能够读取项目文件、执行命令、修改代码,也可以通过 MCP 连接 Figma、Google Drive、Slack 等外部工具。

所以,Claude Code 并不是不能接入 Figma,而是它的重心依旧偏向工程实现。

image.png

在我的使用体验中,如果任务涉及复杂代码逻辑、项目级修改和稳定落地,我会优先考虑 Claude Code。

但如果目标是生成图片素材、调整视觉风格,或者希望在设计工具之间快速往返,它就不是我的第一选择。

Claude Code 更适合:

  1. 需要处理复杂工程逻辑
  2. 希望深入理解项目结构
  3. 关注代码质量和稳定性
  4. 已经具备一定工程基础

六、Codex:串联设计师的完整 AI 工作流

最后,我们来聊聊 Codex。

目前在日常辅导中,我更建议 UIUX 设计师重点尝试 Codex。

原因不是它在每一个单点能力上都绝对领先,而是:

它能够把设计师原本割裂的工作流程串联起来。

首先,Codex 可以通过 Figma MCP 读取组件、变量、布局和设计上下文,也可以将代码页面重新传回 Figma,生成可编辑的设计图层。

这就意味着,设计稿与真实页面之间不再是单向交付,而是能够反复往返。

image.png

其次,Codex 支持图片生成和迭代修改。

比如页面缺少图标、插画、背景图或者产品素材,你可以直接让它生成,再根据页面效果反复调整。

然后,它还支持 Computer Use、应用内浏览器和插件。

这就让设计师可以进一步串联:

需求梳理 -> 页面生成 -> 素材补充 -> 浏览器验证 -> 设计走查 -> 继续优化

比如我们之前讲过的设计验收,就可以让 Codex 通过浏览器查看真实页面,再对照设计稿检查问题。

当然,功能多也意味着使用时需要先想清楚任务。

Codex 并不是一个“一句话解决所有问题”的魔法工具。你依旧需要明确自己的目标,逐步搭建适合自己的工作流。

Codex 更适合:

  1. 希望从想法快速推进到可运行 Demo
  2. 需要设计、代码和素材协同
  3. 想搭建设计验收与自动化流程
  4. 希望逐步掌握 Vibe Coding

七、究竟应该如何选择?

如果你只是想快速生成原型,可以优先使用 Figma Make。

如果你需要整理资料、理解长文本和润色表达,可以优先使用 Gemini。

如果你要处理复杂代码和工程逻辑,可以使用 Claude Code。

如果你希望进一步串联设计、代码、素材和验收流程,可以重点尝试 Codex。

image.png

八、写在最后

其实在我看来,设计师不需要强行选择唯一一款 AI 产品。

我自己更常用的方式是:

  1. 用 Gemini 梳理内容和表达
  2. 用 Figma Make 快速验证原生设计想法
  3. 用 Codex 串联完整工作流
  4. 遇到复杂工程问题,再使用 Claude Code 深入处理

工具永远会不断更新。

我们真正需要掌握的,不是某一个软件的固定操作,而是理解它们的能力边界。

当你面对一个新任务时,能够快速判断应该使用什么工具,把想法真正落地,这才是 AI 带给 UIUX 设计师最重要的价值。

转载自优设网

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

如何提升UI设计的高级感

清阳 行业趋势

在互联网产品日趋成熟的今天,你会发现所有的App越来越像,似乎是同一套模版设计出来的产品;而这种普适化的设计会导致同质化严重,使得设计不精致,产品没有气质和品牌感。

一个App设计是否精致,是否富有设计感,在于它的细节,这就意味着我们在进行设计的时候,要从细微之处着手,从多方面去钻研如何创造出打动人心的UI设计。

兰亭妙微UI设计公司,总结了12个简单直观的提升设计感的小细节,一起来学习。

一、使用颜色深浅构建层次结构

在对UI 文本进行样式控制的时候,最常见的错误莫过于过度依赖字体大小差异来营造对比;单纯使用字体大小对比,所营造的对比并不够,尝试结合色彩和字重来营造更好的对比效果。

每种颜色都有一个视觉权重,这有助于在内容中建立层次结构;通过使用颜色的深浅,为元素赋予不同的重要性。

如果可以的话,你甚至可以采用两到三种颜色:

  • 主要内容使用深灰色(诸如标题,但是不要用纯黑);
  • 次要内容使用灰色(比如商品介绍);
  • 辅助性内容采用浅灰色(比如发布日期);

类似的,在UI设计的时候,通常两种不同的字重足以营造出优秀的层次感:

  • 大多数的文本采用正常的字重(400到500,具体取决于字体);
  • 对于需要强调的文字采用较重的字重(600到700,具体取决于字体);

▲主标题字重为600,其他标绿点的文字字重都为400

应当尽量不要让正文部分字重低于400,因为这一部分字体本身尺寸已经较小,低于400会使得可读性不佳。

如果你依然需要降低字重,那么不妨让字体色彩更浅一点,或者替换成其他识别度较强、字重相对较小的字体。

灰色文字在无彩/彩色背景下要分开处理:

不要在有色背景上使用灰色的文本,在白色背景下,将黑色的文本改成灰色(或者在黑色背景下使用灰色文本),是不错的淡化其视觉效果的做法。

但是在彩色背景下,想要降低和背景色之间的对比,通常有两种方法:

一是降低白色文本的不透明度;二是让文本逐步接近背景色,而不是改为灰色。

▲左图设计师职位信息为白色文字降低不透明度,右图为和背景同色相高明度的颜色

其次当涉及长篇内容时,大面积的深色粗体字会给人一种沉重感,而且很跳跃;通过选择类似深灰色(#4F4F4F)这样的颜色可以很容易地解决这个问题,使文字更容易被识别。

二、统一色调

选择一种基础色,再调整色调和颜色深浅来增加均衡;设计时避免用过多的颜色。如果项目允许,只需使用固定的色板,通过调整基础色的饱和度和明度,利用这种简单的方式为设计增加一致性。

三、干净的阴影

阴影是UI设计中最常见的视觉表现手法,它可以增加元素的深度,使其从背景中脱颖而出,引起用户的注意力,同时也能增强画面的视觉层次感。

相比于采用大范围的扩散模糊阴影,使用微妙的垂直偏移阴影效果更明显,更自然,它模拟了最常见的光源特征,光线从上往下照下来所营造的阴影效果。

这种轻柔的阴影呈现出的干净,增加了画面的精致;如果阴影的范围太小或颜色太深,位置也没有偏移,而是聚集在元素的四周,就会让画面更加扁平,让视觉变得厚重,呈现出不精致的画面感。

阴影不一定是黑色的,还有一种扩算阴影是模拟元素本身的颜色投射在背景上,由于阴影与元素的色调一致,因此呈现出十分融洽的画面感。

在UI设计中,这种手法不宜过多使用,否则呈现出的各种色彩搭配会让人眼花缭乱。

四、个性的图标设计

合格的设计师能够绘制风格统一的图标,而优秀的设计师能够创造风格独特的图标。

我们能否在追求大小一致,圆角一致,线宽一致和配色一致的同时,为它的视觉表现力加入更多的创意呢?例如下面这组图标设计,无论是在图形上的创新,还是颜色搭配上都呈现出无与伦比的创意。

标签栏作为一个App的全局导航起着至关重要的作用,它的设计影响着整个产品的视觉风格。

通常,大多数App都是使用iOS规范的设计样式(默认灰色,选中填充品牌色),这样的设计太普通,太常见了;要想让标签栏图标设计精致和富有个性,可以丰富每一个选中态图标的视觉表现,例如给图标加上背景和表情,即显得生动有趣,又增加了用户的好感,给人留下深刻的印象。

3D立体图标设计是近几年来的流行趋势,看上去十分精致、华丽,但是看久了会让人产生轻微的视觉疲劳,同时因其复杂的结构会增加用户的认知成本,一般在外卖美食类应用中比较常见。

五、Tab的设计感

Tab是App设计中最常见的控件之一,它源自Material Design的设计规范;现在很多iOS产品当中也开始使用这种导航栏样式来进行设计,而原本属于iOS规范当中的分段选择器变得不那么常见了。

在视觉表现形式上,Tab和标签栏同样也分为选中态和未选态,它的设计较为简单,通常是使用一组文字标签,通过颜色或在标签下加上小长条来区分两者的状态;因为它简单,却越难设计出彩,要发挥极大的设计想象力,跳脱出设计规范的限制,才能找到完美的方案。

例如虾米音乐的Tab选中态是一段音频波线,再配合文字的大小对比,一个富有设计感又符合产品特征的Tabs就被创造出来了。

我们还可以从品牌基因中获取灵感,品牌作为用户熟知的形象是个绝佳的来源。

从品牌形象中提取具有独特气质的视觉富豪作为Tab选中态的小长条,这样就建立起视觉上的联系,让用户产生由内而外的一致感受;例如马蜂窝品牌形象中的微笑符号和飞猪旅行品牌形象中的猪头都被延伸到Tab的设计上,既让界面视觉独一无二,又进一步强化了用户对品牌形象的认知。

六、无框设计 去繁从简

在UI设计中,有许多的装饰元素,如卡片的边框、列表的分割线等,虽然边框,分割线是分隔两个元素的好办法,但是它不是唯一的方法;使用过多会让整个布局的设计感降低,或多或少都会干扰用户浏览的视线,让信息内容失去注意力,因此可以减少不必要的装饰元素。

我们可以通过以下几个方法来划分元素的视觉层次,让画面变得干净,整齐:

1)使用阴影

阴影同样可以营造出边界感,而且相比边框分割线更加微妙,并不会显得突兀,不会分散用户的注意力,让内容更聚焦。

2)使用不同的背景色来区分

通常,相邻的元素背景只需要有微妙的差别就能够让人对他们进行区分;所以,你所需要做的就是在不同的区块采用不同的背景色,并且尝试删除分割线,因为你根本不需要它。

3)增加额外的留白

创建元素之间的分离效果,并不一定要通过线框来表现,只要增加留白,让它们分隔开就行了,通过留白和间距来实现元素分组是UI设计中的常用手法。

七、统一设计元素

在App中的每一个界面都有许多元素,那些同类的元素应保持统一的设计样式。

通常个人中心的标签栏图标是一个人形剪影,它代表着用户,因此可以在展示用户头像和用户形象的界面中延续使用。

如果图形拥有独特的外观,如椭圆矩形,也可以作为视觉符号的一种,延续到其他界面中,成为图形或按钮的外观;这样,整个界面就被统一的设计元素联系起来了,给用户始终如一的一致感。

八、符合产品气质的字体

选择符合产品气质的字体,可以与产品的定位相吻合,传递给用户正确的情感意识。

虽然默认字体可以满足大多数App 的设计需求,但会出现一个问题就是——系统字体的普适性并没有什么特色,在一些特定的情境下就显得收效甚微;例如在运动类App中更适合粗壮的斜体来传递力量、爆发力、速度的感觉,换成系统字体后,整体感觉在气势上就变弱了很多。

九、第三方图标风格统一

大多数App都支持三方登陆,他可以减轻用户注册的时间成本。

通常是在注册登陆页的底部展示第三方图标入口,这也是设计师最常忽略的内容,往往是直接将第三方图标调整一致大小和摆放整齐位置,没有针对它们再设计;一个设计精致的App不应漏过任何的细节,我们可以以自家App的图标风格为依据,对第三方图标进行优化设计。

十、图片中寻找色彩

App中优美的图文设计,能带给用户如沐春风的视觉享受,它非常重要。我们经常看到文字叠加在图片背景上的设计样式;为了减少复杂图片背景对文字的干扰,通常的做法是叠加半透明度的黑色蒙版,让白色文字清晰可见,但这不是最优的办法。

我们可以从图片中提取主色调用于叠加背景的填充色,这样就使文字、色块和图片融入到一起了,画面变得高级和富有设计感。

十一、提高图片质量

图片的质量影响着整个App的格调和用户的情绪,高品质的图片给人愉悦的视觉享受,产生美好的联想;而低品质的图片会瞬间拉低App的质感。

在App设计中,一张漂亮的图片从收集到上线,需要经过裁剪,调色等过程才能被使用;即使是普通的商品图片,我们将它抠图后调整成统一大小,再加上干净的背景,就能立刻提升商品的美感,界面视觉也会变得美观、整洁。

十二、卡片式设计

现在的UI界面设计中,卡片式设计已经是一种非常常见的设计形式,它有利于信息分层和整合,划分出更加清晰的组织结构,实现复杂内容的简化处理,提高空间利用率;同时卡片式设计通常很依赖视觉元素,很强的视觉元素正是卡片式设计的一种优势,也是提升设计品质感的良方。

 

 

转载:人人都是产品经理

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

设计的新趋势:用好有效摩擦,拒绝无效麻烦

清阳 行业趋势

导语

过去二十年,互联网设计的共识是极致去摩擦:缩短注册步骤、精简操作链路、抹平交互门槛,高效顺滑成为体验标配。但随着全行业体验同质化、用户划走即遗忘,Burberry 慢镜头广告、Apple Liquid Glass 拟物玻璃界面、CCD 胶片回潮等现象,正在推翻单一的效率逻辑:刻意设计的良性摩擦≠恶意制造使用麻烦。在 AI 批量产出标准化内容的当下,合理的摩擦是品牌打造记忆锚点、加深用户参与的关键抓手。

一、无摩擦从行业进步,沦为同质化枷锁

早年去摩擦设计切实解决商业痛点:电商优化支付路径降低下单流失、出行打通一键叫车闭环、软件简化学习成本,效率优化实实在在提升转化。

image.png

但当全产品模板趋同:统一卡片布局、同质化滑动交互、算法自动连播,极致顺滑催生三大问题:
  1. 用户流失无记忆:页面一键划过、用完即走,品牌无法在用户心智留存印记;
  2. 感官同质化贫瘠:界面去掉材质、纹理、层次,所有产品只剩扁平标准化外壳,丢失独特氛围感;
  3. 体验缺少实感:全程零等待、零操作、零选择,用户从 “主动使用产品” 沦为被动接收信息流。
设计学者 Luna Maurer 与 Roel Wouters 在《Designing Friction》提出:体验摩擦(Resistance)是人与物品间的触感、温度、行动参与阻力,不等于系统故障带来的额外负担,全盘消灭阻力,本质是抹杀用户真实参与的可能性 —— 人无法只依靠效率完成情感消费。

二、摩擦二分法:坏摩擦消耗耐心,好摩擦沉淀体验

image.png

所有额外耗时的操作分两类,核心判定标准:用户付出的时间,是否对应情绪、体验、拥有感回报

1. 负面坏摩擦(需彻底剔除)

image.png

源于产品设计疏漏、系统缺陷,用户被迫替产品漏洞买单,全程无任何收益:验证码反复失效、APP 跨端无序跳转、入口层级混乱、无理由超长排队、规则刻意晦涩难懂。
 
Maya Kronic 提出的jankspace精准概括这类痛点:产品对外宣传全链路无缝自动化,实际使用却要在账号、支付、文件、权限间反复跳转,消耗用户耐心却毫无体验增益,属于设计失误带来的无效负担。

2. 正向好摩擦(可主动设计)

通过仪式、探索、参与类步骤,把效率损耗转化成体验价值,用户清楚付出的目的:
  • 仪式摩擦:黑胶拆封上针、相机装胶卷、演出排队入场、新品拆盒;
  • 探索摩擦:线下逛街随手摸面料、货架偶遇算法未推荐的单品、钻研桌游规则;
消费心理学宜家效应佐证:用户亲手投入步骤完成事物后,会自发抬高产品价值;动手参与的沉没成本,最终转化为情感与记忆沉淀。
表格
 
 
 
摩擦分类 用户体感 典型场景 设计决策
坏摩擦 被迫填坑、烦躁流失 重复登录、错乱跳转、无效排队 全盘删除优化
交易必要摩擦 安全感确认 支付二次核验、隐私授权 精简话术、保留必要步骤
仪式型好摩擦 沉浸场景、充满期待 开箱、线下试穿、集章打卡 结构化设计,配套情绪回报
记忆型好摩擦 愿意投入时间、加深印象 长内容观看、线下展览动线、手作 DIY 设计体验峰值
核心结论:用户不排斥多走一步,只反感「不知道为什么多走一步」的无用折腾。

三、AI 时代,实体服务业靠 “人性化摩擦” 重回价值高地

AI 正在无限抹平标准化工作:文案、制图、方案规划均可一键生成,极致顺滑变成基础基建,不可标准化的人工细节、带微小阻力的人性化服务,成为稀缺竞争力
 
优秀服务从不盲目追求全程零沟通、高效率:
  1. 线下门店:店员观察顾客随身状态、天气、赶时间与否再上前推介,而非一进门强行推销;
  2. 生活服务:美容师记住顾客睡眠状况,按需减少推销、预留安静休憩时间;
  3. 社区小店:老板记住老客饮食习惯,随口一句 “照旧?”,无数据转化指标,却牢牢锁住复购。
体验经济理论《Welcome to the Experience Economy》早已点明:企业售卖的不止商品,更是一段专属经历;AI 全面自动化后,人的临场判断、即兴互动、留白停顿,恰恰是效率产品无法复刻的独特摩擦价值。

四、两大经典案例:一正一反看懂摩擦落地逻辑

image.png

正向案例:Apple Liquid Glass(界面设计)

从 iOS 扁平化极简,到 2025 WWDC 推出 Liquid Glass 动态玻璃界面,苹果重新把光影折射、材质形变、层级反馈带回交互:点击触发玻璃形变、环境光实时改变界面通透度,不堆砌冗余特效,用可控的物理触感摩擦,让用户清晰感知 “正在操控实体化界面”

image.png

区别于早年臃肿拟物化,新版玻璃设计遵循克制原则:仅在关键控件增加材质反馈,兼顾可读性与操作实感,印证:优质简洁不是全盘抹除触感,而是保留必要的交互阻力。

反面案例:Amazon Style(线下零售踩坑)

亚马逊试图用全数字化改造服装门店:顾客扫码选品、系统远程送衣进试衣间、全程线上结账,砍掉逛街摸面料、随性闲逛、店员穿搭建议、偶遇冷门好物的所有低效环节,把线下实体店做成高价版线上 APP。
 
最终 2023 年全线闭店。线下商业的核心刚需从不是 “最快买完衣服”,而是闲逛、试错、即兴决策带来的沉浸式体验;盲目消灭所有低效摩擦,等于剥夺用户到场的核心理由。

五、Z 世代反向选择:主动给自己增设有效阻力

image.png

当下年轻人主动逃离全自动化效率产品,复古消费持续升温:
  • 数码:CCD 胶片相机、功能笨手机、有线耳机回归,主动接受废片多、不能无限刷信息流的限制;
  • 文娱:黑胶、实体 CD 销量上涨(2024 上半年美国黑胶销售额同比 + 17%),愿意经历拆碟、上针、翻面的繁琐流程;
  • 生活:纸质手账、桌游、城市漫游走红,放弃智能提醒、一键开局的便利。
根源在于:算法产品过度顺滑、精准投喂,用户长期被动接收内容逐渐疲惫;可控的人为阻力,帮用户夺回生活自主权,Slow Technology(慢科技)理念同样佐证:产品除了高效完成任务,也可以为反思、停顿、长期陪伴设计合理阻力。

六、AI 泛滥环境:带人工痕迹的小摩擦,成为品牌差异化符号

image.png

海量 AI 量产内容千篇一律:文案、海报、短视频工整完美、无瑕疵无棱角,标准化顺滑内容不再稀缺,带手工痕迹的 “不完美摩擦” 成为辨识度来源,喜茶拙趣设计是绝佳落地样本:
 
手写不规则字体、涂鸦风围挡、保留错字手写修改痕迹、用户手绘 DIY 杯贴实体上墙。没有刻意拉长排队、增设操作步骤,仅通过保留人的手工瑕疵,跳出 AI 模板化设计,让用户直观感知:这份设计出自真人之手,而非流水线批量生成。
设计师隐喻「表情符号没有皱纹,但人有情绪」:全链路零瑕疵的产品没有记忆点,局部手工瑕疵、适度不规整、可控小阻力,恰恰是品牌跳出同质化的识别符号。

七、落地准则:品牌如何科学设计良性摩擦(避坑指南)

绝对避雷(禁止刻意制造坏摩擦)

不藏入口、不晦涩规则、不无故拉长排队、不用低可读性文案、不靠繁琐动效为难用户,良性摩擦是用户自愿参与的邀请,不是筛选用户的门槛

四大好摩擦设计原则

  1. 路径可预期:多一步操作,提前告知用户收益;
  2. 等待有回馈:短暂等候后,给到情绪惊喜、专属体验;
  3. 学习有价值:学习规则后,解锁专属玩法、深度体验;
  4. 操作有收获:触摸、筛选、比对的动作,转化为产品拥有感。

八、结语:顺滑负责成交,摩擦负责留下

极致顺滑帮品牌快速完成交易、高效流转用户;而经过设计的良性摩擦,拉长体验密度、沉淀用户记忆、塑造品牌独特气质。
 
未来产品与品牌的竞争,不再比拼谁能把流程压到最短:咖啡不必极速出餐、线下门店不用照搬 APP 逻辑、品牌广告不必 3 秒抓眼球、内容不必无脑一键划走。
 
效率是行业标配基建,质地、参与、投入、真实记忆才是新的稀缺资源;好设计既要让人高效通过,更要靠良性摩擦,让用户深度留下

优化亮点说明

  1. 结构优化:去掉原文零散碎片化批注、无关小红书杂图文字,9 大板块合并为逻辑递进 8 段,从概念→分类→案例→落地,阅读流畅度提升;
  2. 文字精简:剔除口语化冗余短句、重复观点,保留全部权威理论(宜家效应、慢科技、体验经济、Designing Friction)与原版案例;
  3. 落地强化:提炼落地表格 + 设计准则,方便产品 / 设计师直接复用;
  4. 细节规整:统一案例时间、数据标注,专业概念释义通俗化,兼顾专业性与可读性;
  5. 标题分层:大小标题层级清晰,适配公众号 / 行业专栏排版。

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

读懂AI发展演变史后,教你应对设计焦虑

之晨 行业趋势

AI 行业的爆发始于2022年 ChatGPT 和 Midjouney 的发布,到现在已经快4年了,整个发展过程用突飞猛进、日新月异形容一点都不过分。

但不管它过去还是现在,发展得有多迅猛,都依旧处于行业早期的开荒和发展阶段,离真正成熟的理想形态还有很长的一段路要走,这是我们首先要达成的共识。

而之所以有这样的结论,原因就是 AI 的发展速度是超过现实世界匹配它的速度的,这造成了一种经济和机会成本上的巨大阻力。

简单来说,我们可以把 AI 技术的应用拆分成上、中、下游三个层,上层是 AI 的核心,主要是算法、大模型,中游是负责运行AI模型的硬件和支撑,即 AI 芯片、光模块 CPO、高速内存 HBM、服务器液冷、特高压电路等,下游即 AI 具体的应用工具,包括 AI 软件、硬件、智能体等。

image.png

 

这是一个非常庞大且复杂的产业链,它们之间是需要相互耦合,才能顺利应用到具体的使用场景中。

简单来说,就是 AI 模型厂商需要根据技术路线和成本选择硬件并购买算力中心,以及消耗海量的电力来训练自己的模型并维持它的正常运转。虽然这些背后的基建作为普通用户可能感受不深,但头部厂商的竞争已经到了白热化的阶段。

比如大模型的开发必然要关注硬件规格和架构,大洋彼岸除了英伟达外,还陆续推出了谷歌 TPU、微软 Maia、英特尔 Gaudi 等芯片,它们代表了不同的技术方案,应用在了不同的模型上。

而因为贸易和地缘政治的因素,国内是无法进口这些高端芯片,所以我们只能自研生产以满足国产大模型的需求。如阿里在自研并应用自家的真武系列芯片, DeepSeek 近期更新缓慢的重要原因就是因为要适配华为的昇腾系列芯片等。

之所以要提这点,是因为 AI 大模型的发展也适用马太效应,赢家通吃。在接近性能和水平下谁家应用的算力、电力成本最低,谁就具备了最大的优势。

而每家大模型厂商都要面临技术路线的选择,并投入海量的成本孤注一掷做基建,很难走回头路。这种发展路径注定会让行业发展充满波折和动荡,会有很多企业倒在半路上,连带着它们提供的产品和服务一起逐渐消亡。

比如文生图的 OG Midjounery,已经无法跟上大厂的技术和训练规模掉队,在今天已经无人问津,而一年多前网上还到处都是用 MJ 生成UI界面设计,UI 设计师要下岗的帖子。

强如 OpenAI,也要应对 Google、X AI、Anthropic、Seedance 的冲击和成本管理失控(GPT5 训练量需要消耗一个中等规模城市1年用电量),也在近期放弃旗下的文生视频工具 Sora。

image.png

 

模型和硬件端都充满了巨大的不确定性,因为技术的发展是需要“试”出来的,总有前浪会被拍死在沙滩上。至于谁会被拍死在沙滩上就不是站在今天的视角上能回答的。

再回到我们今天的主角 Anthropic,这是一家非常务实的 AI 公司,专注于开发有商业应用场景的大模型,是写作、编程等领域中的最佳选择。与之相对的则是类似 ChatGPT、Gemini 这类全能多模态大模型。

因为其模型可用性极高,所以从去年开始付费用户量暴增,在今年初预估年化收益已经超过300亿美元,不仅用户付费率远高于 OpenAI,且运行成本也远比它低。

image.png

 

而这家公司想要年底要上市(估值8000亿美金),产品矩阵的拓展就成为非常重要的资本策略。通过发布 Claude Design,能很好的和 Claude Code 实现联动,完成使用 AI 开发软件的闭环。

至于现阶段 Claude Design 够不够用不重要,毕竟故事和逻辑是成立的,作为初版它也有后续升级迭代和优化的空间。在我们目前的试用中,它的生成效果也就那样,但消耗的 Token 量(你最好确保自己有个足够鼓的钱包)……

Claude Design 有新上市的光环风头正盛,那是否还记发布也还不久的Google Stitch、OpenClaw、FigmaMake、Rive、Pencil 等等。

image.png

 

再往前是否还记得使用 StableDiffusion 训练 Lora 和 Checkpoint 的工作流?

image.png

 

工具一直在更新,即使今天还很粗糙。但用发展的眼光看问题的话,终有一天它生成的质量会足够高足够智能足够可控,甚至通过脑机接口 BMI 实现所想即所得的水平(又到了做梦的时候)。

但是,那天是什么时候?

以及,和你现在设计的界面有什么关系?

作为设计师一定要搞清楚的逻辑,就是 AI 生成界面和图像的过程,只是一种工具的发展和进步,提升了设计师的设计效率。就像人类发明了电脑和软件,取代了尺规作图,同样也大幅度降低了设计的效率和成本,但设计师这个岗位并没有消失。

因为使用工具的人之间的差异,会直接影响最终的输出效果,就像用同一个 AI 生成工具你可能就是做不出网上高赞帖子的案例,都用美图秀秀不用 PS 去 P 图你也 P 不过有一定专业积累的摄影师。

而且任何工具使用都有门槛,就一个简单的 Claude Design、Google Stitch 安装和使用都需要学习和适应,生成结果还要做大量的调节和校准,这些就不是工作量,老板和产品经理也一定能闲得每天学习新工具并且直接自己干?

我相信有很多公司现在都很热衷于拥抱 AI,强行推进 AI 的工作流,从企业战略和发展的角度来讲是能够理解的,但在实际执行层面上却不会像想的那么美好。其中最大的问题就是前面提到的整个产业的不确定性,产品还都有各自的局限。

每个团队在搭建 AI 工作流的时候需要做技术的选型,以及围绕自己的实际生产场景优化工具的使用方式。往往为了一个简单的工作结果就要耗费大量的精力去搭建工作流,而这个工作流很可能是一次性的,因为之后的工作场景发生改变这套工作流就用不了了。

有些同学可能心态好点觉得这种过程可以收获宝贵的经验,但最不幸的,就是工具的升级和更新(甚至关闭)可以直接颠覆掉原来的做法,让原先的成果毫无意义。

在我朋友中普遍得到的反馈,就是在稍微复杂的专业场景中,强行适配 AI 的结果往往只有增加工作量,原先目标的降本增效,实际导致了更长的工作时间和更晚下班,从去年到现在在不同 AI 工具中做研究疲于奔命。

换个角度思考,其实就是工作过程变成今天用 PS,明天用 Figma,后天用 Excel 或 PPT 进行设计,每一阵子换个工具设计相同的东西,而它们又不能解决设计过程中最复杂的决策部分。

也就是我们一直在使用充满不确定性的工具去寻求相对确定的结果。

这就是今天 AI 工具在 UI 行业中应用的真相,不管我们怎么用逻辑还是格局去判断未来 AI 要实现一切,但起码不是今天和最近,就是变得更强了,也依旧需要有人去操作和控制。

而我们现在要做的是关注最终输出的结果,而不是和别人炫耀 Figma 用的好,还是 Sketch、XD、即时、Pixso 用的好。等到市场竞争格局基本确认,通用的工具也普及以后,再去掌握和学习也不会低人一等(门槛不会高到哪里去)。

 

转载自 优设网

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

AI 正在淘汰的 10 种 UI 交互模式

清阳 行业趋势

AI 正在重构 UI 底层设计逻辑,表单填报、数据看板、筛选组件等依托用户手动操作诞生的经典交互范式迎来系统性迭代,大量沿用多年的产品界面从 “人机操作载体” 转向 “AI 结果校验载体”。当下产品与设计团队普遍面临隐性 UX 负债:大量仍可正常运行,但底层设计逻辑已经落后于 AI 技术发展的老旧交互模式。
过往数十年,仪表盘、录入表单、筛选侧边栏、配置向导、消息通知、FAQ 帮助页、新手引导等界面,设计出发点统一围绕:用户需要手动落地操作。设计师所有界面方案,均立足于 “人作为实际执行者” 这一核心前提。但生成式 AI、智能 Agent、多模态理解技术落地后,这套底层假设正在崩塌:AI 可自主完成绝大多数标准化操作,一大批传统 UI 失去原生存在价值。

image.png

本文拆解八大被 AI 重塑的经典交互形态,区分淘汰、改造、留存三类设计走向,总结 UI 从「人类执行界面」向「人类监督界面」的行业大迁移。

一、八大传统 UI 模式的迭代变革

1. 多步骤配置向导:分步弹窗引导→AI 智能预判 + 结果确认

image.png

传统配置向导通过拆分线性步骤、分步弹窗提问,引导用户完成系统配置,要求使用者读懂专业术语、跟随固定流程逐项设置。但 AI 可依托账号历史数据、操作场景、初始行为自动推演配置需求,层层问询反而变成使用阻碍。
 
改造逻辑:用户仅通过一句话自然语言表达需求,系统自动完成全流程配置搭建,用户角色从逐项填表的操作者,转变为结果审核人,只需修正 AI 生成内容的偏差。
 
落地案例:Shopify Sidekick 依托店铺经营数据,自动识别爆款商品,一键生成精选商品合集、配套折扣规则与营销活动,商家仅需核对方案、确认落地;反观 HubSpot 创建报价需 7 步手动填表选型,全流程重复录入系统已存信息,向导模式效率劣势凸显。
留存边界:极小众精细化定制场景,配置向导保留兜底入口,不作为主流操作路径。

2. 筛选侧边栏 + 关键词手动搜索:多条件手动勾选→自然语言意图检索,筛选退居微调辅助

image.png

传统搜索需要用户完成两次转化:把真实需求提炼关键词,再通过尺码、价格、分类等筛选控件拆分条件,关键词 + 复选筛选组合是过去精准检索的标配。自然语言语义检索成熟后,用户一句话即可锁定全部约束条件。
 
改造逻辑:产品以自然语言输入框作为搜索主入口,侧边筛选不再是核心检索工具,降级为结果微调组件;用户可通过多轮对话持续优化筛选范围。
 
落地案例
  1. KAYAK AI 模式:单句输入出行需求,系统自动解析日期、位置、预算等信息,直出机票、酒店结果,无需拆分表单填写;
  2. 招聘工具 Wrangle:HR 输入岗位经验、技能要求,AI 自动批量匹配候选人并生成匹配分数,摒弃多维度筛选面板。
     
    补充:筛选组件并未消亡,在用户漫无目的、随意浏览探索的场景(如鞋服商城闲逛),筛选用于可视化全品类商品,承担浏览发现作用,仅从核心功能变为辅助功能。

3. 手动录入表单:全字段人工填写→AI 自动提取 + 高置信预填,表单转为纠错面板

image.png

传统表单设计聚焦优化输入体验:调整字段排序、快捷键跳转、输入校验,默认所有信息由用户手动录入,即便附件已有完整数据,仍需二次手动誊写,造成冗余操作。文档 AI 可从图片、PDF、邮件、票据中结构化提取信息,从根源消除重复录入。
 
改造逻辑:上传原始凭证后,AI 自动填充表单字段,高置信数据静默回填、低识别度字段高亮标红,用户只修改异常内容,表单从录入载体变为数据核对视图。
 
落地案例:QuickBooks 报销系统迭代 Autofill 功能,上传发票图片 / 文件,系统秒级抓取收款方、金额、开票日期等信息,用户告别全字段手动填写。

4. 静态数据看板与预制报表:全指标平铺展示→异常优先预警 + 对话式数据下钻

image.png

传统数据看板、周期报表提前预设固定统计维度,铺满全量 KPI 指标,所有数据权重一致,需要使用者人工翻阅海量数据、自主查找业务异动,关键异常极易被海量数据淹没。AI 数据分析实现实时异动监测与归因,重构看板设计思路。
 
改造逻辑:看板不再罗列全部数据,优先高亮业务异常、增长机会,附带可一键执行的优化动作;深度数据探查改用自然语言提问,AI 自动拆解数据、定位问题、输出优化方案。
 
落地案例
  1. Shopify Pulse:自动分析店铺营收,提炼爆款促销、购物车挽回等运营建议,搭配一键创建活动按钮;
  2. Amplitude AI:输入 “优化定价页转化率”,系统自动定位无效点击、暴躁点击等转化卡点,同步输出三套落地优化方案。

5. CRUD 数据表格:单条逐单元格编辑→自然语言批量指令 + 变更差异审阅

image.png

传统增删改查表格基于单行单字段操作设计,批量修改大量数据时,用户需重复上百次点开、编辑、保存操作,用户宏观业务意图被切割为碎片化操作。
 
改造逻辑:用户用自然语言下达批量修改指令,AI 自动生成全量变更清单,页面展示修改前后数据差异,使用者批量确认或驳回个别修改项,表格从编辑工具转为变更预览视图。
 
落地案例:Airtable 智能字段助手,一句指令即可批量全网调研竞品营收与产品优势,自动整表填充新增字段,无需逐个单元格录入。

6. 静态 FAQ + 分层帮助文档 + 固定式新手引导:静态说明书→场景化实时 AI 答疑

image.png

过往产品依靠分步新手弹窗引导、层级式帮助文档、标准化 FAQ 解答问题,内容为通用模板,无法匹配用户当下页面、报错场景、操作链路,用户遇到个性化问题很难精准检索对应方案。
 
改造逻辑:帮助文档、FAQ 转为 AI 知识库底层素材,不再面向用户开放查阅;AI 实时识别用户所处页面、操作行为、报错信息,按需推送定制化解决方案,熟练度越高,引导提示越精简;复杂问题支持屏幕共享、语音对话多模态求助。
 
落地案例:Google AI Studio 搭载实时屏幕共享、语音咨询功能,AI 实时同步用户操作画面,针对性解决实操问题。

7. 时序信息流通知:全消息平铺推送→AI 智能分级摘要 + 重点事项定向提醒

image.png

传统通知系统按时间线平铺全量消息,点赞评论、系统故障、审批提醒权重一致,海量无效消息淹没关键告警,用户需要逐条浏览筛选重要信息。
 
改造逻辑:AI 充当信息分诊官,依据紧急度、业务关联度拆分消息:低优先级内容合并为定期摘要简报,高风险事件附带因果链路、业务影响、处理方案定向推送,通知中心进化为决策工作台。
 
落地案例:Datadog 监控告警摒弃零散条目推送,以「故障根源 - 服务异常 - 用户影响」链式结构展示事故,运维人员一键定位问题。

8. 空白页「新建」按钮:空白画布从零创作→AI 一键生成初稿,用户择优修改

“新建空白文档 / 项目” 按钮把用户置于零创作起点,空白界面极易带来创作焦虑。
 
改造逻辑:用户描述创作需求、约束条件,系统自动生成完整初稿,用户工作从从零原创变为内容微调、择优优化,创作界面完成从空白创建到内容迭代的转变。

二、推动 UI 变革的八大核心技术驱动力

  1. 执行全自动化:AI Agent 可闭环完成多步骤串联工作,依赖人工分步操作的界面失去刚需;
  2. 环境上下文理解:系统自动读取用户文档、历史行为、账号数据,无需页面反复采集已有信息;
  3. 自然语言意图解析:机器读懂口语化需求,无需用户把想法转化为下拉框、筛选条件等系统语言;
  4. 多模态输入融合:支持图文、语音、屏幕画面多维度交互,打破仅文字 + 表单的交互限制;
  5. AI 生成初稿能力:依托简短描述生成可用内容,消灭空白创建的使用痛点;
  6. 按需场景解释:精准捕捉用户困惑,即时推送对应指引,摒弃前置全量灌输的新手教程;
  7. 交互成本压缩:多步人工操作浓缩为单次指令,精简冗余页面流程;
  8. 信息智能分级:自动筛选信息优先级,告别全量信息无差别展示。

三、行业发展规律:新旧 UI 并非非此即彼,而是主次迁徙

传统交互不会瞬间彻底消亡,筛选栏、配置向导、空白新建按钮仍会长期保留:面向 AI 信任度不足的用户、小众边缘业务场景、无 AI 算力支撑的使用环境,老旧交互作为兜底备用方案。
 
长期演化趋势:传统执行型 UI 从产品核心主路径,逐步下沉为备选兜底功能;AI 驱动的决策监督型 UI 成为产品主流交互。

两类界面划分

  1. 执行导向 UI(持续萎缩):服务人工重复录入、分步配置、逐条修改等机械操作,AI 接管落地执行后,该类页面持续精简;
  2. 决策监督 UI(快速增长):用于审核 AI 输出结果、修正系统偏差、研判异常数据,是未来 UI 设计核心发力方向。

四、总结

AI 时代 UI 设计的核心变化:人类不再是系统操作工,变成 AI 成果的审核决策者。未来优质界面的设计目标,是放大人类的判断与决策价值,而非强迫用户复刻机器的运行逻辑。
 
转载:人人都是产品经理
 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

超全梳理!B端产品设计风格的5个阶段

清阳 行业趋势

因此今天兰亭妙微UI设计公司,来讲解 B 端产品界面的视觉风格,聊聊在整个行业当中视觉风格的变化与目前的现状。以及给大家说说未来应该如何选择自己产品的视觉风格~

我们会将整体分为行业初期,萌芽期、成长期、野蛮发展期、新阶段 ,每一个阶段给大家总结一个最为流行的风格,并分析这个风格出现的原因,方便大家进行理解。

一、行业初期-经典传统风

我们把时间拉回到 2012 年。在那时,Ant Design 还没有出现,也没有什么 Element、Semi Design,行业当中最早的 B 端系统都是以客户端的形式进行呈现。

整体风格也非常老旧,像是那会儿的 Office、SAP、Salesforce,你可以看到都是他们青涩的模样。

image.png

image.png

在经典传统的设计风格当中,会使用大面积的白色作为底色,同时在页面中用灰色进行分割,使得整个页面散乱抢眼,导致整体的视觉很难被大众所接受,总体感觉信息较散,难以进行聚焦。

而在早期,出现这些老旧风格主要有三个原因:

  1. 技术框架限制:因为当中成熟的前端框架较少,没有太多技术栈提供给到开发进行使用,因此没有精力将页面做得漂亮
  2. 认知不足:设计师对于客户端、网页端的设计理解认知本身不够,做得较为粗糙,比如当时的 Office 的界面设计也大致是如此的模样
  3. 风格一致:早期 Windows 系统就是这样的风格,与 Windows 一致更容易被大众所接受,因此就很难进行创新

关于这类风格的产品,大家不要觉得这夸张,其实在目前依旧有很多产品会延续这个风格。比如 医疗类产品、工业生产类系统,对于他们而言,能用即可,不必纠结太多。

但随着时间的推移,行业中对于 B 端设计的要求也在逐渐变高。

二、萌芽期-清爽整洁风

我们将时间推移到 2015 年前后,随着行业不断发展,在国外 Fiori、Salesforce 的出现让大家意识到,这类型的 B 端产品也是需要设计的。

因此国内外的很多系统都是在这一时间面世,像是 Ant Design、Element 都相继发布。

image.png

由于这些设计系统的诞生,你会发现大家对于整个 B 端设计有了一点自己的想法。

在设计上,会去考虑使用 区块划分,将整个页面进行规整呈现。

比如 SAP 在使用了 Fiori 过后,就会使整个界面更干净。

image.png

image.png

image.png

同样非常老牌的 Salesforce 在 2015 年的时候。也带来了相当大的视觉变化。整体都能感受到,整个页面会通过不断的分层、颜色的划分、通过黑白灰的方式去呈现页面当中的基本信息。

三、成长期-沉稳侧黑风

我们的时间来到 2018 年前后,在这个时间节点,很多产品都推出了自己的设计系统,对于 B 端设计风格而言,也会提出更高的要求。

比如 Teambition 产品当中,它们提供了自己的设计系统的内容去指导整个产品来进行迭代和优化。同样 Ant Design 它们也推出了自己的 Ant Design Pro 来演示使用设计系统过后,能够搭建出什么样的产品。

image.png

同样,这个时段很多产品也开始进行自己产品的视觉优化,这时候整体的风格是以:黑色侧边导航为主,然后内容形态进行延展。

比如像有赞、Coding、微盟、飞书,之前都是这样的设计风格来进行呈现。

image.png

你会发现它们在整体的设计上都会更加重视页面的分块颜色的区隔,整体页面的识别效率。同时这段时间爆发出来非常多的 B 端产品,随后国内都会按照侧边黑色导航的样式进行进一步设计,这一定程度上提高了国内 B 端设计的下限~

四、野蛮发展期-新拟态风

我们随后将时间推移到 2019 年后,在这时诞生了新拟态设计风格。

它最早是乌克兰设计师 Alexander Plyuto 在追波和 ins 发布的一副系列作品,随后大家发现非常奇特,所以得到广泛的关注。

新拟态的设计风格是以立体效果与浮雕元素,呈现更为三维立体的效果,会给人一种奇特、梦幻的界面体验。

image.png

随后就会有很多产品都开始进行跟进,比如 智能家居的产品、金融类产品都有所涉及,甚至很多 B 端产品也勇敢尝试,但大多数设计师设计完过后,整体评价都不算太高。

image.png

为什么没有大规模的推行,我觉得有 3 点原因:

  1. 因为新拟态风格整体所占面积较大,比较浪费空间。像是一个按钮,都需要使用较大空间才能呈现。
  2. 需要大面积的留白,但是对于 B 端设计来说无法做到,因此很难进行使用。
  3. 同时很多用户刚开始觉得好看,但随着时间的推移,出现审美疲劳,因此就不太喜欢。

现在还会使用新拟态风格的界面设计越来越少,大多数只会在官网设计的局部进行使用,这样可以转换视觉感受,给到用户更好的视觉冲击~

五、新阶段-灰白风

时间来到 2022-2024 年左右,你会发现很多产品都开始在这个时间节点进行更新。

像我们熟知的 飞书、有赞、微盟、ONES、Coding,再到 Ant Design、Salesforce,你会发现非常多的产品都在进行界面风格上的迭代。

对于这个风格,我们愿意叫它为 灰白风。

整体页面是以 灰色和白色 进行的页面划分,在分布上灰色占据弱侧信息,白色占据核心信息,进而形成对页面内容的划分。

聊到这里,可能有部分同学不太理解,这里我们以飞书管理后台的迭代作为示例,给大家进行讲解。

在 2018 年,飞书管理后台的第一个版本,采取的就是沉稳侧黑风,

image.png

在 2022 年,飞书的管理后台开始改变为灰白风格

image.png

由于业务的叠加,2023 年时,在此基础上增加了顶部导航的业务维度,最终形成了现在这样的界面。

image.png

为什么这类型的风格会大受追捧,我觉得有以下几个原因

  1. 减少信息层级,给用户减负:之前沉稳侧黑风格,会发现页面明显进行大面积的分割,导致视觉感受出现较大差异。现在只用灰色作为底,去区分主副信息这样会更简单的突出主要信息内容。
  2. 平台型产品更容易嵌入:因为国内 B 端产品大多需要依附“钉钉、企微、飞书”三大平台,因此使用灰白风能够让自己产品快速嵌入,不需要过多调整。如果你的产品是沉稳侧黑风,那结果想都不敢想...
  3. 更容易进行适配:针对多产品的业务,也能够使用同一套业务完整呈现才会更加合理。比如飞书的灰白风,在飞书的其他很多产品里面也会存在

image.png

关于设计风格,我们这篇只是讲解了过去的风格内容,下篇文章我们讲解当前整个 B 端产品的设计梳理,讲解了更为重要的四种风格。

转载:优设

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

AI 赋能百度优选商家经营提效交互设计实践

清阳 行业趋势

一、前言

 
兰亭妙微UI设计公司分享:随着 AI 技术深度渗透电商经营全链路,百度优选商家后台已在商品创建、经营管理、客服接待、直播带货、履约售后等核心经营场景,全面落地 AI 能力。
 
但商家实际使用中普遍陷入不会用、不敢信、用不好的体验困境。深挖痛点发现:AI 交互模式不统一、视觉表达混乱是核心症结,大幅拉高了商家对 AI 工具的认知门槛与使用成本。
 
基于此,项目以统一 AI 认知、提升商家经营效率为核心目标,启动 AI 功能全链路体验升级。团队摒弃行业通用的嵌入式、对话式、伴随式三类常规 AI 交互形态,结合 B 端商家后台操作习惯,放弃适配沉浸式问答的对话式交互;同时针对客服接待、直播运维等低人工介入的规模化场景,创新提出托管式全新交互范式。
 
配套搭建统一 AI 视觉感知体系,最终形成一套易理解、易上手、可信赖的商家智能体验解决方案,助力商家经营降本、效率倍增。

image.png

二、三大 AI 交互范式场景化落地应用

 

(一)嵌入式交互:复杂表单智能填写助手

image.png

核心定位:AI 能力贴合操作场景,交互轻量无感,主打复杂表单自动化高效填报,典型应用于商家商品创建场景。
 
商品创建字段繁杂、手动填写耗时费力,还易因格式不规范审核驳回、拉长发品周期。设计中依据字段属性与 AI 能力,拆分两类交互逻辑:
 
  1. 填充识别类:规则标准化信息,AI 自动识别提取并一键填入,搭配「AI 预填」标签状态提示。如上传商品包装图,自动识别品类、工艺、包装规格等属性自动录入,替代手动打字,大幅节省填报时间。
  2. 推荐优化类:商品标题、主图等创意类内容,AI 智能生成优化方案,只推荐不强制预填,支持商家自主微调、手动确认录入,兼顾智能推荐与个性化需求,缩短人工审核周期。
 
落地成效:商家平均发品时长缩短 8 分钟,发品成功率提升 0.7%,模块使用满意度提升 25%,在原有业务流程内实现效率跨越式提升。
 

(二)伴随式交互:全场景主动经营诊断助手

 

核心定位:深度融入商家经营动线,打破传统 AI 被动问答模式,实现主动触达、连续洞察、链路指引,变身商家专属经营伙伴。
 
  1. 主动触达,前置服务
    image.png
    AI 助手全局入口以流光呼吸感动效 + 轮播词条轻量化吸引关注,实时推送店铺流量、经营数据关键动态;商家停留任意业务页面时,系统自动识别潜在经营隐患,如主图尺寸影响点击率、看播时长下滑等,提前弹窗轻量提醒,不等商家提问便主动提供服务。
     
    覆盖直播中控台、数据诊断、店铺运维、电商推广等全场景,核心指标直观外露,优化建议一键可查。
     
  2. 连续洞察,可解可追溯

    image.png

    AI 输出数据结论与经营建议时,同步展示推理逻辑、数据来源摘要,打造可解释式 AI;并基于当前场景预判商家后续需求,主动延伸经营问题排查链路,从单点答疑升级为系统性问题解决方案,降低商家决策与信息获取成本。
     
 

(三)托管式交互:低介入安心服务管家

 
核心定位:创新新增交互范式,区别于嵌入式、伴随式需商家实时参与的模式,以预设规则 + 系统自动执行实现高度自动化,主打客服接待全场景无人值守服务。
 
破解两大行业痛点:人工无法 7×24 小时全天候接待、峰值咨询难以全覆盖;商家顾虑 AI 自动化「黑盒操作」,不敢全权托管。
 
  1. 可视化配置,建立信任
     
    搭建直观的策略配置面板 + 消费者端效果预览,商家可按售前咨询、售后退款、催单答疑等细分场景,自定义 AI 回复规则,配置即所见,让抽象 AI 能力变得可控可预判,消解商家信任顾虑。

    image.png

  2. 状态透明化,顺滑人机接力

    image.png

    全域实时展示 AI / 人工接待状态,会话列表智能分组、单人接待状态动态更新;遇复杂诉求、用户负面情绪等 AI 无法应答场景,会话自动流转至人工待处理队列,高亮 + 音效双重预警,提醒客服快速接管。
     
    人工接手后 AI 自动暂停接待,同步生成会话摘要,帮助客服快速厘清前因后果;客服可一键恢复托管,新会话也可自动重启 AI 接待,形成高效人机协同闭环。同时在消费者端明确标识 AI / 人工身份,保障服务感知连贯稳定。
     
 
落地成效:客服咨询响应时长缩短 15.8%,商家服务满意度提升 14%,买家满意度提升 7.4%,实现全天候规模化接待与服务质量双向升级。
 

三、搭建全链路智能化感知体系

 

在三大交互范式基础上,打造贯穿产品全链路的AI 专属智能视觉语言体系,沉淀标准化设计资产,赋能 B 端整体体验升级。
 
  1. 视觉体系传承适配:沿用百度成熟 AI 标识与品牌主色,借用用户既有认知,降低 AI 功能学习成本;针对 B 端界面信息密集的特性,在原有智能色彩基础上降低饱和度视觉降噪,定制适配后台操作场景的浅色组件库。image.png
  2. 多维感官协同反馈:弥补浅色体系 AI 状态辨识度不足,叠加专属状态动效、场景声音提醒等多维感知方式,如 AI 智能接待扫光动画、消息预警音效,让商家在复杂界面中,快速感知 AI 运行状态、任务进度,保障信息传递高效精准。

image.png

四、设计核心:以商家提效为中心的价值赋能

 
本次百度优选商家后台 AI 体验升级,始终坚守统一 AI 认知、赋能经营提效核心主线:通过场景适配 + 范式创新,落地嵌入式、伴随式、托管式三大交互模式,精准解决商品创建、多线程经营、客服接待等核心痛点;以视觉 + 动效 + 音效多维智能感知体系,彻底破解商家「不会用、不敢信」难题。
 
业务层面实现发品效率、经营问题解决率、双向服务满意度全面提升;设计层面沉淀场景 - 范式 - 视觉可复用方法论与组件资产,可快速复用至直播带货、智能投放等更多电商经营场景。
 
未来将持续深耕商家真实经营需求,推动 AI 深度融入全业务链路,以交互设计驱动商家长效降本提效,助力百度优选商家生态高质量发展。
 
转载:优设
 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微UI设计公司:这种全新的交互方式,会成为未来AI应用的标配吗?

丽洁 行业趋势

前 Meta AI 团队创立的 Hero 公司,推出专利技术 AI Autocomplete SDK,能实时预测任务所需全部参数,输入 “订机票” 即刻呈现所有选项,让交互速度提升 10 倍、成本大降。这篇文章深入解析这项革命性技术的工作原理、应用场景与商业价值,探讨它能否成为未来 AI 应用的标配,带你看懂人机交互的下一场变革。

你有没有想过,为什么和 AI 聊天总感觉像在玩猜谜游戏?你说想订机票,AI 问你去哪儿。你说去纽约,它问什么时候出发。你说下周三,它又问几点。你说早上,它接着问要直飞还是转机,经济舱还是商务舱,要不要托运行李。这种来回问答的过程让人抓狂,就像是在玩一场永无止境的”二十个问题”游戏。更糟糕的是,有时候你都不知道 AI 需要什么信息,只能等它一个一个问。这种交互方式看似自然,实则效率低下,完全违背了 AI 应该让我们生活更简单的初衷。

前 Meta AI 团队成员创立的 Hero 公司刚刚发布了一项专利技术,可能会彻底改变这种局面。他们推出的 AI Autocomplete SDK 不是简单的自动补全功能,而是一个能够实时预测并呈现完成任务所需全部信息的系统。想象一下,当你开始输入”订机票”的时候,屏幕上立刻出现所有相关参数:出发地、目的地、日期、时间、航空公司、座位偏好、行李选项等等,你只需要填写或选择就好,不需要等 AI 一个一个问你。这听起来像是一个小改进,但实际上它可能会让 AI 交互速度提升 10 倍,成本降低 10 倍,并且为未来的增强现实设备奠定基础。

Hero 不仅将这项技术用在自己的助手应用中,还通过 SDK 向其他公司开放。这意味着我们可能很快就会在各种应用中看到这种全新的交互方式。而且,他们刚刚获得了 Forerunner Ventures 领投的 300 万美元追加投资,这是在去年 400 万美元种子轮之后的又一次资本认可。我深入研究了这项技术后发现,它的影响远比表面看起来要深远得多。

提示词工程为什么会成为一个职业

这个现象背后反映的是当前 AI 交互方式的根本缺陷。大语言模型虽然能理解自然语言,但它们并不知道用户想要完成什么任务需要哪些具体信息。就像 Hero 的 AI 工程师 Saharsh Vedi 说的:”现在的问题是,负担都在用户身上,他们需要思考 AI 需要什么信息。”这完全颠倒了技术服务人类的关系。

我自己在使用 AI 工具时也深有体会。比如用 AI 生成图片,我经常需要反复调整提示词,尝试不同的描述方式,才能得到满意的结果。有时候我花在琢磨提示词上的时间,比直接用传统工具做图还要长。更令人沮丧的是,即使你精心设计了提示词,AI 也可能遗漏某些重要细节,导致结果不符合预期。然后你又得重新生成,这不仅浪费时间,对于按次收费的服务来说,还意味着额外的成本。

当前主流的 AI 应用都试图通过各种方式解决这个问题。有些添加了建议按钮,提供预设的提示词模板。有些使用引导式问答,一步步收集用户需求。还有些像 Adobe 的 Firefly 应用,把提示词拆分成多个部分,比如创作音乐时分别输入情绪、风格和用途。这些方法都在一定程度上改善了用户体验,但都没有从根本上解决问题:用户仍然需要主动思考和输入信息,AI 仍然处于被动等待的状态。

Hero 的方法则完全不同。他们不是让 AI 更聪明地问问题,而是让系统主动预测并呈现完成任务所需的全部信息。这种思路的转变看似简单,实则颠覆了整个交互范式。就像创始人 Brad Kowalk 说的:”我们基本上意识到,你在互联网上能做的任何事情,都只是一系列参数。一旦你看到了这一点,就很难再忽视它。”这句话听起来简单,但它揭示了一个深刻的洞察:无论多么复杂的任务,本质上都可以分解为一组参数,而这些参数是可以预测和呈现的。

AI Autocomplete 如何工作

AI Autocomplete 的核心理念是前置加载所有必要信息,而不是通过反复问答来收集。当你开始输入或说话时,系统会实时更新界面,显示完成这个动作所需的所有参数。这不是简单的文本补全,而是一个理解任务结构、预测所需信息、动态呈现选项的智能系统。

拿订机票这个例子来说。在传统的 AI 助手中,你可能需要经历这样的对话:你说”我想订机票”,AI 问”您要去哪里?”,你说”纽约”,AI 问”什么时候出发?”,你说”下周三”,AI 问”您希望几点的航班?”,你说”早上”,AI 问”经济舱还是商务舱?”,你说”经济舱”,AI 问”需要托运行李吗?”,以此类推。整个过程可能需要十几轮对话,每次都要等待 AI 的回应。如果你在某个环节说得不够清楚,或者 AI 理解错了,还得重新来过。

但在 Hero 的 AI Autocomplete 系统中,当你输入”订机票”的瞬间,屏幕上就会出现所有相关字段:出发地、目的地、出发日期、出发时间、航空公司偏好、返程日期、座位类型、行李选项等等。你可以随时停下来,只填写你知道的信息,然后发送查询。系统会根据你已经提供的信息,智能地建议或填充其他字段。你不需要等待 AI 一个一个问你,所有信息都在你眼前,你完全掌控着交互的节奏。

这种方法的优势是多方面的。第一,速度快。Hero 声称可以让操作速度提升 10 倍,因为省去了大量来回对话的时间。第二,成本低。每次 AI 的响应都需要服务器计算,减少对话轮次意味着大幅降低运营成本。Kowalk 特别强调了这一点:”因为涉及的消息更少,规模化运营的公司可以节省服务器成本。”第三,用户体验更好。你不会感觉自己在被 AI 审问,而是在一个清晰的框架内主动提供信息。

我特别欣赏 Hero 工程师 Vedi 说的那句话:”希望我们回头看时,几乎不记得’提示词’这个概念。”这体现了他们的雄心:不是改进提示词,而是让提示词成为历史。在他们的愿景中,未来的 AI 交互应该是结构化的、可预测的、高效的,而不是开放式的、充满不确定性的对话。

这项技术能用在哪些场景

AI Autocomplete 的应用场景远比订机票更广泛。Hero 在发布时特别强调了几个重要领域,每个都有可能被这项技术彻底改变。

搜索和电商是最直接的应用场景。现在在电商平台搜索商品,你需要输入关键词,然后在成百上千的结果中筛选,使用各种过滤器来缩小范围。这个过程既费时又费力。但如果有了 AI Autocomplete,当你输入”咖啡”时,系统立刻显示出品牌、烘焙程度、包装规格、配送时间、订阅频率等参数。你可以快速选择你想要的选项,甚至可以设置”每月配送”这样的重复订单。Hero 展示的咖啡订购例子就很好地说明了这一点:不仅可以快速完成当前订单,还能轻松设置定期订购,就像你说”每个月”一样简单。

媒体生成是另一个会被改变的领域。我之前提到过用 AI 生成图片时需要反复调整提示词的痛苦。AI Autocomplete 可以在你开始输入时就实时展示各种参数:主体、动作、风格、光线、相机角度、分辨率等等。你可以从这些选项中选择,而不是试图用文字准确描述你想要的效果。这不仅能激发创意,让你看到自己可能没想到的选项,还能显著减少生成次数,从而降低服务器成本。对于视频生成这种计算密集型任务来说,减少迭代次数的意义更加重大。

客户服务和企业表单填写也是重要应用场景。现在的客服聊天机器人通常需要通过一系列问答来收集信息,比如你的订单号、问题类型、联系方式等等。这个过程对用户来说很繁琐,对企业来说也低效,因为经常需要后续跟进来补充缺失的信息。有了 AI Autocomplete,聊天机器人可以根据用户的初始问题,立即呈现所有相关字段,引导用户一次性提供完整信息。这既节省了用户时间,也降低了企业的运营成本。

我认为这项技术最具潜力的应用可能还没有被充分认识到。比如在教育领域,AI Autocomplete 可以帮助学生构建更好的学习查询,展示他们可能没想到的相关主题和角度。在医疗领域,它可以帮助患者更准确地描述症状,提供结构化的问诊表单。在法律、金融等专业服务领域,它可以帮助非专业人士更有效地表达需求,获取更精准的服务。这些场景的共同点是:专业性强、信息复杂、普通用户难以准确表达需求。AI Autocomplete 恰好可以弥合这个知识鸿沟。

自然语言广告的新时代

Hero 的 AI Autocomplete 不仅改变了用户体验,还开创了一种全新的广告模式。这让我感到特别兴奋,因为它解决了自然语言界面商业化的一个核心难题:如何在对话式交互中自然地融入广告,而不破坏用户体验?

传统的搜索广告模式是基于关键词和搜索结果的。你在 Google 搜索”咖啡机”,顶部会显示付费广告。这种模式在图形界面中运作良好,但在纯对话界面中却很难实现。你总不能让 AI 助手在回答问题的中途突然推销产品吧?那会让对话变得非常生硬和令人反感。

Hero 的方法则巧妙得多。在 AI Autocomplete 系统中,品牌可以通过三种方式出现:第一,类似 Google Ads,品牌可以付费成为决策过程中的优先建议选项。比如在订咖啡的例子中,Peet’s Coffee 可以付费让自己出现在品牌选择列表的前面。第二,品牌可以建议互补产品,添加到当前订单中。比如在你订咖啡时,建议搭配某款点心或咖啡杯。第三,品牌可以从更高的重复购买率中受益,因为在 AI Autocomplete 系统中,设置定期订单就像说”每个月”一样简单。

我认为这种广告模式的天才之处在于,它不是打断用户的决策过程,而是增强这个过程。当你在选择咖啡品牌时,看到各种选项本来就是决策的一部分,付费推广的品牌只是在这个自然的选择过程中获得了更显眼的位置。这和传统搜索广告的逻辑一致,但执行方式更自然、更不突兀。

Hero 目前正在与 AI 广告平台 Koah Labs 讨论合作,将这种新广告形式推向市场。我觉得如果这种模式成功,它可能会成为自然语言界面商业化的标准模式。想想看,未来所有 AI 助手、AI agent 和对话式应用都可能需要这样一种不破坏用户体验的广告模式。Hero 作为先行者,有机会定义这个新兴市场的规则。

更重要的是,这种广告模式对小企业也很友好。不像传统的品牌广告需要巨额投入,自然语言广告可以非常精准地针对特定需求。一家本地咖啡烘焙商可以选择在用户搜索”小批量手工烘焙咖啡”时出现,而不需要和星巴克竞争”咖啡”这样的大词。这种精准性和可负担性可能会让更多中小企业进入数字广告市场。

为增强现实铺路

AI Autocomplete 的诞生其实源于增强现实的需求,这是我觉得最有远见的部分。Hero 的联合创始人 Brad Kowalk 和 Seung Woo Lee 都曾在 Meta 工作,参与 AR 相关项目。离开 Meta 后,他们一直在思考 AR 大规模普及面临的一个核心问题:当 AR 设备的屏幕空间远小于智能手机时,如何让它同样有用?

这是一个很多人没有深入思考过的问题。我们习惯了智能手机的大屏幕、复杂菜单、多层导航。但 AR 眼镜不可能有那么大的显示空间,也不适合复杂的触摸操作。那么,如何在有限的界面上提供丰富的功能呢?

大公司的思路通常是将移动端的界面缩小,配合手势控制。但 Hero 认为这不是正确的方向。Kowalk 和 Lee 的洞察是:AR 设备需要的不是缩小版的图形界面,而是基于意图的交互系统。用户应该能够用自然语言表达意图,系统通过 AI Autocomplete 这样的技术引导用户提供必要信息,然后直接执行任务。整个过程不需要复杂的 UI,只需要清晰的参数呈现和简单的选择机制。

我觉得这个思路非常前瞻。它不是试图把现有的交互模式搬到新设备上,而是为新设备设计全新的交互范式。这种轻量级但强大的 AR 操作系统,可能会成为下一代计算平台的基础。就像触摸屏为智能手机带来的革命一样,基于意图的自然语言交互可能会为 AR 设备带来类似的变革。

Hero 三年前就开始申请这项技术的专利,说明他们很早就看到了这个方向。现在专利已经获批,技术已经成熟,时机也恰到好处。大语言模型的进步让自然语言理解变得可靠,AR 设备开始进入消费市场,用户对新交互方式的接受度也在提高。所有这些因素结合在一起,为 AI Autocomplete 这样的技术创造了完美的时间窗口。

虽然 Hero 现在主要在移动和 Web 应用中推广这项技术,但他们的长远目标显然是 AR。这也解释了为什么他们选择以 SDK 的形式开放技术,而不是只在自己的应用中使用。他们希望建立一个标准,一个未来 AR 交互的基础协议。如果成功,Hero 可能不只是一家应用公司,而是下一代计算平台的基础设施提供者。

SDK 策略的深远意义

Hero 选择以 SDK 形式开放 AI Autocomplete 技术,这是一个非常聪明的战略决策。CTO Seung Woo Lee 解释说:”我们三年前就意识到,AI agent 的瓶颈不会是 AI 浏览互联网和完成任务的能力,而是用户知道该说什么的能力。所以,我们不是再造一个玩’十个问题’游戏的聊天界面,而是推出一个让用户能一次性完成任何多步骤动作的系统。我们相信我们的技术有能力增强今天所有使用自然语言输入的产品。”

这段话揭示了他们的雄心:不是造一个更好的聊天机器人,而是改变整个行业的交互方式。这就需要让其他公司也能使用这项技术,而不是把它封闭在自己的应用中。从商业角度看,这是一个高风险高回报的策略。风险在于,开放技术意味着竞争对手也能使用,可能会削弱自己的差异化优势。回报在于,如果技术被广泛采用,Hero 就能成为这个新交互范式的标准制定者和基础设施提供者。

我认为这个选择体现了创始团队的格局。他们在 Meta 工作过,见识过平台级技术的威力。他们知道,真正改变世界的不是一个优秀的应用,而是一个被广泛采用的标准。就像 HTTP 协议定义了网页浏览,触摸屏定义了智能手机交互,AI Autocomplete 有潜力定义自然语言交互的标准。

SDK 策略还有助于快速验证技术价值和收集反馈。通过让不同行业、不同应用场景的公司使用这项技术,Hero 可以快速发现技术的优势和局限,找到最有价值的应用场景,并根据实际使用情况不断改进。这比自己闷头做一个应用要高效得多。

从生态系统角度看,SDK 策略有助于建立网络效应。使用 Hero AI Autocomplete 的应用越多,用户就越熟悉这种交互方式。用户越熟悉,新应用采用这种交互方式的价值就越大。这种正反馈循环一旦启动,会形成很强的护城河。就像用户习惯了触摸屏之后,任何新的移动设备都必须支持触摸,未来用户习惯了 AI Autocomplete 之后,任何新的自然语言应用可能都需要支持这种交互方式。

这对整个 AI 行业意味着什么

Hero 的 AI Autocomplete 让我重新思考了当前 AI 交互的发展方向。整个行业似乎都在朝着”更自然的对话”这个方向努力,让 AI 更像人类一样交流。但 Hero 提出了一个反直觉的观点:也许最好的交互方式不是完全模拟人类对话,而是结合对话的自然性和表单的结构性。

人类之间的对话之所以高效,是因为双方共享大量背景知识和语境。你和朋友聊天时,可以用很简短的话表达复杂意思,因为你们互相了解。但人和 AI 的对话不一样,AI 不知道你的偏好、习惯和当前情境。如果完全模拟人类对话,就会导致大量不必要的来回确认。

Hero 的方法是承认这个差异,利用 AI 的优势来弥补。AI 可以快速分析任务结构,预测所需信息,实时更新界面。这些都是人类做不到的。通过展示结构化的参数,AI Autocomplete 实际上是在利用机器的优势,而不是试图完全模仿人类。

我认为这种思路会影响整个 AI 产品设计领域。未来我们可能会看到更多混合式交互:既有自然语言的灵活性,又有结构化界面的清晰性。这不是倒退到传统 GUI,而是在更高层次上综合了两种交互方式的优点。

从技术架构角度看,AI Autocomplete 也提出了新的要求。它需要 AI 模型不仅能理解用户意图,还要能预测任务结构和参数需求。这可能会推动一类新的 AI 模型发展,专门用于任务分解和参数预测。Hero 提到他们使用了一系列模型来预测用户可能输入的内容,说明这不是单一模型能解决的问题,而需要专门的技术栈。

对于正在开发 AI 产品的团队来说,Hero 的成功提供了重要启示:不要只关注 AI 的智能程度,还要关注交互设计。最聪明的 AI 如果交互方式糟糕,用户体验也会很差。反过来,即使 AI 能力有限,如果交互设计得当,也能提供很好的用户体验。Hero 的技术本质上是通过更好的交互设计,最大化了现有 AI 能力的价值。

我也在思考这项技术可能的局限性。它适合参数化的、结构化的任务,但对于真正开放式的、需要创造性的对话可能不太适用。比如你和 AI 讨论一个哲学问题,或者寻求情感支持,这种场景下强行展示参数就会显得生硬。所以 AI Autocomplete 可能不会取代所有类型的 AI 交互,而是在特定场景下提供更优选择。

另一个值得关注的是隐私和数据安全。AI Autocomplete 需要理解任务结构和预测用户需求,这意味着它需要访问相当多的上下文信息。如何在提供个性化服务和保护用户隐私之间找到平衡,将是这类技术普及过程中必须解决的问题。

我对 Hero 未来的期待

Hero 目前正在自己的助手应用中测试这项技术,计划在几个月内向用户发布。他们重点展示的功能是帮助用户通过自动补全提示词找到会议时间或和朋友见面的时间。这是一个很实用的场景,也是一个很好的切入点。安排会议往往需要考虑多个人的时间、地点偏好、会议时长等因素,用自然语言描述清楚并不容易。有了 AI Autocomplete,这个过程会简化很多。

但我更期待看到 Hero 在更广泛场景中的应用。比如在旅行规划、购物、客户服务等领域,AI Autocomplete 的价值可能更加明显。Hero 的 SDK 策略意味着我们不需要等 Hero 自己去开发所有应用场景,而是会看到各行各业的公司将这项技术集成到自己的产品中。

从融资角度看,Hero 去年获得了 400 万美元种子轮,现在又获得了 Forerunner Ventures 领投的 300 万美元追加投资。Kowalk 表示,根据应用和 SDK 的增长情况,他们计划在未来几个月筹集更大一轮融资。我认为如果 SDK 能够吸引到一批有影响力的客户,证明技术价值,那么 A 轮融资应该不成问题。这项技术的潜在市场非常大,任何使用自然语言输入的应用都可能是潜在客户。

我也在想,Hero 会不会成为下一个 Twilio 或 Stripe 那样的基础设施公司?Twilio 让每个应用都能方便地集成短信和电话功能,Stripe 让每个应用都能方便地接入支付。Hero 有潜力让每个应用都能方便地提供优秀的自然语言交互体验。如果真的走到这一步,Hero 的价值将远超一个普通的应用公司。

但挑战也是存在的。技术再好,也需要市场教育和生态建设。开发者需要理解这项技术的价值,学会如何集成和使用。用户需要适应这种新的交互方式,培养新的使用习惯。这些都需要时间和持续投入。Hero 团队有 Meta 的背景,应该对这些挑战有充分认识。

我特别欣赏 Hero 团队的一点是,他们在三年前就开始布局这个方向,提前申请了专利。这种前瞻性在快速变化的 AI 领域特别难得。很多公司都在追逐最新的热点,而 Hero 则在思考更根本的问题:人机交互的本质是什么?未来的交互应该是什么样子?这种长期思维是真正有影响力的公司的特质。

最后,我想说的是,Hero 的 AI Autocomplete 提醒我们,AI 革命不只是关于更强大的模型,也关于更好的交互设计。技术进步和设计创新同样重要,甚至在某些场景下,好的设计比更强的模型更有价值。这也是为什么我对 Hero 的未来充满期待。他们不是在和其他公司比谁的模型更强,而是在重新定义人机交互的方式。这种创新往往更持久,也更有影响力。

我相信,几年后回头看,我们会惊讶地发现自己曾经需要花那么多时间和 AI 来回对话,就像我们现在回想起曾经需要记住各种命令行指令一样。AI Autocomplete 可能就是推动这个转变的关键技术之一。‍

转载:人人都是产品经理

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

2026 年必关注的 8 大 UX/UI 设计新趋势

清阳 行业趋势

设计师真正迎来了站上行业主角位的黄金时代。我们终于跳出只纠结产品颜值与基础易用性的固有框架,回归设计本质 —— 用心洞察用户界面使用感知,自主构建产品体验、主导产品商业价值落地。
 
兰亭妙微ui设计公司始终坚信:每一次行业效率的飞跃,都源于新工具的诞生与普及。当下设计行业亦是如此,率先吃透 AI 设计工具的从业者,早已切身感受到技术带来的效率革新,同时也直面着行业变革带来的挑战。
 
当下设计师更需要跳出专业工具的舒适圈,主动涉猎跨领域工具,打破能力边界,重新定位 AI 时代设计师的核心价值。
 
随着 AI 技术深度赋能设计赛道,设计迭代效率大幅提速,视觉表现力实现质的飞跃,既能瞬间抓取用户注意力,也让产品视觉层次更丰富、交互逻辑更流畅、触控反馈更具真实质感。AI 普惠设计能力,也让超级个体成为设计圈热词。
 
如今的 AI,早已进阶为设计师具备深度洞察力的智能伙伴。任务自动化只是初级形态,现阶段 AI 已具备情绪、场景、用户意图理解能力,未来更将为用户打造高度个性化、自然无感的沉浸式体验。
 
即便 AI 工具能实现超乎想象的设计效果,但最终呈现上限,始终受制于使用者的认知格局与审美素养。
 
下面为大家拆解 2026 年 8 大 UX/UI 核心设计新趋势,也是当下留住用户、打造深度体验的核心方法论。
 

2026 UX/UI 设计趋势总览

 
AI 重构设计师角色,从视觉美化转向情感共鸣 + 商业主导;依托 AI 技术打造自然个性化沉浸式体验,八大趋势涵盖:
 
  1. 触觉极致主义:打造柔软治愈感界面,聚焦数字纹理拟物按压反馈
  2. 科幻赛博渐变:暗黑未来风,深色模式叠加霓虹全息潮流配色
  3. 交互叙事卷轴:滚动即叙事,页面元素随滑动动态演绎沉浸式体验
  4. 动态字体排版:文字承载情绪,随滚动形变演绎情感表达
  5. 便当网格 2.0:模块化有序排布,实现「有序的混乱」视觉美感
  6. 涂鸦与人为瑕疵:融入手绘随性质感,用不完美营造真实烟火气
  7. AI 智能角色适配:读懂用户心境,界面氛围随情绪场景实时切换
  8. 沉浸式 3D 购物:虚拟交互赋能,3D 模型预览 + 虚拟空间实景体验
 

一、触觉极致主义:打造柔软拟物的治愈界面

image.png

扁平化极简设计热潮逐渐褪去,2026 年 UI 设计将数字纹理作为核心发力点。
 
行业将涌现大量果冻、黏土、合金质感的拟物化按钮,不再局限于单一点击交互,按压后可实现物理级挤压、回弹动态反馈,高度还原现实触感。
 
设计风格:高光泽 3D 视觉、充气软糯质感图标,拟物化肌理复刻现实材质
 
典型案例:Blinkit 节日专属图标,Q 弹通透的视觉质感,仿佛可直接从屏幕中触摸拿捏。
 

二、动态字体排版:让文字成为情绪载体

image.png

静态文字已无法满足当下体验需求,2026 年动态字体成为设计标配:页面标题可随屏幕滚动实现扭曲、弹跳、消融等动态效果,以文字形态传递情绪,让文字不止于信息表达。
 
设计风格:适配拇指滑动操作,文字动态响应交互,灵动有温度
 
典型案例:CRED 率先落地动态字体设计,Zomato 等热门 APP 相继跟进,应用在订单追踪等场景,让信息展示更活泼生动。
 

三、便当网格 2.0:模块化布局,有序的视觉美学

image.png

苹果将在 2026 年前持续完善并普及便当网格设计风格。
 
以平滑圆角矩形卡片为基础,模块化组合各类内容,适配当代用户碎片化、短时注意力浏览习惯,兼顾整洁性与视觉层次感。
 
设计风格:模块化排布、简约耐看、信息层级清晰,兼具美感与实用性
 
典型案例:Myntra FWD 摒弃传统单调产品列表,依托便当网格打造产品情绪板,视觉呈现高级且浏览体验极佳。
 

四、AI 智能角色主导:千人千面的情绪化定制设计

image.png

标准化通用 UI 设计已成过去,2026 年产品界面将随用户状态自适应变化:用户高效办公时段,界面自动切换简约清爽模式;夜间休闲、情绪亢奋时,一键切换霓虹渐变潮流风格。
 
设计风格:情绪感知、场景适配、高度定制化,读懂用户潜在需求
 
典型案例:印度版 Spotify 小众精选板块已落地试用,平台整体界面布局、色彩风格均可根据用户实时情绪自动适配切换。
 

五、科幻赛博渐变:暗黑未来感潮流配色

image.png

淡雅柔和配色逐渐退场,赛博朋克风成为 2026 年主流视觉趋势。
 
以纯黑深色模式为基底,叠加霓虹电光色、日落珊瑚色、全息银色等高饱和撞色,打造极具冲击力的暗黑未来感,适配年轻用户审美偏好。
 
设计风格:深色基调为主,霓虹光影叠加,复古未来感拉满
 
典型案例:Pocket FM、Jar 等平台大量运用赛博霓虹光影元素,精准吸引年轻夜间用户群体。
 

六、交互叙事卷轴:滑动即观影,沉浸式叙事体验

image.png

区别于普通页面滑动,卷轴叙事是全新的交互叙事形式:用户滑动屏幕时,页面元素自动渐入、变色、形变,无需额外操作,仅凭拇指滑动即可体验沉浸式故事感,如同掌上动态影片。
 
设计风格:沉浸式场景演绎,虚拟开箱感拉满,交互代入感极强
 
典型案例:Tata Neu 新品发布页面采用滚动叙事设计,为用户打造全虚拟沉浸式开箱体验。
 

七、涂鸦与人为瑕疵:褪去完美,回归真实质朴

image.png

AI 打造的极致规整设计大行其道时,随性不完美的真实质感反而更具温度。
 
手绘涂鸦、随性下划线、丑萌趣味贴纸等元素广泛应用,刻意保留人为设计瑕疵,摆脱工业设计的刻板感,拉近品牌与用户距离。
 
设计风格:质朴接地气、随性手绘感、小众个性,自带生活化烟火气
 
典型案例:Cult Fit 旗下 Curo 品牌 UI 设计,以涂鸦和随性瑕疵元素塑造古怪鲜活的品牌人设,像个性十足的亲密好友。
 

八、沉浸式 3D 购物:打破平面局限,虚拟实景消费

image.png

2026 年 3D 产品预览设计再度爆发,彻底打破传统平面商品展示模式。用户可 360° 实时旋转产品模型,放大查看材质、细节;更可通过虚拟技术,实现虚拟试衣、实景家装预览等体验。
 
设计风格:可交互实时 3D 模型,虚拟空间沉浸式漫游,所见即所得
 
典型案例:Pepperfry 等平台上线 3D 虚拟体验功能,支持用户虚拟进入居家空间、实景预览商品搭配效果。
 

设计趋势总结

 
未来,数字设计不再只是产品体验的附属支撑,设计本身就是核心体验
 
AI 时代下,用户对产品的期待,早已超越基础功能与视觉美观,更追求情绪响应、个性化适配与情感共鸣。而平衡用户个性需求与产品商业定位,将成为每一位产品设计师的核心必备能力。
 
转载:优设
 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档