inspo.page 背后的旅程：更好的网页设计灵感收集方式

一个简单的想法如何发展成为发现让网站难忘细节的精选平台。

一切开始的时刻

几年前，我偶然发现了一个精心设计的网站 - 每个微动画都经过精心制作，每个过渡都感觉有意为之。这不仅仅漂亮，它让我感受到了什么。从那时起，我就迷上了网页设计。

我注意到传统灵感网站的局限性：它们展示整个网站，但当我痴迷于某个特定细节时（如按钮动画、手风琴展开效果或流畅的页面过渡），很难再次找到那个完美元素。

我开始建立自己的本地库，使用 Eagle 记录酷炫的交互效果，并添加具体标签如"卡片"、“英雄区域"或"页面过渡”。这成为了我客户项目和个人工作的秘密武器。

经过几年积累，我决定与世界分享这个收藏。我希望创建一个直观的平台，能在移动端和桌面端都良好工作，既美观又实用。

inspo.page 建立了三个特定的过滤系统：

当组合这些过滤器时，魔法就发生了。

在技术方面，我使用 Astro 和 Sanity。我建立了一个自动化系统：只需点击录制，系统就会自动获取 URL、创建不同视频版本、压缩所有内容、托管到 Bunny.net，然后发送到 CMS，我只需标记并发布即可。

真正的挑战是设计组织系统。我重新设计了整个标记系统至少 10 次 - 需要在过于复杂和过于模糊之间找到平衡点。

虽然 AI 能在几分钟内构建外观不错的网站，但它无法把握人性化的细节 - 悬停效果的时机、过渡的权重，或微交互应有的感觉。这些纯粹是品味和直觉。

我每周都会向平台添加更多灵感，目标是建立真正有用的收藏，而不是最大的收藏。

想要查看吗？前往 inspo.page，你可以按特定组件、网站部分或运动模式进行过滤。如果你遇到带有精美动画或微交互的网站，请使用网站右上角的反馈按钮分享。