想法简述

• 本文探讨了人工智能如何重塑设计师的工作流程，为研究、实施和测试提供速度和支持。
• 报告认为，尽管人工智能很有用，但它缺乏深度和背景——因此人类的判断、批判性思维和用户洞察力是不可或缺的。
• 它强调核心设计原则保持不变，设计师必须学会融入人工智能，同时又不丧失自己的技艺。

人工智能正在加速设计工作流程，并重塑我们构建数字产品的方式，但我们真的明智地运用了它吗？在这篇实用且以经验为导向的文章中，一位经验丰富的设计师剖析了人工智能在研究、原型设计和测试过程中真正提升价值的地方，以及它目前仍未达到的水平。从实用技巧到真实案例，本文探讨了如何在不牺牲用户洞察力、设计技巧或战略思维的情况下有效地与人工智能协作。如果您正在探索人工智能驱动的全新设计格局，那么这正是您所需要的视角。

如今，设计师们总是对人工智能加速工作流程赞不绝口。这并非没有道理——如今的企业比以往任何时候都更需要快速的草稿、快速的测试和快速的发布，以保持用户的参与度。

然而，许多设计师仍然未能抓住关键点，在产品中运用AI技术时未能充分发挥其专业知识。结果如何？许多被大肆宣传的AI产品制造的只是噪音而非价值，导致用户体验浅薄。

从事设计行业十年，我学会了对创新持保留态度，并将它们从昙花一现的潮流转化为切实可行的方法。正因如此，我想分享人工智能如何真正改变设计师的日常工作，如何改变界面，以及设计流程中哪些部分永远不会改变。

在本文中，我将分享示例、实用建议以及我的经验见解，帮助您了解人工智能的适用范围以及人类技能仍然是关键的地方。

如果您想清楚、诚实地了解人工智能对设计和商业的真正影响，请继续阅读。

为什么人工智能成为设计师日常工作流程的核心部分

为了更好地理解人工智能如何在每个阶段增强设计，首先概述一下在人工智能成为流程的一部分之前设计工作的传统展开方式。

总体而言，产品设计师通常采用两种主要工作方式：

将显示缩放图像

这两种方法都面临着同样的挑战：企业不断缩减预算，加快进度。这迫使许多团队不得不做出取舍。设计师往往精力分散，最终忽略了更深入的探索工作。可用性测试充其量也只是在发布前进行——仓促且不足。

然后出现了人工智能。

根据我的经验，AI 可以在产品迭代周期的三个关键阶段为设计师提供支持：

• 输入和产品分析。
• 研究与探索。
• 实施和测试。

让我们仔细看看它们。

1.分析

现在很多工具都提供人工智能生成的仪表板、反馈和用户行为摘要。它们非常方便，尤其是在你追踪趋势的时候。然而，它们并不总是准确的。

它能凸显可见的内容，但并不总是重要的内容。有时，真正推动结果的洞见被埋藏得更深，除非你主动寻找，否则很难发现它们，原因如下：

• 人工智能根据可用数据生成枯燥、表面的摘要。
• 它并不总是能区分信号和噪声，或者突出影响结果的因素。
• 影响结果的一些见解可能与人工智能标记的完全不同。

提示：将 AI 摘要作为起点。如果某些内容引起了您的注意，请深入挖掘。返回原始数据，验证洞察，并确认它是基于实际用户行为，还是仅仅停留在纸面上。

2. 研究

研究是产品设计中最耗时（且常常被低估）的部分之一。它常常会耗费你几个小时。因此，AI 可以帮助你：

• 从客户访谈、文档或 Notion 页面中提取关键要点。
• 分析多个 URL 或来源中对特定主题的提及。
• 无需逐一阅读，即可浏览数百条 App Store 评论。
• 生成竞争对手的快速列表并提取他们提供的功能、他们的定位或用户的赞扬/抱怨。

但是，不要指望它能完成所有工作：）人工智能更像是团队中的一名额外研究员，需要得到指导、明确的方向和仔细检查。

提示：尝试成为更专业的T型专家，并学习如何编写一些脚本和提示。了解AI的思维方式将有助于你更好地引导它，并加快你的工作流程。

例如，您无需要求分析团队重建仪表板，只需下载包含评论的页面（例如 HTML 格式）。然后让 AI 对其进行解析，将其转换为表格，并按情绪或关键词排序。您无需等待几分钟即可发现规律，从而节省团队成员的时间。

3. 实施

在这个阶段，你可以加快初稿的创作速度。从落地页到屏幕流程，设计师在每一步都需要生成大量的素材，说实话，并非每个人都能跟上。例如，在我们的面试中，600名候选人中只有三分之一了解这个阶段的基本流程。

这就是为什么，借助一些人工智能的指导，你可以维持生存并：

• 产生早期概念和插图。
• 对布局清晰度或调色板进行压力测试。
• 探索 UX 模式或流程变化，无需从头开始重新绘制所有内容。

提示：如果您想让起草协作更加高效，请为其提供 10 多个能够体现您品牌风格的参考视觉效果。请注意，AI 的性能取决于您提供的数据。它没有直观的视角。

以Figma 的 AI 发布为例。它可以在几秒钟内创建 UI 界面，这对于快速绘制草图非常有用。但几周后，他们就禁用了这项功能。由于 Figma 的人工智能助手只在少数几家公司的设计系统上接受过培训，所以很多界面最终看起来非常相似。

下一个实用技巧：尽量清晰详细地描述你的视觉效果。理想情况下，首先写一个清晰的提示，描述风格和插图细节，并附上一些参考图片。然后，让AI生成JSON格式来解释提示的细节——这样，你就能知道它对你的理解程度。

