宝藏网站合集：设计灵感与素材

工作这些年，浏览器收藏夹里攒了一堆反复打开的网站 ✿ 这篇按”用途”分类整理出来，希望对你有帮助。

一、设计灵感

网站	特点
Dribbble	全球设计师作品分享
Behance	Adobe 出品，更综合
Awwwards	网站设计界的奥斯卡
Site Inspire	精选的优质网站集合
Mobbin	真实 App 的截图库，研究 UI 必备

二、配色工具

• Coolors — 5 秒生成一套配色
• Adobe Color — 基于色彩理论的配色工具
• Chinese Colors — 传统中国色，每个名字都好美

三、免费素材

图片

• Unsplash — 摄影界最慷慨的免费图库
• Pexels — 视频素材也很全
• Pixabay — 老牌免费图库

图标

• Lucide — 程序员最爱的开源图标库
• Heroicons — Tailwind 团队出品
• Phosphor Icons — 风格统一、变体丰富

插画

• unDraw — 可换色的扁平风插画
• Open Doodles — 萌系手绘风

四、字体

中文：
- 站酷字体系列（快乐体、文艺体等）
- 霞鹜文楷（开源可商用）
- 思源黑体 / 思源宋体（Adobe + Google 联合发布）

英文：
- Google Fonts（免费 + 可商用）
- Fontshare（高品质免费字体）

五、开发工具

• Can I Use — 查某个 Web 特性在哪些浏览器支持
• Carbon — 截图代码片段，分享给别人看
• Ray.so — 更好看的代码截图工具

写在最后

工具再多，不动手也等于零 ✿

收藏夹不是博物馆，真正用起来才是收藏的目的。