如果你做 UI/UX、产品设计，或者只是经常需要给网站和应用找灵感，建议把下面这组网站先收藏起来。
它们不是“看完就忘”的灵感瀑布，而是可以在不同阶段反复查的参考库：找方向时看案例，做方案时看结构，打磨细节时看字体、图标和动效。
先从这 9 个网站开始
1. 设计案例库： Curations
适合在项目刚开始、还没有明确视觉方向时使用。这里可以看到不同类型的网页、品牌和界面案例，先建立整体感，再决定自己的页面应该走什么气质。
2. 落地页参考： Landing Love
如果你正在做产品官网、活动页或个人作品集，Landing Love 很适合用来观察首屏怎么组织。重点可以看标题、产品截图、行动按钮和上下文之间的关系，而不是简单照搬颜色。
3. SaaS 网站： SaaS Pages
做后台、订阅制产品和 B2B 工具时，可以从这里找更接近真实业务的页面参考。它的价值在于帮你快速了解一个 SaaS 产品通常如何介绍功能、定价、集成和客户案例。
4. AI 移动应用创建器： Sleek
这是一个更偏工具和探索性质的站点，适合看看 AI 如何参与移动应用的构思与创建。即使暂时不使用，也可以观察它怎样把复杂能力包装成普通用户能理解的操作流程。
5. 字体： Uncut
字体往往决定了界面的第一印象。Uncut 适合在品牌字、标题字和正文排版之间寻找平衡，尤其适合需要做英文界面、海报或品牌页面时参考。
6. 动效： 60fps
做交互动效时，最容易出现的问题不是“没有动画”，而是动画没有帮助用户理解状态。60fps 可以用来观察页面切换、悬停、加载和反馈是如何被组织起来的。
7. 移动应用： Mobbin
如果你需要设计移动端流程，Mobbin 是很实用的检索入口。与其只看一张漂亮的首页，不如顺着一个完整任务去看注册、搜索、支付、设置和异常状态，这样更容易得到可以落地的参考。
8. 品牌： Rebrand Gallery
品牌改版不只是换一个 Logo。这里适合用来观察品牌如何把字体、色彩、图形、图片和产品界面统一起来，尤其适合做产品品牌升级或视觉规范时参考。
9. 图标： Hugeicons
图标是界面里很小、但非常影响完成度的部分。使用图标库时，建议优先保持线宽、圆角和视觉重量统一，再考虑单个图标是否足够漂亮。
我会怎么用这组资源
我的建议是按项目阶段来查，而不是一次性把所有网站都打开：
- 找方向：先看 Curations、Landing Love 和 Rebrand Gallery，确定页面的整体气质。
- 搭结构：做 SaaS 或产品官网时参考 SaaS Pages；做移动端流程时进入 Mobbin，按任务而不是按单个页面寻找案例。
- 补细节：字体去 Uncut，动效去 60fps，图标去 Hugeicons。
- 看新可能：需要探索 AI 产品体验时，再看看 Sleek 这类更偏实验性的工具。
收藏网站不等于复制页面
真正有用的参考，应该能回答三个问题：这个设计解决了什么问题？它为什么适合这个产品？换成我的用户和内容后，还成立吗？
所以我更愿意把这些网站当成一个长期的设计索引，而不是模板下载站。以后我还会继续往这里补充字体、组件、配色、动效和产品分析工具，慢慢整理成一份更适合自己工作流的资源库。
如果你也有一直在用的设计网站，欢迎推荐给我。下一版可以继续按“网页设计、移动端、品牌、开发工具、AI 产品”拆成更细的清单。