如果结果不太理想，请调整输出或进行调整。例如，如果您想要一条类似骨头的细线，AI 可能会忽略这种细微之处，因此需要进行一些手动微调。一旦接近您的预期，您就可以使用优化后的 JSON 作为进一步迭代的参考。

4.测试

在人工智能测试之前，设计师必须不断要求开发人员创建一些东西并发布它，然后等待反馈才能正确启动它。

然而，如今，有了正确的流程和包含代码就绪组件的优秀设计系统，设计师自己构建用户流程的前端并不难。只需了解其在实践中的运作方式即可。有时，甚至不需要开发人员添加逻辑——只需一个感觉接近真实的工作原型即可。

您可以使用可点击的流程在 Figma 中进行测试，或者更进一步，分享一个基于浏览器的实时版本，用户可以通过该版本实际输入数据。它更加真实、更具洞察力，用户使用起来也更舒适。

提示：使用 AI 工具可以加快您的工作流程并减少对其他团队的依赖。从简单入手：无需等待分析师构建单独的仪表板——您可以自行生成代码并发出 API 请求。如果您需要更新 UI 元素，请直接在 Cursor 中执行，然后将其交给开发人员审核。在很多情况下，这样做会显著加快速度。

人工智能不会取代工艺或设计与开发之间的协作。但它可以消除摩擦。在这个商业目标瞬息万变的世界里，节省下来的时间可以让你拥有更多空间进行实验，打造更优质的产品。

人工智能如何帮助做出艰难决定

AI 无法（也不应该）替你做出产品决策。然而，它可以通过更清晰地呈现流程，帮助你更快、更自信地做出决策。

例如，在 TitanApps，我们总是会分析用户反馈来决定是否添加新功能。然而，用户并不总是会要求产品中出现“下一个重大改进”。因此，他们的大多数评论都反映的是现有功能。幸运的是，作为 Attlassian 社区的一员，我们可以访问论坛，在那里大家分享痛点、推荐工具并寻求帮助。

在人工智能出现之前，我们手动爬取论坛，尝试不同的关键词组合，追踪同义词，审阅长帖，并收集模式。有时，仅仅为了支持或反对某个产品方向，就需要整整一周的时间。

现在只需要几个小时。以下是整个流程：

• 我们准备了一个结构化的 JSON 文件，其中包括论坛帖子链接、主题集群和相关元数据。
• 人工智能扫描了大约 20 个主要链接，每个链接包含多个子主题，提取了关键见解，并在大约三个小时内汇编了调查结果。
• 与此同时，我们用 90 分钟的时间，从竞争对手那里抓取 HTML 评论，进行了并行分析。我们想了解：用户是否提出了类似的问题？其他产品是如何应对的？他们是否能更好地解决问题，还是存在一些不足？

当然，在两次分析过程中，我们都验证了所使用的信息和来源。

在这两个直播活动进行的同时，我们花时间梳理了我们最初的想法在哪些方面没有引起人们的兴趣。在此过程中，我们的团队发现了一些更有价值的东西：围绕一个相关主题的需求正在增长，而这个主题是竞争对手尚未妥善解决的。

因此，我们不需要花整整一周的时间在论坛和主题之间来回切换，而是在一天之内就获得了完整的方向快照。

人工智能如何改变设计界面

随着人工智能越来越多地融入产品，改变的不仅仅是设计师的日常工作流程，界面本身也在不断发展。为了理解人工智能的影响，我们将其分为两类：

• AI是用户主动交互的可见工具。
• AI 是一个隐形层，可以在后台改善用户体验。

在这两种情况下，最终的界面不再是最重要的结果。更重要的是设计师能否放眼全局，理解用户的旅程。以下是这种转变的重要性：

• 如果人工智能以助手或聊天机器人的形式出现，你需要了解用户对它的实际期望——他们会提出什么样的请求，他们试图解决什么问题。只有这样，你才能考虑如何呈现这些信息：纯文本、GPT 风格的聊天，还是仪表盘。

一开始，您可以让用户完全自由地输入任何内容并获得回复。但为了打造更智能、更流畅的体验，并更有效地训练模型，您需要识别其中的模式。有些人可能会寻找冲刺总结，而另一些人则可能寻找待办事项概览，甚至是拉取请求分析。

然后，下一个问题出现了：用户提取信息后会如何处理：在会议中使用、导出等。这会影响您在何处以及如何展示 AI 助手、您提供什么样的提示或模板，以及您可以自动化多少流程而无需用户手动询问。

提示：训练你的鸟瞰视角。尽管许多人都能察觉到设计优先级的这种转变，但根据我的经验，候选人往往会急于将问题视觉化。他们专注于单个屏幕，却没有分析整个用户交互和旅程。

如果人工智能在幕后默默运行，这种视角就变得更加重要。作为一名设计师，你需要：

• 深入了解你的听众。
• 跟踪反馈和分析。
• 注意人工智能可以在哪些方面增强体验以及在哪些方面可能会造成阻碍。

以 Copilot 这样的开发者工具为例。早期的一个主要抱怨是，它无法适应每个人的风格。它会生成通用或难懂的代码，与具体情况不符。它非但没有提供帮助，反而扰乱了开发流程。

或者看看像 Cursor 这样的工具。它在 Twitter 上流行起来，人们开始用它来做一些小项目。然而，很多人甚至不知道如何让它正常工作。所以，并非所有 AI 工具都适合所有人，也并非所有时机都是引入它的合适时机。

为了更好地设计这种人工智能，你需要知道：

• 当它有帮助时。
• 它应该建议什么。
• 用户将如何实际操作它。

提示：请记住，人工智能是一种工具，而不是灵丹妙药。这些后台助手即使不可见，仍然具有某种界面。设计师现在也必须学会为此进行设计。

