之前有一篇聊了怎么用 AI 工具快速出设计稿，最后提到"审美能力真的很重要"，浏览量还行。

这篇就来展开讲讲：审美能力怎么练？

---

先说一个我的观察

AI 时代，很多事情都可以让 AI 帮你做了——写代码、生成设计稿、配色排版。但有两样东西，AI 帮不了你：

一个是产品能力，一个是审美能力。

产品能力决定你做的东西有没有用，审美能力决定你做的东西好不好看。这两个都是长期积累的事情，没有捷径。

你可以让 AI 一秒钟生成十个设计稿，但如果你分不清哪个好、哪个差、差在哪里、怎么改更好——那这十个设计稿对你来说都是废稿。

所以：工具可以提效，但判断力得自己练。

---

怎么练审美？

说白了就一条路：大量、持续、有目的地看好作品。

注意这三个关键词：

• 大量：偶尔看一眼没用，得积累
• 持续：三天打鱼两天晒网没用，得养成习惯
• 有目的：漫无目的地刷也没用，得带着问题看

这篇文章我就来分享一些我长期在用的设计参考网站。它们不是教程，是用来"养眼睛"的地方。

---

但在开始之前，有一点很重要

看设计参考的目的是提高审美，不是照抄。

这两件事差别很大。

我看过不少网站，视觉上确实很惊艳，但你去查一下它的流量——几乎没人用。为什么？因为它是"为了设计而设计"，好看是好看，但不实用、不符合用户习惯、信息架构一塌糊涂。

所以看设计参考的正确姿势是：

1. 知道什么是好看的
2. 理解为什么好看
3. 在做自己产品的时候，结合产品目标去运用

不是看到一个炫酷的效果就往自己产品里塞。那不叫审美，那叫堆砌。

好，下面正式开始。我按 Web / App 两个方向来分。

---

一、Web 设计灵感站

这类网站的共同点是：真实可访问的网站案例，而且经过筛选。

1. Awwwards

🔗 https://www.awwwards.com

如果你只收藏一个网站，选它。

• 收录的是完整网站，不是单个页面
• 非常适合研究 Hero 区（首屏叙事）、视频动效、滚动体验、品牌气质
• 适合长期刷

用法：直接从分类入手（Fullscreen / Video / Minimal / Typography）

---

2. CSS Design Awards

🔗 https://www.cssdesignawards.com

相比 Awwwards，更偏向纯设计审美：排版、色彩、留白、网格系统。

不追求花哨，但非常干净、耐看。

---

3. Site Inspire

🔗 https://www.siteinspire.com

非常适合"拆解结构"。

• 可以按 Hero / Typography / Layout / Industry 精确筛选
• 很多网站看起来不炫，但非常成熟

适合想从"好看"进阶到"专业感"的人。

---

4. Godly Website

🔗 https://godly.website

偏年轻化、偏前沿：新锐设计、实验性强、很多 AI / 创意工具类网站。

想感受"现在流行什么"，刷它就对了。

---

5. Lapa Ninja（落地页专用）

🔗 https://www.lapa.ninja

如果你关注的是 Landing Page / 首屏 / 转化结构，必看。

• Hero 区结构非常丰富
• CTA、文案、信息层级值得研究
• 很适合产品型、工具型网站

---

6. One Page Love

🔗 https://onepagelove.com

专门收录单页网站：信息密度控制、滚动节奏、首屏到结尾的完整体验。

适合研究"一页讲清一件事"。

---

7. Minimal Gallery

🔗 https://minimal.gallery

用来校准审美的地方。极简、克制、高级。

当你觉得自己页面越做越"脏"，就来刷它。

---

二、App / UI 设计灵感站

前面的站点偏「品牌和视觉」，下面这些更偏真实产品体验。

8. Mobbin

🔗 https://mobbin.com

强烈推荐。

• 展示的是真实 App 流程
• 可以直接看到注册、上传、生成结果、支付等完整流程
• 非常适合做功能型产品的人

我上一篇也提到过它，做移动端产品的必看。

---

9. Pttrns

🔗 https://pttrns.com

专注于 UI Pattern（模式）：列表、表单、导航、弹窗。

适合解决"这个功能到底该怎么做才合理"的问题。

---

10. Screenlane

🔗 https://screenlane.com

更新快，App / Web UI 都有。适合快速了解"现在大家在怎么设计"。

---

三、视觉与概念类（不要照抄，但一定要看）

这类网站不一定能直接用，但对培养感觉很重要。

Behance

🔗 https://www.behance.net

建议搜索：Web Design、Landing Page、Concept Website、Motion Design

重点看：项目叙事、视觉体系、情绪氛围

---

Dribbble

🔗 https://dribbble.com

使用建议只有一句话：只看灵感，不看结构。

Dribbble 上很多作品"飞机稿"成分很重，好看但不落地。当灵感看可以，别当实际参考。

---

四、我的"高效刷设计"方法

给你一个我自己在用的方法，每天 20 分钟就够：

1. 先定一个明确目标

   今天只看「Hero 区」或「落地页」或「表单设计」

2. 每个网站只看 3 个案例
   贪多嚼不烂

3. 每个案例问自己三个问题

   • 版式为什么这样排？
   • 为什么这个地方需要留白？
   • 第一眼为什么有感觉？

长期坚持，比临时猛刷有用得多。

---

写在最后

设计参考网站的意义，从来不是"抄"。

而是帮你建立一个判断标准：什么是好？什么是一般？什么是不该做的？

AI 可以帮你生成，但"这个行不行"得你自己判断。这个判断力，就是审美。

审美这东西，急不来。但好在它是可以练的——只要你愿意每天花一点时间去看、去想、去分析。

当你看得足够多，很多设计决策会变成直觉。
而直觉，正是审美的最终形态。