面对工业设备界面，企业选择交互设计公司时，除了看视觉效果，更应关注第一次接触产品的人能否理解任务、判断状态并完成操作。今天以 Peerigon 为 Yaskawa 设计的机器人展会交互项目为引子，讨论可以在方案评审中使用的判断方法。
兰亭妙微ui设计公司分享：苹果终于交出了首款折叠 iPhone：iPhone Duo。在直板手机陷入创新瓶颈、AI Agent 开始接管多任务工作流的当下，折叠机早已不是单纯追赶竞品的形态补位。苹果没有堆砌花哨硬件，而是围绕 AI 时代的生产力需求，重新定义折叠屏的设计逻辑。
透过 iPhone Duo 这台产品，我们能读出整个消费硬件行业接下来的走向。本文将从 iPhone Duo 为你拆解 AI 时代硬件产品的 5 个核心趋势，帮助你更好地定义在 AI 时代如何为用户设计产品和创造体验。
AI 时代不一定需要折叠屏，但折叠屏可能是目前最适合承载 AI Agent 的手机形态之一。AI 时代需要的不是“更大的手机”，而是一个能同时容纳以下四个角色的信息界面：
折叠屏恰好能提供这块动态画布，把手机从“打开一个 App 完成一个任务”，变成“人与 AI 同时共同处理多个信息、多个工具和多个步骤”。传统直板手机的单一小屏，会逐渐成为这个过程的瓶颈。未来很多任务不会一次生成结束，而是一场人与 AI 的持续协作，比如：
以目前的技术形态来看，这类任务通常需要“对话区＋对象区”，或者“资料区＋生成区＋操作区”等多区融合。折叠屏展开后的多栏结构，比在多个 App 间跳转更符合共同编辑的心智模型：
折叠屏不只是多一块面积，它还有姿态变化。而这种折叠动作本身就可以成为 AI 的情境信号，设备可以根据开合状态推断用户意图，并给出相应的反馈，比如：
苹果给出的演示效果中，当用户用 Netflix 看视频时突然半折屏幕，视频的内容会自动呈现在上半部分，下半部分可以展现其他用户对于视频的评论，或者呈现其他应用的事实信息：
另一个例子是当你在晚上把 iPhone Duo 半折、支成帐篷形态，稳稳立在桌面，手机保持锁屏，系统姿态传感器就会识别到自立角度，本身就会自动出现小夜灯和闹钟模式：
这让界面根据用户投入程度逐级展开并适配情景，理想的体验是：屏幕展开多少，AI 的能力和信息密度就展开多少，设备形态本身和交互呈现更紧密的结合到了一起。
iPhone Duo 的展开瞬间带来的连续性，无疑是设计上的亮点之一。体现在两个方面：
一是展开的瞬间是“顺延”，不是“重排”。5.4 英寸外屏与 7.6 英寸内屏使用相同宽高比，内容展开时按比例放大，而不是重新排版。
这是一个看似工程、实则体验的决策：折叠最危险的体验断点是“展开后我找不到刚才的东西”，苹果用比例统一把这个断点抹平了，同时也把 dock 栏、软件顶栏和工具栏，甚至是状态列图标全部竖过来放在屏幕右边，这样做既有利于 App 的适配，也更便于单手操作：
形态变化处，连续性优先于布局最优。
二是开合屏幕瞬间的的半透明磨砂效果。不是单纯的外观特效，是内外屏无缝过渡的视觉闭环：闭合时外屏转为半透磨砂质感，打开瞬间外屏画面渐隐、内屏平滑亮起，消除两块独立屏幕的割裂感，把“两块屏幕”做成“一整块连续玻璃”的视觉体验：
iPhone Duo 相机的可变光圈是适合给 Agent 产品做参照的交互设计之一。苹果把控制权分成了三层：
智能默认、手动回收、能力开放，同一项能力，三种介入深度。
相机 App 的 Pro 控件延续同一思路：快门速度、白平衡、光圈、直方图可以自定义排布，专业能力被放进专业用户够得到、普通用户看不见的地方。这是专业能力的民主化，降低门槛，又不抬高默认界面的复杂度。
Smart Take 则是边界的另一侧：端侧模型实时分析场景，检测到人物摆好姿势就自动按下快门。它确实解决了“拍照的人永远不在照片里”的老问题，但也第一次让何时按下快门这个创作决策交给了 AI。这类功能的长期信任考题是：用户需要知道 AI 凭什么判断“此刻值得拍”，以及如何控制和关掉它：
苹果很善于把所有的多余功能都隐藏起来，以简洁著称，但是这次却让侧边 Touch ID 回归。
受折叠机身空间限制，TrueDepth 深感摄像头无法塞进外屏，苹果选择了集成在电源键上的指纹方案。这是一个功能加体验主义的决定：一个可靠、无感、不学习的旧方案，胜过一个需要妥协的新方案。
很多时候我们容易陷入误区，认为新产品必须搭载更新的交互。而这个案例则提醒我们交互创新不等于技术堆砌。交互的价值在于可靠、低负担，当硬件存在刚性约束时，优先选用经过验证的成熟方案，守住基础体验，远比追求概念上的先进性更重要。
对设计师而言，这是抵抗新技术必须新交互执念的好例子。
从执着追求新交互，到优先落地务实的功能主义；从单纯做大屏幕，到为 AI 多任务打造一整块连续信息画布。iPhone Duo 给出的启示十分明确，AI 时代的硬件竞争，早已脱离单纯的参数竞赛。
形态创新要服务于真实任务，硬件取舍要守住用户体验，软硬件一体，才是高端硬件长久的竞争力。
转载：人人都是产品经理
2026年，AI大模型不断下场做UI设计，Stitch、Claude Design……它们都在尝试融入产品设计流程，甚至想直接生成可用的UI原型或代码。
这也体现出AI设计工具的两个不同走向：
一是基于大模型延伸的AI生成UI
，擅长快速理解文本和图片信息，输出可用界面和代码；
二是专业的AI设计平台
，在协作、规范和可落地性上更有优势。对于设计师来说，理解这两者差异是规划日常工作流的关键。
智能家居已经从单品智能走向全屋联动，而 UI 设计正处于“功能越来越多、用户时间越来越少”的挑战中。
如何让复杂系统在家中变得自然好用？本文从落地方法论出发，结合实际案例，拆解智能家居 UI 设计的核心要点。
智能家居 UI 并不是在屏幕上堆功能，而是一个跨硬件、跨场景、跨人群的系统设计工程。这里有一个可落地的三层方法论：
设备分组：按照空间（客厅、卧室）、功能（照明、安防）、场景（回家、观影）分类。
优先级排序：高频控制放在第一屏，低频控制收进次级菜单。
多入口设计：同一功能允许从不同入口触发（面板、App、小程序、语音）。
落地要点：在信息架构阶段就考虑老人、小孩、访客的使用差异，避免后期 UI 大改。
场景化卡片：用卡片将多设备操作组合为“一键执行”。
多模态触发：UI 设计兼容触屏、语音、传感器自动触发等多种方式。
实时反馈：用户需要在 0.3 秒内看到操作结果，否则会怀疑系统无响应。
落地要点：在交互模式设计时就和前端、硬件工程师沟通，确保状态同步延迟可控。
状态可读性：颜色、图标、文字三重区分设备状态。
适配环境光：在强光与暗光模式下，都保持足够对比度。
品牌一致性：全屋不同设备的 UI 元素（按钮、开关、滑杆）保持统一视觉规范。
落地要点：设计规范提前固化成 UI Kit，减少跨团队沟通成本。
少即是多
在智能家居中，用户关注的是结果，而不是过程。UI 应该优先显示关键状态，而非所有数据。
预判而非响应
通过 AI 学习用户习惯，让系统提前提供选项（比如傍晚自动弹出“开灯+拉窗帘”场景卡片）。
跨端一致性
手机 App、墙面触控、平板控制中心要保持一致的视觉与交互逻辑。
留出人工控制权
再智能的系统也要让用户可以一键接管，防止“自作主张”带来反感。
情绪化体验
在 UI 动效、配色、微交互中加入温度，让科技更有人情味。
亮点：
大面积卡片布局，场景卡片与单设备卡片并存。
动画过渡自然，减少“操作跳跃感”。
可借鉴点：
使用图标+标签双保险提高识别率。
场景卡片采用温暖色调，提升亲和度。
亮点：
按空间分组的首页结构，减少用户寻找时间。
支持“自动化”卡片，满足高阶用户需求。
可借鉴点：
提供“快速操作栏”，减少点击层级。
高对比度的状态色（开=亮色，关=灰色）适合老人使用。
亮点：
跨品牌设备接入能力强，UI 对多种设备类型有统一样式。
分屏模式支持同时查看多个设备状态。
可借鉴点：
用统一的“设备卡片模板”降低学习成本。
为第三方设备预留定制化 UI 区域。
前期用 Figma/Pixso 建立 UI 组件库，统一按钮、开关、滑杆等基础组件样式。
与硬件/前端团队共创交互原型，在低保真阶段就验证操作路径与响应速度。
分阶段上线：先覆盖高频设备与场景，再逐步扩展到低频功能，避免一次性开发周期过长。
收集使用数据：上线后通过埋点分析用户点击路径，优化 IA 和场景卡片顺序。
智能家居 UI 设计的挑战不只是视觉，而是让不同设备、不同人群、不同场景融为一个顺畅的体验。
一个优秀的 UI，不是让用户觉得“科技很厉害”，而是让他们感觉——
生活变得更轻松，而这份轻松几乎是无感的。
兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。
让我们看看一些 UI 动画从优秀到卓越的示例。只需稍加调整，您就可以通过动画提升您的 UI 模式。列出的交互显示了状态之间的连续性，指示了共享元素之间的关系，并提醒用户注意他们应该注意并采取行动的内容。
为了创建这些动画，我遵循了Material Motion、IBM 的动画原则和运动宣言中的 UX 的指导方针。
所有交互均使用InVision Studio的早期版本完成。您可以在此处下载源文件。
在设计类似标签页或弹出菜单的交互时，请尝试将内容的位置与打开它的操作关联起来。这样，您不仅可以为内容的可见性添加动画，还可以为位置添加动画。对了，还可以添加一个滑动手势，方便您在内容之间切换。
在不同状态之间创建动画时，请检查它们之间是否存在共享元素并将它们连接起来。使用 InVision Studio，创建Motion过渡时，两个链接屏幕之间重复出现的组件会自动连接。这使得动画原型设计变得轻而易举。
请参阅“运动宣言”，了解您可以应用的动画类型。上面的示例结合使用了“蒙版”、“变换”、“父级”和“缓和”原则。
要实现瀑布效果，请尝试对每个内容片段或内容组应用延迟。保持相同的缓动和时长，以保持一致的效果。但不要将每个小元素都层叠起来，而是要为每组内容添加动画效果。动画要保持快速流畅。Google 建议每个元素的起始间隔不超过 20 毫秒。查看Material Motion 中的编排原理，查看更多示例。
让内容中的元素感知周围环境。这意味着让内容吸引或排斥周围的元素。更多示例，请查看Material Design的感知动效原则。
尝试使用按钮容器来提供状态的视觉反馈。例如，您可以用旋转动画或加载动画替换 CTA；或者在背景中添加动画来显示进度。解决方案由您决定，其核心在于充分利用用户正在交互的空间。如果您使用按钮颜色和文案来确认成功状态，则可以获得加分。
当用户需要执行重要操作时，尝试使用动画来吸引他们的注意力。先从细微的动画开始，然后根据操作的重要性逐渐增加强度（例如大小、颜色和速度的变化）。只在关键操作中使用这种效果——这种效果用得越多，效果就越差……用户也会越烦躁。
我希望这些示例能帮助您在为交互添加动画时做出更好的决策。借助 InVision Studio 等新的动画和原型设计工具，我预测我们很快就会看到创意交互的复兴。我们只需记住要负责任地使用这项新的超能力。
让我们运用动画来解释状态的变化，吸引用户对必要操作的注意力，明确元素之间的关系，并为产品增添趣味和个性。遵循这些原则，我们将使动画从优秀走向卓越。
“我们把屏幕上的按钮做得如此好看，让你忍不住想舔舔它们。” ——史蒂夫·乔布斯
我记得亨利·福特曾经说过：“如果我问顾客想要什么，他们会告诉我一匹跑得更快的马。”人们不知道自己想要什么，除非你把东西展示给他们看。—— 史蒂夫·乔布斯
在很多地方，这简直就是认知超负荷和可读性低下的噩梦。玻璃折射需要一定的透明度才能达到最佳效果，而这种透明度会让一半的背景显得格格不入。
说实话，我真不知道苹果是怎么做到的。在尝试模仿之后（使用 AGSL 着色器——作者注），我对液态玻璃产生了全新的敬意。我猜他们也用了着色器——只是更加精妙。苹果花了数年时间打造一个可以实现这一功能的系统。安卓系统还没达到这个水平。也许小米或其他中国品牌会找到解决办法。但在我们找到开源解决方案之前，在安卓系统上实现真正的玻璃形态仍然遥不可及。
我们发现浏览器支持有限，这迫使我们不得不使用一些不太理想的解决方法。随着时间的推移，WebKit 引入了 backdrop-filter CSS 属性，但它仍然是性能杀手——浏览器每次滚动时都必须重新计算模糊效果。也许 Apple 已经在其设备上对此进行了优化，但我强烈建议任何在 Apple 以外的平台上构建 Liquid Glass 设计的人都进行彻底的性能测试。
“好的设计是无形的。” ——迪特·拉姆斯
在设计一个优秀的互联网产品时，设计流程往往分为几个阶段，每个阶段都有清晰的目标和方法。这不仅帮助我们找到真正的用户需求，也确保设计思路清晰、可执行。下面，我们用简单易懂的方式来讲解整个设计流程。
交互设计( interaction design, IXD )，从字面上来说，交互即为相互作用相互影响，设计即为理解与传达。在互联网产品中，交互设计对用户体验产生很大的影响。本文将围绕交互设计进行分析，与你分享。
蓝蓝设计的小编 http://www.lanlanwork.com