人工智能无法改变的设计原则

尽管人工智能推动设计师去适应——像开发人员一样思考，平衡业务目标，并保持以用户为中心和独特的方法——但有些原则仍然没有改变，比如雅各布定律。

用户会熟悉各种模式，他们不想重新学习已经奏效的方法。正因如此，不要无缘无故地重复造轮子至关重要。如果有既定的最佳实践，那就去实践。人工智能不会替你做决定——你的职责是了解哪些方法已经得到验证，何时值得创新，以及何时坚持用户已知的方法更为明智。

所以，没错，如今成为一名设计师比以往任何时候都更加复杂。但如果我们提升视野，保持T型思维，并抵制过度复杂化的冲动，我们就能利用这些工具——包括人工智能——来做得更好，而不仅仅是更快。

最终，我们的目标是设计出有意义的东西。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan

1. AI优先设计

将显示缩放图像

多年来，我们一直在听说人工智能在设计领域的应用。2024 年，它生成的布局看起来像是醉酒实习生做的。2025 年，它的表现有所改善，但仍然感觉像是作弊。

现在已经2026年了？人工智能不再只是个助手。它基本上是你的设计伙伴，不会再抱怨反馈了。Galileo、Uizard 以及 Figma 上周刚刚收购的那些工具，生成的界面不仅可用，而且效果惊人。设计师现在花更多时间进行改进和制定策略，而不是无休止地摆弄自动布局框。

趋势：

• 诸如“让这个流程对 alpha 版本更加友好 20%”之类的设计提示现在已经成为一种流行趋势。
• UX文案由AI撰写一半稿子，然后由人类进行润色。
• 评判设计师的标准是他们提示得有多好，而不是他们推动像素得有多好。

设计提示：开始像对待初级设计师一样对待 AI 工具。引导它们，纠正它们。不要让它们肆意妄为，否则它们会为计算器设计一套 6 步入门指南。

2.“零 UI”的兴起

将显示缩放图像

从零开始设计？那就2025年吧。我们正进入一个最好的界面就是没有界面，或者至少没有传统界面的时代。

想想语音、手势、存在检测、情境感知界面。设备和体验在你开口之前就能猜测你想要什么。

恐怖？是的，有点儿。
方便？绝对方便。

现实世界的例子：

• 智能冰箱无需询问即可重新订购牛奶。
• 汽车通过扫描你的脸部来调整你的座椅。
• 只需思考布局就能设计界面的 VR 头显。（好吧，这个功能还在测试阶段。）

趋势：

• 为“隐形”交互而设计。
• 优先考虑音频、触觉或行为的反馈循环。
• 彻底重新思考屏幕的作用，尤其是在消费技术领域。

设计提示：从体验开始设计原型，而不是屏幕。并在现实世界中测试它。

3. 高度个性化，但有界限

将显示缩放图像

到了2026年，用户不再需要千篇一律的体验。他们想要一款能够了解他们的睡眠模式、喜欢的颜色以及童年创伤的应用，但又不能让人觉得毛骨悚然。

个性化日益升级，但隐私问题也日益凸显。这意味着智能默认设置、基于行为的界面以及专为用户打造的仪表盘。

趋势：

• 根据上下文进行调整的界面：夜间使用黑暗模式，大脑疲劳时使用简化的用户界面等。
• 高度集中的入职流程根据您的氛围量身定制：为专业人士提供简约服务，为新手提供指导。
• 为高级用户提供“选择您自己的 UX 冒险”设置。

设计提示：让用户自主决定个性化程度。让个性化变得有趣。不要将功能锁定在数据共享墙后面。

4. 滚动已死。滚动万岁。

多年来，我们一直热爱滚动。无限滚动、水平滚动、视差滚动。

现在？滚动正在进化。2026 年，一切都围绕着滚动叙事展开。流畅的过渡，智能的捕捉，以及微妙的交互，让用户不会感觉自己一直在喝红牛。

趋势：

• 卷轴作为叙事手段
• 配对的动画和微交互创造了一种旅程，而不仅仅是滚动到页脚的情况。
• 基于滚动的 UI，根据速度或意图而变化。

设计提示：在所有设备上测试滚动行为。在 MacBook Pro 上看起来流畅的滚动效果，在售价 99 美元的 Android 平板电脑上可能感觉像做梦一样。

5.语音界面成为主流

将显示缩放图像

过去，除非你像机器人一样说话，否则 Alexa 总是会误解一切。但到了 2026 年，语音界面终于成熟了。

得益于更先进的 NLP 模型，语音正在成为导航应用的标准方式，尤其是在可穿戴设备、汽车和智能家居领域。设计师面临的关键挑战是什么？超越视觉 UI 的思考。

趋势：

• 语音和视觉反馈接口同步工作。
• 适用于多任务场景（例如烹饪、驾驶、育儿）的纯语音用户流程。
• 个性丰富的语音助手让生活变得轻松。

设计提示：不要让每个应用都显得吵闹。有意识地设计安静的语音交互。并且，务必为用户提供“关闭”按钮。

6. 设计要考虑神经多样性，而不仅仅是可及性

将显示缩放图像

无障碍功能不再只是一张清单。2026 年，我们将为认知包容性而设计，服务于患有多动症、自闭症、阅读障碍以及介于两者之间的各种疾病的用户。

这不再仅仅关乎颜色对比度或屏幕阅读器，而是关乎信息的结构、通知的工作方式以及如何减轻精神负担。

趋势：

• 可选的极简模式，可消除噪音。
• 带有“运动灵敏度”切换的动画。
• 尊重焦点的界面；是的，我们正在谈论您的 7 个弹出窗口。

