哈喽，我是大鹏，这里是你的 UI/UX 第二灵感库。
很多新手看设计参考，只会说“这个页面好高级”“这个视觉好酷”，但真正能让你进步的，不是收藏更多网站，而是学会拆：
这个页面到底在解决什么问题？
它的信息层级为什么这样排？
它的视觉风格服务了什么品牌感？
它的交互、动效、文案有没有帮用户更快理解？
所以这个系列，我每期只挑 6 个网站，不追求多，重点是带你看清楚：它是做什么的、亮点在哪里、作为 UI/UX 设计师可以学什么。
01. Intercom
链接：
https://www.intercom.com/suite
Intercom 是一个面向 AI 客服时代的 SaaS 产品官网，核心产品围绕 AI Agent、客服工作台、客户对话、工单、数据洞察和自动化支持展开。
它最值得学习的地方，是复杂产品的表达方式。很多 B 端产品官网容易把功能堆满一屏，但 Intercom 的结构更清楚：先告诉你“这是 AI Agent 时代的客服系统”，再拆分 AI Agent、人工客服协同、客户洞察、自动化和报表能力。
设计亮点：
它用了大量产品 UI 截图、真实客户背书、能力模块和行动按钮，让用户既能感受到品牌专业度，也能快速理解产品到底能解决什么问题。视觉上不是纯科技冷感，而是用摄影、插画和柔和色彩降低企业软件的距离感。
设计参考价值：
适合学习 B 端 SaaS 官网怎么讲复杂产品。尤其是做 AI 工具、客服系统、CRM、数据平台、企业后台产品时，可以参考它的“问题提出 - 产品能力 - 场景解释 - 客户证明 - 行动转化”结构。
02. Adaline
链接： https://www.adaline.ai/
Adaline 是一个 AI Agent 开发和优化平台，主要面向做 AI 应用的团队，帮助他们管理 prompt、测试数据、评估效果、部署版本和监控线上表现。
它不是那种只说“让 AI 更智能”的泛泛官网，而是把 AI 产品从实验到上线的流程讲得很完整。对于用户来说，它传递的是一种确定感：我不只是帮你生成内容，而是帮你把 AI 应用做得更稳定、更可控。
设计亮点：
页面适合观察“专业工具类产品”怎么表达复杂流程。它会把抽象概念拆成工作流，把功能点变成模块，再通过界面截图和短文案辅助理解。
设计参考价值：
适合学习 AI 工具官网的信息架构。尤其是当你的产品功能偏技术、偏平台、偏流程时，不要只堆参数，而要帮助用户理解“我在哪一步使用它，它能帮我减少什么成本”。
这里可以引出一个 UI/UX 方法：
复杂产品不要先讲功能，而要先讲用户任务。用户不是为了使用一个功能而来，而是为了完成某个流程、降低某种风险、提高某个效率。
03. Arago
链接：
https://arago.wawww.studio/
Arago 是一个偏硬科技方向的网站，主题围绕 AI 计算、光子加速和能源效率。这个领域本身很抽象，如果直接讲技术参数，普通用户很难感知价值。
它的亮点在于把“看不见的技术”视觉化。光、芯片、计算、能耗、未来感，这些概念通过页面视觉和动效被包装成一种科技品牌气质。
设计亮点：
它不是传统企业官网那种介绍公司、产品、优势、联系方式的平铺结构，而是更像一段科技叙事。页面通过强视觉、空间感、抽象图形和节奏感，把品牌定位先建立起来。
设计参考价值：
适合参考科技品牌、AI 硬件、芯片、机器人、能源类官网。尤其是当产品本身不好拍、技术不好懂时，可以学习它如何用视觉语言替代枯燥说明。
这里可以用到“情绪化设计”的思路：
用户理解技术之前，往往先感受到品牌气质。科技感、可信度、未来感，本质上也是一种用户感受。
04. In-Doe-Ek
链接： https://indoek.com/
In-Doe-Ek 是一个围绕冲浪、海岸生活、艺术和文化内容建立的网站，里面包含商店、艺术品、书籍、服饰、展览和博客内容。
它最有意思的地方，是它不像普通电商网站那样只展示商品，而是先建立一种生活方式。用户进入页面，不只是看到“买什么”，而是在感受一种海岸、冲浪、艺术和慢生活混合起来的品牌世界。
设计亮点：
图片使用非常重要，商品、内容和故事之间的关系处理得比较自然。它没有强行把每个东西都做成标准电商卡片，而是让内容像杂志一样展开。
设计参考价值：
适合参考生活方式品牌、电商内容化、艺术商店、独立品牌官网。尤其是做服饰、文创、展览、咖啡、户外、家居类网站时，可以学习它如何通过图片、留白、文字节奏和内容栏目建立品牌调性。
这里可以引出一个品牌设计思路：
好品牌不是只卖产品，而是在卖一种“我想成为怎样的人”的想象。
05. Valentime by Noomo
链接：
https://valentime.noomoagency.com/
这是 Noomo Agency 做的一个情人节互动叙事网页，主题围绕爱、表达和时间展开。
它不是普通节日活动页，而是一个带故事感的小型互动体验。页面通过滚动、声音提示、视觉场景和文案节奏，让用户一步步进入叙事。
设计亮点：
它的重点不是信息量，而是情绪推进。用户不是在读一个促销页面，而是在经历一个故事。这种页面很适合节日、品牌活动、公益主题、艺术项目和产品发布预热。
设计参考价值：
适合学习互动叙事页怎么做。尤其是滚动节奏、动效出现时机、声音使用、文案留白，都可以作为灵感参考。
这里有一个很重要的交互原则：
动效不是为了炫，而是为了引导注意力、制造节奏、帮助用户进入情绪。
06. Buou UI
链接：
https://ui.buoucoding.com/
Buou UI 是一个 UI 组件和落地页区块库，里面包含按钮、卡片、Dock、Tabs、Gallery、Stepper 等组件和交互效果。
它很适合 UI 新手练习拆组件。因为很多人看网页时只看整体风格，但真正做项目时，用到的是一个个组件：按钮怎么排、卡片怎么组织、Tab 怎么切换、状态怎么反馈、动效怎么控制。
设计亮点：
它的组件偏现代网页和 Landing Page 风格，适合做个人项目、SaaS 官网、作品集页面、工具类产品官网。很多组件可以直接观察结构、间距、层级和交互状态。
设计参考价值：
适合学习组件化思维。你可以打开一个组件，然后拆成 5 层来看：结构、尺寸、间距、状态、动效。这样比单纯临摹一整个页面更有效。
本期总结
这 6 个网站其实对应了 6 种很常见的设计能力：
Intercom 适合学复杂 SaaS 产品怎么讲清楚。
Adaline 适合学 AI 工具怎么表达工作流。
Arago 适合学硬科技品牌怎么建立未来感。
In-Doe-Ek 适合学生活方式品牌怎么做氛围。
Valentime 适合学互动叙事页怎么制造情绪。
Buou UI 适合学 UI 组件怎么拆结构和状态。
所以，看参考网站时，不要只问“好不好看”，可以多问 5 个问题：
这个页面的主任务是什么？
用户第一眼应该看到什么？
它用什么方式建立信任？
视觉风格和产品定位是否一致？
有没有值得复用到自己项目里的结构或组件？
我整理 UI/UX 知识库，也是为了帮大家把这些零散灵感变成系统能力。里面不只是网站收藏，而是从基础入门、UX 方法、UI 规范、设计流程、素材工具、作品集，到 AI 设计工作流，按学习路径整理成可以长期查阅和练习的第二大脑。