设计资源清单|图标 字体 插画 配色 原型 一站式导航

这是一份面向日常设计工作的资源清单,覆盖图标、字体、插画、配色、原型与模板等常用环节。条目尽量选择稳定的官方网站或主流平台,并在描述开头标注“免费商用”或“需看协议”,方便你在不同项目里快速替换与组合资源。

Google Fonts

工具地址:https://fonts.google.com/

需看协议:可筛选不同语言与字重的字体库,下载与网页嵌入都很方便;具体是否可商用取决于每个字体对应许可(多为 OFL/Apache 等)。适合做项目基础字体的快速备选。

Font Squirrel

工具地址:https://www.fontsquirrel.com/

需看协议:聚合大量字体并提供“Free for Commercial Use”筛选与检测工具;适合在需要英文字体替换时快速排查授权与下载入口。建议最终仍查看字体作者原许可说明。

FontSpace

工具地址:https://www.fontspace.com/

需看协议:字体分类清晰、更新频繁,部分字体标注可商用但仍需逐条确认授权条款。适合做风格探索与标题字尝试。

Flaticon

工具地址:https://www.flaticon.com/

需看协议:图标量大,支持多风格与在线编辑;免费与付费资源混合,商用与署名要求需按其规则与具体资源授权确认。适合做快速原型与风格对齐。

Iconfont

工具地址:https://www.iconfont.cn/

需看协议:中文生态常用图标平台,可按项目打包 SVG/Font;不少作品可商用但授权差异较大,下载前务必看清作者授权与平台说明。适合做产品图标的快速补齐。

Tabler Icons

工具地址:https://tabler.io/icons

免费商用:开源图标库,线性风格统一,提供 SVG/React 等多种用法;适合做后台、工具类产品的通用图标体系。风格一致性强,落地成本低。

Material Symbols

工具地址:https://fonts.google.com/icons

需看协议:Google 体系图标,覆盖场景广,提供可变轴与多种样式;多数情况下可用于项目,但仍建议确认当前授权说明。适合做通用功能图标与快速原型。

unDraw

工具地址:https://undraw.co/illustrations

免费商用:扁平插画资源,支持在线替换主色并下载 SVG/PNG;适合官网、落地页、产品空状态等场景。风格统一,组合起来不容易“串味”。

ManyPixels Gallery

工具地址:https://www.manypixels.co/gallery

需看协议:插画与图形素材较丰富,部分可直接商用但需要遵循其许可与使用范围说明。适合在不同主题活动页中寻找替换素材。

OpenClipart

工具地址:https://openclipart.org/

免费商用:公共领域风格的矢量剪贴画库,适合做信息图装饰元素或临时配图;审美与风格跨度较大,建议按项目挑选并二次整理。

Pixabay

工具地址:https://pixabay.com/

需看协议:照片、插画、矢量与视频资源齐全,常用于活动页与运营物料;不同内容可能有差异化限制,务必按其许可条款与页面标注确认。适合做“救急”素材库。

Pexels

工具地址:https://www.pexels.com/

需看协议:高质量摄影素材较多,检索体验好;可商用限制需按其许可说明确认,尤其是人物肖像与品牌元素。适合做官网 Banner 与氛围图。

Coolors

工具地址:https://coolors.co/

免费商用:配色生成与管理工具,支持锁定颜色、导出多种格式并生成渐变与对比方案;适合在项目初期快速确定色板,也适合改版时找灵感。

Adobe Color

工具地址:https://color.adobe.com/

需看协议:提供色轮、配色规则与社区方案,适合做品牌色延展与主题色探索;使用到的社区方案或图片取色时,建议注意来源与版权。

Figma Community

工具地址:https://www.figma.com/community

需看协议:大量 UI Kit、组件库、插画与图标资源可直接复制到文件中;每个资源的许可不同,商用前需按作者说明确认。适合提升原型效率与做方案对比。

UI8

工具地址:https://ui8.net/

需看协议:高质量 UI 资源市场,免费与付费混合;商用需遵守具体资源授权类型。适合在需要高质感模板、插画包时做补充。

Mockup World

工具地址:https://www.mockupworld.co/

需看协议:收集各类样机 PSD,适合做包装展示、设备展示与视觉提案;不同作者资源授权不同,下载前建议查看原始来源与许可。适合提案阶段快速出效果。

Shots by Dribbble

工具地址:https://dribbble.com/shots

需看协议:灵感与趋势观察平台,适合做风格探索、动效参考与组件排布学习;作品版权归作者,不能直接挪用,适合“看思路”而不是“拿素材”。

Behance

工具地址:https://www.behance.net/

需看协议:更偏项目案例展示,适合寻找完整品牌系统、排版与视觉叙事的参考;同样不建议直接复用素材,重点学习结构、节奏与呈现方式。

Canva

工具地址:https://www.canva.com/

需看协议:大量模板与素材可用于运营海报、简历、宣传册等;免费与付费元素混用,商用规则需要按其许可与元素标注确认。适合团队协作与快速产出。

Remove.bg

工具地址:https://www.remove.bg/

需看协议:自动抠图工具,适合快速处理人物与产品图;输出分辨率与商用限制需按其服务条款确认。适合做素材预处理与快速合成。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功