web设计六大必看网站
六个设计灵感与落地资源网站
做落地页、作品集或动效参考时，这六个站覆盖了「看奖」「看动效」「抄组件」「看 Framer 成品」「每日灵感」「嵌 3D」几类刚需。
1. Awwwards
简介：
全球知名的网页设计评选与灵感站。每天评选 Site of the Day，年底还有 Site of the Year 等年度奖；社区和专业评审双轨打分。站点偏高完成度、强交互与视觉实验，适合看前沿趋势、对标顶级机构和独立设计师作品。
适用场景：
- 定创意方向、对标高端品牌站
- 学习排版、动效叙事与开发实现（部分带 Developer Award）
- 作品集参考、投奖前摸行业水准
2. Showreel.design（SR.D）
简介：
精选 Motion Design / 动画工作室与个人的 Showreel 目录（页面标题常见「Discover 252 Best Motion Design Showreels」）。可按风格、媒介、行业等筛选，专门看「一分钟内如何讲清作品气质」，比零散刷 Vimeo 更高效。
适用场景：
- 做品牌片、产品宣传片、开场动效前找参考
- 对比不同工作室的节奏、配色与叙事
- 动效师 / 导演写 brief 时的片单来源
3. Aceternity UI
网址： https://ui.aceternity.com/
简介：
面向 React / Next.js 的现代 UI 组件库，基于 Tailwind CSS 与 Motion（原 Framer Motion）。大量 Hero、Bento、背景光束、3D 卡片等「落地页感」组件，可复制粘贴或通过 shadcn CLI / MCP 安装；代码到你项目后可随意改，没有黑盒依赖。
适用场景：
- SaaS / AI 产品落地页快速出视觉效果
- Next.js + Tailwind 技术栈直接落地
- 不想从零写复杂 hover / 滚动动效时
4. Framer Gallery
网址： https://www.framer.com/gallery/
简介：
Framer 官方精选画廊，展示用 Framer 做出的优秀站点，可按 Agency、SaaS、AI、Ecommerce、Portfolio、Landing Page 等分类浏览。适合看「无代码 / 低代码」也能做出的交互动效与版式，并直接对照真实上线站。
适用场景：
- 计划用 Framer 建站或改版时找同类案例
- 给客户演示「这类站点用 Framer 能做成什么样」
- 研究无代码站的导航、滚动与组件组合
5. Recent
简介：
每日精选设计灵感站（Godly 的后续品牌），覆盖网站、OG 图、App 截图与图标、品牌与字体、动效等。强调「近期真实作品」而非陈年合集，还附带工具、Agent Skills、设计岗位等信息，灵感密度高、更新快。
适用场景：
- 每天刷一轮定视觉方向（尤其落地页 / 社交预览图）
- 需要 App 界面或图标参考，而不只是营销站
- 开工前快速收 2～3 个具体对标 URL
6. Thrine
简介：
提供可嵌入网站的免费 3D 模板与在线编辑器：可调材质、灯光、背景与动画，导出高清图 / 视频，或把交互式 3D 场景嵌到页面。降低「站内要有一点 3D」的门槛，不必从 Blender / Three.js 从零搭。
适用场景：
- 产品站 Hero、背景装饰需要轻量 3D
- 营销页想加可交互三维元素又不想雇 3D 团队
- 先出视觉提案，再决定是否深度定制
怎么搭配用
| 你的目标 | 优先打开 |
|---|---|
| 看顶级完成度与趋势 | Awwwards、Recent |
| 定动效 / 片头气质 | Showreel.design |
| 直接往 React 项目里塞组件 | Aceternity UI |
| 用 Framer 建站找同款 | Framer Gallery |
| 页面里要嵌一点 3D | Thrine |
先在 Recent / Awwwards 定方向，需要可交付组件时用 Aceternity，动效片单用 Showreel，Framer 路线看 Gallery，要三维点缀再打开 Thrine。
