设计素材库
好的设计能让产品更有温度，这些网站将为你的项目增添光彩。
🎨 图标资源
Iconfont
阿里巴巴矢量图标库
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 海量免费图标
- 支持在线编辑
- 多种格式下载
- 可生成字体文件
- 🎯 使用技巧:
- 创建项目管理图标
- 使用Symbol引用
- 自定义颜色和大小
- 🔗 访问地址: https://www.iconfont.cn/
Font Awesome
Web图标字体库
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 最流行的图标库
- 矢量图标
- 免费版已够用
- 易于集成
- 🎯 适用场景: Web开发、移动端开发
- 🔗 访问地址: https://fontawesome.com/
Feather Icons
简洁优雅的开源图标
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 设计简约
- 完全免费
- 易于定制
- SVG格式
- 🔗 访问地址: https://feathericons.com/
Heroicons
Tailwind CSS官方图标
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- MIT开源协议
- 设计精美
- 两种风格（实心/描边）
- React/Vue组件支持
- 🔗 访问地址: https://heroicons.com/
📷 图片素材
Unsplash
高质量免费图片
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 高分辨率免费图片
- 商业使用免费
- 摄影质量高
- 每日更新
- 🎯 适用场景: 网站背景、PPT配图、博客插图
- 🔗 访问地址: https://unsplash.com/
Pexels
免费图片和视频素材
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 图片+视频素材
- 完全免费
- 商业使用无需署名
- 资源丰富
- 🔗 访问地址: https://www.pexels.com/
Pixabay
免费正版图库
- ⭐️ 推荐指数: ★★★★☆
- 💡 核心价值:
- 200万+免费素材
- 图片、视频、音乐
- 支持中文搜索
- CC0协议
- 🔗 访问地址: https://pixabay.com/
🎨 插画素材
unDraw
开源插画库
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 精美的SVG插画
- 可自定义颜色
- 商业使用免费
- 持续更新
- 🎯 适用场景: 网站空状态、引导页、演示文稿
- 🔗 访问地址: https://undraw.co/
Storyset
可定制的插画
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 精美的动画插画
- 在线编辑器
- 可自定义颜色和元素
- 免费下载
- 🎯 风格多样: 商务、科技、教育等
- 🔗 访问地址: https://storyset.com/
Ouch!
高质量插画集合
- ⭐️ 推荐指数: ★★★★☆
- 💡 核心价值:
- 多种风格插画
- 质量高
- 部分免费
- 💰 价格: 免费版有限制，付费版更多选择
- 🔗 访问地址: https://icons8.com/illustrations
🎨 配色方案
Coolors
配色方案生成器
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 快速生成配色
- 锁定/解锁颜色
- 导出多种格式
- 探索流行配色
- 🎯 使用技巧: 空格键快速生成新配色
- 🔗 访问地址: https://coolors.co/
Adobe Color
Adobe配色工具
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 专业配色工具
- 多种配色规则
- 从图片提取配色
- 社区作品分享
- 🔗 访问地址: https://color.adobe.com/
中国色
中国传统色彩
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 中国传统色彩
- 每个颜色有诗意的名字
- 设计典雅
- 复制即用
- 🎯 适用场景: 中国风设计、文化类项目
- 🔗 访问地址: http://zhongguose.com/
Flat UI Colors
扁平化配色方案
- ⭐️ 推荐指数: ★★★★☆
- 💡 核心价值:
- 精选配色方案
- 适合扁平化设计
- 一键复制
- 多国流行色
- 🔗 访问地址: https://flatuicolors.com/
🖼️ 背景素材
Hero Patterns
SVG背景图案
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 纯CSS/SVG背景
- 可自定义颜色
- 复制即用
- 轻量级
- 🎯 适用场景: 网站背景、卡片背景
- 🔗 访问地址: https://heropatterns.com/
Cool Backgrounds
酷炫背景生成器
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 多种风格背景
- 实时预览
- 高清导出
- 完全免费
- 🎯 背景类型: 渐变、三角形、粒子等
- 🔗 访问地址: https://coolbackgrounds.io/
🎬 动画资源
LottieFiles
Lottie动画库
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 海量免费动画
- 轻量级JSON格式
- 跨平台支持
- 在线编辑器
- 🎯 适用场景: 加载动画、图标动效、引导页
- 🔗 访问地址: https://lottiefiles.com/
Animate.css
CSS动画库
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 即用型CSS动画
- 简单易用
- 轻量级
- 完全免费
- 🔗 访问地址: https://animate.style/
🔤 字体资源
Google Fonts
免费Web字体库
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 海量免费字体
- CDN加速
- 易于集成
- 开源免费
- 🎯 推荐字体: Roboto、Open Sans、Noto Sans
- 🔗 访问地址: https://fonts.google.com/
字体天下
中文字体下载
- ⭐️ 推荐指数: ★★★★☆
- 💡 核心价值:
- 丰富的中文字体
- 分类清晰
- 免费下载
- ⚠️ 注意: 商业使用需注意版权
- 🔗 访问地址: https://www.fonts.net.cn/
思源黑体/宋体
Adobe开源中文字体
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- Adobe和谷歌合作开发
- 开源免费
- 支持多种语言
- 商业使用无限制
- 🔗 访问地址: https://source.typekit.com/
🎯 设计灵感
Dribbble
设计师社区
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- 顶尖设计师作品
- UI/UX设计灵感
- 关注优秀设计师
- 趋势洞察
- 🔗 访问地址: https://dribbble.com/
Behance
创意作品平台
- ⭐️ 推荐指数: ★★★★★
- 💡 核心价值:
- Adobe旗下平台
- 完整项目展示
- 多领域设计
- 高质量作品
- 🔗 访问地址: https://www.behance.net/
站酷
中国设计师社区
- ⭐️ 推荐指数: ★★★★☆
- 💡 核心价值:
- 中文设计社区
- 本土设计风格
- 设计教程
- 素材资源
- 🔗 访问地址: https://www.zcool.com.cn/
💭 使用建议
设计素材使用原则
- 注意版权 - 商业使用前确认授权协议
- 保持风格统一 - 同一项目使用统一风格的素材
- 适度使用 - 避免过度设计，保持简洁
- 优化性能 - 压缩图片，使用合适的格式
- 建立素材库 - 收藏常用素材，提高效率
版权注意事项
- ✅ CC0协议: 完全免费，商业使用无限制
- ⚠️ CC BY: 需要署名作者
- ⚠️ 个人使用: 仅限个人项目
- ❌ 商用需授权: 商业使用需购买授权
🗂️ 我的设计工具箱
🎨 图标
├─ Iconfont (中文图标)
├─ Font Awesome (通用图标)
└─ Heroicons (现代图标)
📷 图片
├─ Unsplash (高质量图片)
├─ unDraw (插画素材)
└─ LottieFiles (动画)
🎨 配色
├─ Coolors (快速配色)
├─ Adobe Color (专业配色)
└─ 中国色 (中国风)
🎯 灵感
├─ Dribbble (UI设计)
└─ Behance (综合设计)好的设计让产品更有温度 🎨
最后更新：2025年1月