设计资源清单|12 个高质量网站合集:图标 字体 配色 样机

这是一份面向日常设计工作的资源清单,覆盖图标、字体、配色、样机与矢量素材等常用场景。每个条目都给出直达链接与使用要点,方便你在做海报、品牌、UI 组件或内容配图时快速找到合适的素材来源。

Iconfont 阿里巴巴矢量图标库

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

需看协议:站内不同作者的图标授权不同,下载前务必确认该图标的授权范围与可商用标识。适合快速搜索常见 UI 图标,并按项目管理与导出多种格式。

unDraw

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

免费商用:提供大量扁平插画,支持一键更换主色并导出 SVG 或 PNG。适合做落地页、产品介绍、空状态插画等。

OpenMoji

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

免费商用:开源表情符号资源,适合做表情贴纸、图标化小元素或社媒配图。使用前仍建议核对其开源协议要求与署名规则。

Google Fonts

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

免费商用:大量可在线预览的字体库,通常以开源协议发布,适合品牌与 UI 字体选型。落地到项目时建议下载字体文件并保留授权说明。

Font Squirrel

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

免费商用:以可商用字体为主的集合站,提供网页字体生成器与筛选工具。依然建议逐个字体查看授权条款,避免误用。

Unsplash

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

需看协议:大量高质量摄影图片,常用于海报背景、Banner 与内容配图。使用前查看其许可说明与对商标、人像、二次分发等限制。

Pexels

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

需看协议:图片与视频资源丰富,适合短视频剪辑与宣传物料。注意对可识别人物、品牌标识、再分发与敏感场景的使用限制。

Coolors 配色方案生成器

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

免费商用:快速生成配色并导出多种格式,适合做品牌配色探索与界面主题色草案。配色本身可自由使用,但引用他人现成方案时建议尊重署名与来源。

Adobe Color

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

免费商用:基于色轮与和谐规则生成方案,也可以从图片中提取配色。适合做品牌色、辅助色与对比色组合的快速推演。

MockupWorld

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

需看协议:汇总各类 PSD 样机资源,适合包装、海报、UI 屏幕展示。样机来源不同,下载页通常会写明个人或商业使用限制。

Figma Community

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

需看协议:海量组件库、模板与图标集,适合快速搭建界面与做原型。发布者的许可各不相同,商用前务必查看资源页面的授权说明。

SVG Repo

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

需看协议:提供大量 SVG 图标与插画,下载方便,适合做界面小图标与插画点缀。不同资源可能对应不同协议,使用前确认是否需要署名或有商用限制。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

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

操作成功