设计提示：开始用真正的神经多样性用户测试你的设计。不要只是“添加一个模式”。要将包容性设计融入核心用户体验。

7.反设计2.0

来看看反设计 2.0 吧。它丑陋、混乱、怪异得令人难以接受。它无处不在，尤其是在那些努力避免看起来像 Webflow 模板的作品集网站上。

这种趋势的核心在于打破常规，但又不失其有意为之。想想那些刺眼的色彩、夸张的元素、重叠的文字，但不知何故，它却奏效了。

趋势：

• 设计师将不完美视为一种风格。
• 用户界面接近“糟糕”，但在千篇一律的界面中却脱颖而出。
• 更注重真实性而非完美性。

设计提示：谨慎使用此趋势。如果你正在设计银行应用程序，最好不要使用 Comic Sans 字体和摇摆按钮。

8. 具有幽默感

将显示缩放图像

2026年，就连你的信用卡应用也开始尝试搞笑了。你知道吗？它真的有效。

人性化的界面，巧妙的微文案、精妙的动画和令人惊喜的瞬间，让产品更令人难忘。用户不再仅仅追求“直观”，他们更追求乐趣。

趋势：

• 用个性化的祝酒词。“哎呀。这招不行。不过，嘿，你上一段感情也没用。”
• 错误屏幕会让你笑，而不是哭。

喜悦与无聊的东西（比如空状态和确认消息）融合在一起。

设计提示：不要过度。并非所有内容都需要单口相声。只需营造一种让你的产品感觉不那么机械、更具亲和力的氛围即可。

9. VR之外的3D和空间设计

得益于 Apple Vision Pro、Meta Quest 以及三星的各项研发成果，空间设计已不再是小众领域。但你无需为VR 头显进行设计即可拥抱 3D 空间。

2026 年，扁平化的 UI 将会变得更加立体。不再是虚假的阴影，而是真实的、可交互的深度。

趋势：

• 响应光标移动的 3D 卡。
• 电子商务和设计工具中的 AR 预览。
• 界面感觉更像是物理空间而不是平面布局。

设计提示：像建筑师一样思考。关注用户如何在空间中移动，而不仅仅是屏幕。但不要让性能受到影响。流畅的 2D 流程总比混乱不堪的 3D 流程好。

10. 设计时考虑地球

将显示缩放图像

可持续设计终于不再只是你产品宣传单上的一张幻灯片了。到了2026年，用户开始关心你的应用有多“环保”，没错，这已经是千真万确的事情了。

你的应用消耗的资源越少越好。轻量级 UI、低带宽模式和智能缓存不仅仅是技术性的功能，更是用心良苦的功能。

趋势：

• 应用程序中的生态模式设置可降低数据/功耗。
• 碳中和设计实践。
• 应用程序加载速度快、操作轻便，并且不会在三次滑动中耗尽电池电量。

设计提示：别粉饰太平。务必打造高效的 UI。额外福利：用户本来就喜欢快速的应用，所以这是双赢的。

最后的想法：2026 年的设计不再注重炫酷，而更注重感觉

设计不再仅仅关乎“好看”。它关乎智能、同理心和真正实用。2026 年最好的界面不仅要美观，还要个性化、包容性、趣味性，甚至可能是隐形的。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan

如果说设计探索和创造力是肌肉，那么结构就是骨骼。没有结构支撑，肌肉就无法运作。没有骨骼的肌肉只是一团乱麻，无法进行有意义的运动或产生力量。结构赋予我们的创意以张力，从而产生力量。我们的设计力量不会因结构而削弱，反而会因结构而增强。

将显示缩放图像

非结构化设计的陷阱

团队很容易就直接进入流程和界面模型。利益相关者提出功能需求。项目截止日期确定。敏捷待办事项列表呼之欲出。设计师……他们用屏幕来回应。这是他们能展示的最具体的东西，让所有团队成员都觉得自己了解事情的发展方向。

但如果没有清晰的组织，事情就会变得很混乱。

这就像在没有骨架的情况下锻炼肌肉。肌肉收紧，却没有支撑肌肉的支撑。结果会怎样？错位、返工，以及薄弱的解决方案。人们在行动，但缺乏协调，效率低下。

那么，问题是……我们如何防止这种情况发生？

改变一切的结构性思维

三年前，我接触到了面向对象用户体验 (UX)。一位同事向我介绍了它。作为一名曾经从事面向对象编程的开发人员，我一下子就被它深深吸引。

虽然我一开始并没有深入研究，但我从基础开始：识别核心对象、命名属性以及映射关系。很快，我开始清晰起来。现在更容易发现差距，更容易与利益相关者沟通，也更自信地领导设计活动。虽然我个人很喜欢OOUX，但它并没有在整个组织中广泛应用。

直到最近……情况才有所改变。在过去的几个月里，团队里有几个人学习了OOUX思维，并在最近的一个项目中运用它。我很高兴又有人看到了结构化思维的价值！

将显示缩放图像

这个项目进展很快。但团队中有人很有远见，在项目初期就放慢了速度，盘点并绘制对象和关系图。他们使用了一款基于面向对象思维的自主研发工具。只需几次会议，我们就清晰地了解了应该向用户呈现哪些内容、这些元素如何关联，以及它们之间的连接结构。这为团队凝聚力构建了框架结构。而且，这短暂的放慢带来了意想不到的回报。

我看到了三大好处：

