# UI 风格参考网站汇总

> 整理日期：2026-07-25

---

## 一、真实产品截图库（看实际上线的产品长什么样）

### 1. Mobbin
- **网址**：https://mobbin.com/
- **内容**：20 万+ 真实 App / Web 界面截图，按 App、界面类型、UI 元素、用户流程分类检索
- **亮点**：全部来自真实上线产品，可按完整用户流程（Onboarding、支付、设置等）浏览
- **适合**：研究竞品实际界面、交互流程

### 2. Refero
- **网址**：https://refero.design/
- **内容**：Web 和 iOS 的 UI/UX 参考库，数万张截图
- **亮点**：可按页面区块（Hero、定价页、表单、导航等）、标签、甚至截图内文字搜索
- **适合**：找特定页面区块的参考

### 3. Pageflows
- **网址**：https://pageflows.com/
- **内容**：真实产品的完整用户流程截图序列（注册、升级、退款等）
- **亮点**：截图不是孤立的，而是按流程串联，能看到完整的交互链路
- **适合**：设计多步骤流程时参考

### 4. UI Sources
- **网址**：https://uisources.com/
- **内容**：头部移动 App 的完整用户旅程 + 带标注截图 + 流程图
- **亮点**：有流程地图（Flow Map），能看清导航结构和交互模式
- **适合**：移动端交互设计研究

### 5. SaaSUI
- **网址**：https://saasui.design/
- **内容**：真实 SaaS 产品后台界面，按界面类型（Dashboard、设置、列表等）组织
- **适合**：做 B 端 / SaaS 后台设计的参考

### 6. Pttrns
- **网址**：https://pttrns.com/
- **内容**：iOS 设计模式库，按交互模式分类（搜索、侧滑、下拉等）
- **适合**：iOS 端设计模式参考

### 7. Webframe
- **网址**：https://webframe.xyz/
- **内容**：真实 Web 应用截图，按界面元素和页面类型分类
- **适合**：Web 应用后台和前端界面参考

---

## 二、设计社区（设计师上传的概念作品）

### 8. Dribbble
- **网址**：https://dribbble.com/
- **内容**：全球设计师分享的设计片段（Shot），覆盖 UI/UX、图标、插画、品牌
- **亮点**：视觉质量高、风格前沿，可按颜色/标签筛选
- **注意**：偏概念稿，不一定反映真实产品
- **适合**：找视觉风格灵感

### 9. Behance
- **网址**：https://behance.net/
- **内容**：Adobe 旗下创意社区，完整项目案例（含设计理念、过程、交付）
- **亮点**：能看到从需求分析到最终交付的完整设计链条
- **适合**：学习完整项目方法论

### 10. UI 中国
- **网址**：https://ui.cn/
- **内容**：国内专业 UI 设计平台，行业大佬分享作品和教程
- **适合**：国内设计趋势、中文环境参考

---

## 三、网页设计精选（偏落地页 / 官网风格）

### 11. Awwwards
- **网址**：https://awwwards.com/
- **内容**：全球最佳网页设计评选，获奖网站代表行业最高水平
- **亮点**：注重视觉创意 + 交互创新 + 技术实现
- **适合**：高端官网、品牌站风格参考

### 12. Godly
- **网址**：https://godly.website/
- **内容**：精选顶级网页设计，更新快、审美在线
- **适合**：前沿 Web 视觉趋势

### 13. Siteinspire
- **网址**：https://siteinspire.com/
- **内容**：精选完整网站设计，按风格、行业、类型筛选
- **亮点**：强调整体美感，策展质量高
- **适合**：网站整体风格参考

### 14. Lapa Ninja
- **网址**：https://lapa.ninja/
- **内容**：落地页（Landing Page）截图库 + 免费模板
- **适合**：产品落地页、营销页设计

### 15. Saaspo / SaaSFrame
- **网址**：https://saaspo.com/ / https://saasframe.io/
- **内容**：SaaS 产品官网和营销页截图库
- **适合**：SaaS 官网、定价页、功能页参考

### 16. Minimal Gallery
- **网址**：https://minimal.gallery/
- **内容**：极简风格网页设计精选
- **适合**：极简 / 留白风格参考

### 17. Land-book
- **网址**：https://land-book.com/
- **内容**：落地页、作品集、电商页面灵感库
- **适合**：各类营销页面参考

---

## 四、灵感聚合 / 工具类

### 18. Niice
- **网址**：https://niice.co/
- **内容**：AI 聚合 Dribbble / Behance 优质内容，完成风格测试后每日推送定制灵感
- **亮点**：AI 可基于单张作品生成 10 张同风格变体
- **适合**：定向风格探索

### 19. Designspiration
- **网址**：https://designspiration.com/
- **内容**：设计灵感搜索，支持按颜色搜索
- **适合**：按配色方案找参考

### 20. Pinterest
- **网址**：https://pinterest.com/
- **内容**：图片社交平台，搜索 "UI design"、"dashboard design" 等关键词
- **适合**：发散式灵感收集

### 21. Figma Community
- **网址**：https://figma.com/community/
- **内容**：免费 UI Kit 和设计文件，可直接复制到自己文件里
- **亮点**：不只是看，还能直接拿源文件
- **适合**：直接复用组件 / 模板

### 22. UpLabs
- **网址**：https://uplabs.com/
- **内容**：UI 素材和资源市场，有免费每日 UI Kit
- **适合**：下载现成 UI 素材

### 23. TOOOLS.design
- **网址**：https://toools.design/
- **内容**：设计资源大全，汇总了各类灵感网站、UI Kit、工具
- **适合**：作为资源索引入口

---

## 五、快速选型建议

- **看真实产品界面** → Mobbin、Refero、SaaSUI
- **看交互流程** → Pageflows、UI Sources
- **找视觉风格灵感** → Dribbble、Godly、Awwwards
- **做落地页 / 官网** → Lapa Ninja、Land-book、Saaspo、Siteinspire
- **做 B 端后台** → SaaSUI、Refero、Webframe
- **直接拿源文件** → Figma Community、UpLabs
- **国内中文环境** → UI 中国
- **AI 辅助风格探索** → Niice

---

*信息来源：2025-2026 年公开评测与设计社区*