# 国内 UI 风格参考网站汇总

> 整理日期：2026-07-25

---

## 一、设计社区 / 灵感平台

### 1. 站酷 ZCOOL
- **网址**：https://www.zcool.com.cn/
- **简介**：国内最大的设计师社区，涵盖 UI、平面、插画、品牌、电商等。大量国内设计师上传完整项目案例，附带设计思路解析。
- **亮点**：作品偏落地、贴近国内商业场景（电商、金融、教育、政务等），可按行业/类型筛选
- **适合**：找国内商业项目设计参考

### 2. 花瓣网
- **网址**：https://huaban.com/
- **简介**：国内版 Pinterest，设计师灵感采集平台，搜索 "UI设计"、"后台界面"、"移动端设计" 等关键词即可浏览大量采集。
- **亮点**：瀑布流浏览、按画板分类、可自建灵感板
- **适合**：日常灵感收集、风格板（Moodboard）制作

### 3. UI 中国
- **网址**：https://www.ui.cn/
- **简介**：专业 UI 设计平台，国内资深设计师聚集地，作品质量高，有教程和经验分享。
- **亮点**：偏专业 UI/UX 方向，评论区有深度讨论
- **适合**：专业 UI 设计学习和参考

### 4. 优设网 UISDC
- **网址**：https://www.uisdc.com/
- **简介**：设计师学习平台，有大量设计趋势文章、案例拆解、工具教程。
- **亮点**：内容偏教学和分析，不只是看图，还有"为什么这样设计"
- **适合**：理解国内设计趋势和方法论

### 5. 致设计
- **网址**：https://www.zhisheji.com/
- **简介**：专注电商设计（淘宝、天猫、京东、拼多多等），大量国内电商 UI / 运营设计案例。
- **亮点**：电商场景非常垂直，首页/详情页/活动页/直通车图都有
- **适合**：电商 UI 和运营设计参考

---

## 二、真实产品 UI 截图库（国内版 Mobbin）

### 6. UI Notes
- **网址**：https://uinotes.com/
- **简介**：收集大量线上优秀国内 App 的完整 UI 截图，只有落地设计没有飞机稿。可按 App、页面类型、流程浏览。
- **亮点**：真实上线产品截图，覆盖微信、支付宝、抖音、小红书等国内主流 App
- **适合**：研究国内竞品实际界面和交互流程

---

## 三、大厂设计规范 / 设计系统（最权威的国内 UI 风格参考）

### 7. Ant Design（蚂蚁/阿里）
- **网址**：https://ant.design/index-cn
- **简介**：阿里蚂蚁集团的企业级 UI 设计语言 + React 组件库，国内 B 端设计的事实标准。
- **亮点**：完整的设计原则、全局样式、组件规范、动效指南
- **适合**：B 端后台、管理系统设计参考

### 8. Arco Design（字节跳动）
- **网址**：https://arco.design/
- **简介**：字节跳动企业级设计系统，有完整的 Figma 资源库和组件文档。
- **亮点**：设计指南写得非常细致（色彩、字体、间距、暗色模式），审美偏年轻现代
- **适合**：B 端 + C 端设计参考，字节风格

### 9. TDesign（腾讯）
- **网址**：https://tdesign.tencent.com/
- **简介**：腾讯企业级设计体系，覆盖 Web、移动端、小程序多端。
- **亮点**：有完整的设计指南和 Figma/Sketch 资源
- **适合**：腾讯系产品设计风格参考

### 10. Semi Design（抖音）
- **网址**：https://semi.design/
- **简介**：抖音前端团队的设计系统，强调"定义设计师与前端之间的中间层"。
- **亮点**：Design to Code 理念，支持在线定制主题
- **适合**：内容型产品设计参考

### 11. Element Plus（饿了么）
- **网址**：https://element-plus.org/
- **简介**：饿了么团队 Vue3 组件库，国内使用极广的 B 端 UI 框架。
- **适合**：Vue 技术栈 B 端设计参考

### 12. NutUI（京东）
- **网址**：https://nutui.jd.com/
- **简介**：京东风格的移动端组件库，Taro 多端适配。
- **适合**：电商移动端设计参考

---

## 四、国内设计工具（自带模板和社区）

### 13. 即时设计
- **网址**：https://js.design/
- **简介**：国产在线设计工具（类 Figma），社区有大量国内风格模板和 UI Kit 可直接使用。
- **亮点**：免费、中文、模板贴合国内场景
- **适合**：直接拿模板改，快速出图

### 14. MasterGo
- **网址**：https://mastergo.com/
- **简介**：国产协作设计工具，社区资源库有国内设计模板。
- **适合**：团队协作 + 国内风格模板

### 15. Pixso
- **网址**：https://pixso.cn/
- **简介**：国产 AI 原生设计工具，内置国内风格模板和设计系统。
- **适合**：AI 辅助 + 国内风格模板

### 16. 墨刀
- **网址**：https://modao.cc/
- **简介**：国产原型设计工具，有设计模板和案例库。
- **适合**：快速原型 + 国内 App 模板

---

## 五、图标 / 素材资源

### 17. Iconfont（阿里巴巴矢量图标库）
- **网址**：https://www.iconfont.cn/
- **简介**：国内最大的图标库，设计师上传的图标可直接下载 SVG/PNG，也可创建自己的图标项目。
- **适合**：找国内风格图标

### 18. 阿里巴巴设计 官方资源
- **网址**：https://design.alipay.com/
- **简介**：蚂蚁集团设计团队分享的设计资源、方法和案例。
- **适合**：金融 / 支付类设计风格参考

---

## 六、快速选型建议

- **找国内 App 真实界面** → UI Notes（最推荐，国内版 Mobbin）
- **找国内商业设计案例** → 站酷 ZCOOL、UI 中国
- **日常灵感收集** → 花瓣网
- **B 端后台设计** → Ant Design、Arco Design、TDesign 设计规范
- **电商设计** → 致设计、NutUI
- **直接拿模板用** → 即时设计、MasterGo、Pixso 社区
- **找图标** → Iconfont
- **学设计方法论** → 优设网

---

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