1. 这种清晰的思路促成了更牢固的合作关系。项目团队迅速就清晰的对象模型达成一致。这意味着我们正朝着同一个方向努力。我们无需浪费时间重新解读模糊的需求或处理沟通上的错误。产品负责人、工程师、架构师和设计师都理解我们的设计理念以及各个组件之间的联系。
2. 团队可以独立并行运行。这种清晰的思路意味着瀑布式设计交接的终结。它增强了团队之间、学科之间的信任，而这一切都建立在强大的共识之上。团队可以独立并行运行，因为他们了解保持工作和谐的总体结构。
3. 它使设计工作速度翻倍。设计师无需再浪费时间去探索用户会看到哪些信息以及这些项目之间的关系。他们可以专注于如何呈现，而不是关注展示什么。他们的设计精力集中在如何以最佳的方式为用户排列对象上。

虽然还有其他好处，但作为一名设计领导者，这三点对我来说至关重要。因为我们的骨架已经到位，所以创意工作（肌肉）才能发挥作用。坚实的结构提供了一个锚点，让我们能够充分发挥创造力的力量。设计师们行动迅速、自信，并且目标明确。最重要的是，他们与周围的团队能够和谐共处。

OOUX入门

现在，您可能想知道如何才能看到同样的结果？嗯，您的实际效果可能会因项目和文化而异。但是，根据我使用 OOUX 以及观察我的团队对其的依赖程度的个人经验……我强烈推荐这套工具集。

将显示缩放图像

你无需彻底改造整个流程即可从 OOUX 中获益。请不要这么做。它只是你工具包中另一个帮助你理解设计问题的工具。

你可以从小事做起，随着时间的推移逐渐成长：

• 确定用户将与之交互的核心对象。有些人将这些称为体验的“名词”。它们是你在项目中必须考虑的“对象”。如果你正在构建水果体验，其中一个对象可能是苹果。它是一个具体的、可定义的事物。不是吃苹果，而是苹果本身。你可以开始问：现实世界中存在的哪些“事物”必须在数字体验中呈现？哪些“事物”被创建和管理？这种思考将为你的下一步工作奠定坚实的基石。
• 定义每个对象的属性。每个“事物”（或对象）都有其定义性特质。就像苹果有绿色、红色或黄色等颜色一样，苹果也有成熟度。这些是系统中所呈现的对象的定义性特征，使每个对象独一无二且易于区分。哪些特征定义了系统中的对象？哪些内容可以更改或不可更改？（标题、描述、颜色、状态、日期等）。这些属性可以快速提供构成人们与这些对象交互的细节。
• 映射它们之间的关系。这是接下来的关键步骤之一。对象（或系统中的“事物”）并非孤立存在。它们与其他对象相互作用。一个苹果与一棵树、它装运的板条箱以及销售它的杂货店的陈列品都有关系。映射这些对象之间的关系，可以让用户更清晰地理解它们。它们之间是否存在父子关系？一个对象是否依赖另一个对象？是否存在隐藏的对象？这些关系可以清晰地展现骨骼的排列和绑定方式。

即使是像这样简单的练习也能快速带来清晰的思路。而且它们规模化程度很高。它们为清晰的思路提供了起点。虽然它们并非面向对象用户体验 (OOUX) 工具集的完整代表，但它们是面向对象思维的开端，您可以轻松掌握并立即开始使用。

如果您想了解更多，可以访问OOUX.com ，了解Sophia Prater 提出的ORCA 流程。如果您想更深入地了解，可以加入OOUX 社区并参加一些官方培训。这些工具为您提供了支持更具雄心的设计工作的结构——无需猜测。

（重要免责声明：不管你怎么想……这里没有附属链接或回扣。我只是热衷于分享有用的资源，以帮助设计师提高效率。）

结构是一种资产

让我们重新审视一下人体骨骼的类比。如果没有有序的骨骼，肌肉就无法赋予人体活动能力。我们无法举起或移动物体。人体需要肌肉和骨骼。这些骨骼必须有序排列。每当一根骨头断裂，就会降低肌肉发力的能力。

将显示缩放图像

此外，人体骨骼种类繁多。股骨极其坚固。内耳骨又小又敏感。你可以依靠股骨来引导腿部肌肉的力量……但内耳骨的作用就没那么大了。组织这些骨骼，了解它们的属性，并安排它们之间的关系，为肌肉的有效运作提供了基础。

设计也是如此。组织结构清晰，让你能够运用创造力，让你的设计力更加有效。想想奥运会举重运动员惊人的力量吧。这一切都归功于健康的骨骼结构。

当项目变得模糊不清、定义不明确时，问问自己是否应该暂时放慢速度来组织起来。

如何运用设计探索的方法来理解项目目标？如何与您所在领域的团队合作，共同完成这类地图？

结构的刚性应该成为优势，而不是劣势。尤其是在用作支撑元素时。它能让创造性思维获得动力，而不是徒劳无功。因为即使是世界上最强大的肌肉，如果没有支撑，也是无用的。

OOUX思维赋予了我们团队以目标为导向的动力。每次运用它，我们都会被提醒：结构并非创造力的障碍……而是能够最大程度发挥创造力的因素。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan

如果您曾经尝试设计轻量级 UI，您就会理解这个悖论：它看起来很简单，但却很容易出错。

增加亮度可能会导致图像变得平淡、褪色，甚至刺眼。

你以为白色=光。但这就像说糖等于甜点一样。

凭借 6 年多为 SaaS、移动和商业平台进行设计的经验，我了解到浅色主题需要与深色主题一样多的改进和意向性，甚至更多。

它们在所有环境中都体现了清晰度、对比度、结构性和实用性。

让我来分解一下。

浅色主题背后的心理学

将显示缩放图像

轻量级 UI 感觉：

• 冷静的
• 熟悉的
• 值得信赖

这就是为什么你会在以下地方找到它们：

• 银行应用程序
• 医疗保健仪表板
• 政府网站
• SaaS 产品

在生产力应用中，81% 的用户更喜欢将浅色主题作为默认主题。

人们需要清晰的信息，尤其是在特定场景下。不要让他们失望。

