这五个设计参考网站值得 Vibe Coding 者收藏

是什么

抖音作者「辣味章鱼」以屏幕录制方式，分享其做作品集/网页设计（自称 Vibe Coding）时常用的 5 个参考与灵感网站，属于个人工作流经验分享，非工具评测。

关键内容

1. Minimal Gallery（OCR 可见 minimal.gallery）：自称全球创意设计库，每周更新作品集案例；点击 portfolio 栏浏览全部案例，并可跳转到原链接感受真实交互，而非静态截图参考。
2. Landbook：聚合大量 Landing Page 设计参考，可用于学习页面结构与落地页设计，也含作品集网站，同样可跳转原站。
3. Noised：作者说明它不是作品集参考站，而是网页设计创意站，可看到前沿网页灵感（如鼠标移动效果）。
4. 组件动画参考库：视频未口播站名，OCR 标签页仅见「UIcomponentL…」残片；作者称全站约 112 种动画参考，用于项目排版与交互动画打磨。
5. Pinterest：按风格关键词（如「Pintier 风、电子像素风」，疑为转写误差）搜索并保存图片到文件夹，再「一股脑丢给 AI」让模型理解并运用该风格。

可借鉴之处

形成「画廊筛选 → 跳原站体验真实交互 → 按风格关键词收集素材 → 整批喂给 AI 消化风格」的闭环工作流，对个人站点与作品集设计有直接参考价值。

边界与风险

• 内容为经验分享，无量化对比与深度评测；
• 第四个网站名称未在转写中出现，OCR 证据残缺，不宜臆测具体站名或 URL；
• 转写多处「作品级」疑为「作品集」的同音误差；
• 搬运/模仿他人设计与把截图直接投喂 AI，需注意版权与原创性边界。