总是问自己：“这会用在哪里？” 室内、室外还是移动？ 这会改变一切。

设计 Light 主题的分步工作流程

1. 从柔软的中性基底开始

将显示缩放图像

避免使用#FFFFFF。认真的。

相反，我选择中等中性色，如#F4F6F8 或#F9FAFB，它们可以提供微妙的深度并减轻眼睛的疲劳。

在模态框或照片上使用透明白色覆盖层来创建深度而不反射光线。

2.建立模块化色彩系统

将显示缩放图像

使用语义标记bg-default，例如text-muted，，border-light。这使得主题保持一致且可扩展。

3. 控制对比度（不仅仅是为了可访问性）

不要止步于 WCAG 兼容性。真正的目标是现实世界的可读性。

• 文本对比度至少为 4.5:1
• 为灰色添加色调以增加温暖感
• 使用鲜艳的色彩突出显示 CTA 和错误。

我犯的错误：我曾经在仪表盘中使用了符合WCAG标准的灰色文本。虽然在我的屏幕上看起来很棒，但在户外日光下用户很难阅读。

教训：合规性≠可用性。

4. 限制使用阴影

阴影很棒，但要小心。

• 使用 1-2 个深度级别
• 更喜欢柔和的阴影或内嵌阴影
• 避免使用硬轮廓

5. 反射和阳光的设计

• 在阳光直射下进行测试（是的，在户外走走）。
• 避免使用浅色图标，因为它们会消失。
• 使用 400 多种字体粗细。

过亮的设置可能会使屏幕对比度降低多达 40%。请适当调整。

6. 仔细突出交互状态

在浅色主题中，悬停和焦点等状态经常被忽略。

• 使用微妙的阴影、下划线或发光效果
• 定义每个状态：悬停、活动、禁用

专业提示：我总是在灰度模式下测试我的元件库。如果状态保持清晰，就说明我做得对。

7.不要忘记品牌个性

一个常见的错误：品牌在轻量级 UI 中消失。

反而：

• 使用品牌颜色来调配背景
• 使用品牌插图或图标
• 使用字符设置空状态的样式

即使在灯光模式下，Notion 的 UI 也保持着自己的个性。

将框架应用于 Figma 社区项目

我通常会使用随机的 Figma 模板来测试我的设计工作流程。它不仅提升了我的技能，还揭示了通用 UI 的弱点。

设计师常犯的浅色主题错误

• 过度使用空白（可读性下降）
• 低对比度+色彩过载=不可读。
• 没有视觉层次。
• 忽略组件状态。
• 在黑色画布上设计一切会导致判断偏差。

黄金法则：首先用灰度创建光图案。添加颜色只是为了提高清晰度，而不是为了定义清晰度。

设计一个令人惊叹的灯光主题是一门艺术，也是一门科学。

• 功能胜过花哨。
• 对比意味着清晰度。
• 深度应该感觉自然。
• 始终在现实世界中进行测试！

设计从来都不是孤立完成的。你的灯光主题应该存在于阳光明媚的环境、繁忙的工作站和疲惫的双眼之中。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan

你知道那种滚动页面的瞬间吗？嗖——感觉网站好像已经知道你想要什么了？没错，这就是人工智能在幕后运作。如今的用户体验设计不再只是按钮或漂亮的颜色。感觉就像……界面在和你一起思考。有点诡异，也有点酷。

Netflix 的界面、亚马逊的产品推荐，甚至ChatGPT UI 等工具都展现了人工智能如何改变游戏规则。而且，就连 Plerdy SEO Analyzer 或 Visual Inspector 等 Chrome 扩展程序也加入了这场革命。

为什么这很重要？因为如果你的设计还停留在 2015 年的水平，用户很快就会跳出。

为什么传统的用户体验规则不再有效

将显示缩放图像

说实话——旧的用户体验设计已经行不通了。用户的行为不再像以前那样。他们不再遵循你漂亮的布局。他们滚动得太快。他们疯狂点击。他们像忍者一样跳过横幅。你那简洁的设计？现在都消失了。

我在测试的一家网店里看到了这种情况。看起来不错。但当我们查看热力图时，发现大多数用户根本没看过侧边栏。就好像它根本不存在一样。就在那时，我想——好吧，也许是时候放弃传统的用户体验“规则”了，开始相信人们的实际行为。

静态设计满足动态期望

用户想要快速、智能、响应迅速的用户界面。但传统的设计呢？它只是僵硬、静止，就像没有遥控器的老电视一样。你点击某个按钮……除非你强制操作，否则什么也不会改变。这才是糟糕的用户体验。

您是否注意到：

• 菜单永远停留在同一个地方
• 滚动感觉就像一条漫长而无聊的隧道
• 横幅弹出，但没人看

是的。这就是为什么静态用户体验不再有效。设计必须随着用户而动，而不是仅仅停留在外观上。

预测性用户体验的兴起

这部分很疯狂。预测性用户体验意味着人工智能会观察用户的行为——他们点击了哪里，跳过了什么——然后自动更改下次访问的界面。也就是说，你不用再猜测了。人工智能知道。

TikTok？预测性。亚马逊？也一样。就连Netflix也会根据你观看的内容改变图像。这不是魔法——而是用户体验设计中的人工智能。

而且你不需要一个价值数十亿美元的团队。你可以轻松地测试。上周我用了 Plerdy SEO Analyzer，它能告诉我哪些内容块值得关注，哪些不值得。它甚至还能提供修复元标签、标题和可读性的人工智能技巧。这对于我们这样的用户体验人员来说意义重大。

旧用户体验关注的是“好看”。新用户体验关注的是“反应快”。设计如今充满活力。如果它不再活跃，你的用户可能已经流失了。

人工智能在个性化用户体验中的作用

将显示缩放图像

你有没有打开一个网站，感觉就像——等等，这个页面认识我？这不是魔法。这是人工智能在后台运行，让用户体验比你的晨间播放列表更个性化。而且，这不仅仅是谷歌或Meta的专利。现在，即使是小型团队也会使用人工智能工具来针对每一位用户调整设计。

用户体验不再是千篇一律的布局。现在，设计需要做出反应、进行调整，有时甚至在用户说出之前就能猜测他们想要什么。没错，人工智能非常擅长猜测。

去年我帮助过的一家网店就出现了这种情况。我们添加了AI驱动的产品区块，它会根据用户之前的操作进行调整。结果如何？短短两周内，转化率就提升了21%。这可不是理论，而是真实的数据。所以，如果你的用户体验仍然在等待用户操作，而不是预测用户行为，那么你可能已经落后了。

以下是推动现代个性化用户体验的因素：

• 行为模式
• 基于意图的设计转变
• 实时 UI 决策

这不是未来，而是现在。用户已经对此有所期待。

人工智能实时推荐

它的工作原理如下：用户点击一个产品。突然，下一个版块就变了。不同的推荐、新的横幅，甚至可能是另一个行动号召 (CTA)。无需重新加载，无需等待。这就是实时个性化。AI 会跟踪用户操作并立即更新设计。

我曾与波兰一家小型电商合作。我们使用了一种工具，可以查看点击历史记录，然后推送“智能区块”——一些显示更匹配的小设计元素。用户在网站上停留的时间更长了。跳出率下降了 15%。这就是人工智能提升用户体验的成果。

想想 Dynamic Yield 或 Plerdy SEO Analyzer 这样的工具——它们能帮你了解哪些内容效果显著，以及哪些方面可以提升价值。它们不仅仅基于屏幕尺寸，还基于实际操作。这几乎就像网站现在有了大脑一样。

相信我，一旦你尝试过，就不会再回头了。

自适应布局与响应式设计

现在，不要混淆响应式和自适应——它们听起来很相似，但本质上并不相同。响应式设计只是根据设备改变布局。平板电脑？更小的按钮。手机？折叠菜单。仅此而已。

但自适应布局更深入。人工智能会检查用户的行为——快速滚动、不点击、来回滑动——并实时调整设计。它可能会隐藏菜单，或者将浮动按钮向上推。这就是用户体验变得智能的地方。

Netflix 也这么做。如果你经常暂停，他们会把控制键移得更近。亚马逊会根据滚动深度调整产品行。这不是 CSS 媒体查询，而是 AI 在读懂你的想法。

没错，响应式设计固然很好，但自适应性呢？这才是本能的设计。人工智能让用户体验不仅实用，更令人难忘。

帮助你分析人工智能驱动的用户体验的 Chrome 扩展程序

我不太喜欢猜测，尤其是在用户体验设计方面。你添加了一些人工智能驱动的区块，但你不知道用户是否能看到它？这就是为什么我开始使用 Chrome 扩展程序进行用户体验测试。它们不是昂贵的大型工具，而是快速、简单的插件，可以展示真实的情况。有些我每天都会用，有些则只用于 A/B 测试。但当人工智能扰乱你的布局时，它们结合起来会非常有帮助。

这是我的首选组合：

• Plerdy 分析网站— 滚动和热点击行为
• Lighthouse——用于设计缺陷和用户体验可访问性
• 可视化检查器 ——用于动态编辑和共享设计调整
• Plerdy SEO 分析器— 用于检查内容结构和 AI 提示

相信我，当您的用户体验由人工智能驱动并且您希望确保用户不会迷失在“智能”布局中时，这种组合会非常有效。

Plerdy 分析网站— 用户体验模式和热图

将显示缩放图像

在任何重新设计之前，我都会先运行这个工具。即使是在竞争对手的网站上，它也能显示滚动深度、热门点击区域以及没人触及的区域。你甚至不需要在他们的网站上安装任何东西——它就能正常工作。

它帮助我发现，40% 的用户会跳过一位客户主页上的产品横幅。我们将横幅位置下移，并修改了 CTA，跳出率下降了。快速简洁的用户体验赢得了胜利。

Lighthouse — 核心用户体验指标和可访问性洞察

将显示缩放图像

这个插件内置于 Chrome 浏览器内，无需安装。当我想知道我的设计是否真的有效时，我会使用它——加载速度快、布局无偏移、对比度好、移动端视图清晰。

有一次，AI 在我工作的主页上添加了一个漂亮的轮播图。看起来很漂亮。但 Lighthouse 显示，它的加载速度降低了 1.6 秒。移动评分也下降了。我们把它移除了。页面体验好上百倍。

它还会检查可访问性，这是良好用户体验的一部分。如果您的字体太小或背景颜色太淡——Lighthouse 会直接告诉您。毫不留情。

Visual Inspector — 实时编辑与协作

将显示缩放图像

说实话，当我不想碰代码的时候，我会用这个。你只需点击一下，更改颜色，移动一个块——就搞定了。非常适合演示，或者当客户说“你能把那个按钮移开一点吗？”的时候。

另一个很酷的功能是：你可以添加评论或与团队分享预览。它让反馈更容易，设计也更有趣。当AI做出奇怪的布局，而你需要快速“人工修复”时，这是一个很棒的工具。

Plerdy SEO 分析器— 实时内容和结构审核

将显示缩放图像

这个工具简直是救星。我在一个包含 AI 生成版块的博客上测试了它。它在几秒钟内就帮我完成了一次完整的 SEO 审核。它可以检查标题、文本可读性、关键词密度，甚至还能显示内容中哪些部分比较薄弱。

最棒的是？它能提供真正的 AI 提示。比如，“这个标题太长了”或“这里缺少 H2 按钮”。所以，当 AI 搞乱了你的页面结构时，这个扩展程序会准确地告诉你该如何修复。没有废话，只有直接的建议，让用户体验更强大。

需要分析人工智能如何影响你的用户体验吗？这些扩展程序不仅能为你展示数字，还能帮助你了解用户的感受。而这才是真正的设计发生的地方。

A/B 测试 AI 驱动的 UI 决策

将显示缩放图像

有时人工智能会给出很酷的想法。但并非所有想法都对真实用户有益。这听起来可能显而易见，但测试人工智能生成的设计是绝对必要的。即使用户体验看起来很棒，也并不意味着人们会点击或滚动。设计需要验证。用户体验需要行为数据。否则，它就只是猜测。

我记得我做过一个测试——我们用人工智能修改了主页布局。它拥有智能用户体验、自适应设计，看起来很新颖。但用户互动性很差。滚动地图很冷门。我们把CTA（行动号召）移到了更高的位置，改变了按钮样式——A /B测试之后，点击率跃升了31%。这就是测试的作用。

人工智能虽然强大，但却无法解读人类的情感。A/B 测试可以帮助你的用户体验匹配真实的用户，而不仅仅是算法。

从假设到热图

假设AI告诉你要更改UI布局。新的结构。新的区块。听起来很棒。但你怎么知道这对设计有帮助呢？

测试一下，就这么简单。我总是从一个小想法开始——比如改变标题顺序或移动定价区块。然后我会用 Plerdy Analyze Websites 来观察真实用户的行为。这个工具可以显示热图、滚动深度和点击次数。它对于测试动态用户体验非常方便。

以下是我的做法：

1. 通过新的用户体验创建 AI 变体
2. 根据实际点击跟踪交互模式
3. 审查每个设计元素的滚动、弹跳和行为

设计的意义不在于看起来有多酷，而在于用户实际使用的内容。这就是为什么我从来不会在没有检查行为数据的情况下发布新的UI。即使是最聪明的AI创意，如果用户体验不能与人产生共鸣，也会失败。

通过内容审核衡量结果

现在让我们将设计和 SEO 结合起来。因为现代用户体验不仅仅关乎布局或按钮。它还关乎内容的体验、阅读方式以及搜索引擎的运作方式。

每次 A/B 测试后，我都会用 Plerdy SEO Analyzer。它会检查内容是否仍然遵循良好的结构。它会显示标题是否正确，关键词是否仍然有效，以及 AI 是否改写了某些错误的内容。有一次，AI 把 H2 改成了一个笑话——流量就下降了。一点也不好笑。

分析器几分钟内就帮我解决了问题。我再次调整了设计。用户体验变得更简洁了。SEO流量也回来了。

所以，没错——用AI来改进UI和设计，但千万别跳过测试。没有测试的UX是没有未来的。

用户体验的未来是人工智能

将显示缩放图像

用户体验不再仅仅依靠人工智能。用户体验正在成为人工智能。这是事实。而且，这并非科幻故事。它已经存在。你浏览TikTok——这就是人工智能驱动的用户体验。你在亚马逊上购物——整个产品页面都会根据你过去的行为进行调整。设计不再是一成不变的。它变得智能、灵活，当然，还有点令人毛骨悚然。但这是一种好的方面。

我相信这不是一种“趋势”。这是新的基础。没有人工智能的用户体验会让人感觉陈旧、缓慢、愚蠢。而且用户不会等待。如果你的设计不能理解用户的想法，他们两秒后就会离开。

我们不能再把人工智能仅仅视为一个插件了。它是界面的新大脑。它控制着设计如何运作，用户如何移动，以及他们看到什么。如果你还没有这样想过……那么，是时候开始了。

从AI支持的用户体验到AI创建的用户体验

最疯狂的部分来了。以前，AI 只是在内容方面提供帮助，比如提供一些文字和一些布局建议。现在，它构建了整个用户体验，包括结构、按钮、哪些内容先显示、哪些内容会消失——所有的一切。像 Galileo AI 或 Uizard 这样的 AI 工具可以在几分钟内创建完整的界面模型，真正的原型。你只需要给出一个简短的提示。

即使是像 Booking.com 这样的大型公司，也使用 AI 来设计和运行数千个 UI 测试，无需人工干预。这并非为了节省时间，而是为了更智能的用户体验。更快的决策，更优的结果。

有些设计师感到害怕。我理解。但你知道吗？如果人工智能能让用户体验更简洁，设计更实用——我完全支持。

成为 AI 优先设计师

你不需要成为一名程序员，也不需要构建自己的模型。但你需要改变思维。别再问：“我该如何在这里添加人工智能？” 而是要问：“如果从一开始就由人工智能掌控，设计会是什么样子？”

从您熟悉的工具入手。使用 Plerdy SEO Analyzer 检查 AI 如何影响内容结构。在 Plerdy Analyze Websites 中试用热图，看看哪些方法有效。多考虑用户行为，少考虑固定的网格。

AI优先的思维模式意味着：你的设计会生存、学习并适应。这才是真正的用户体验。

结论

如果你仍然认为人工智能只是一种趋势，那你就错过了全局。人工智能并非要扼杀用户体验设计，而是要大力推动它的发展。它就像涡轮增压模式一样。你，设计师，仍然是规则的制定者。但现在，人工智能可以帮助你打破那些枯燥乏味的规则。像 Plerdy、Uizard甚至Figma AI 这样的工具，它们并非取代技能，而是加速了创造奇迹。所以，不要抗拒，要利用它。在用户点击离开之前，提升你的用户体验。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan