做视觉或UI时,最耗时间的往往不是画,而是找“能用、好用、版权清晰”的素材来源。下面这份清单把常用的图标、插画、照片、字体与配色等资源按工具列出来,打开就能直接取用。
工具地址:https://unsplash.com
需看协议:大多数场景可免费使用,但在商用、再分发与品牌使用上仍建议按其 License 条款核对。
关键词检索强,适合做海报背景、Banner、着陆页头图。
需看协议:可免费使用但仍需确认署名、肖像权与再分发限制。
适合快速补齐短视频、产品场景图与通用背景素材。
工具地址:https://undraw.co/illustrations
免费商用:可用于网站、App与营销页面,配色可一键替换,适合信息页与空状态。
需看协议:不同图标/作者授权方式不一样,下载或引入前务必核对授权说明。
支持 SVG/字体图标/组件引入,适合产品图标快速迭代。
需看协议:免费与订阅资源规则不同,常见要求是署名或遵守特定使用条款。
适合做运营物料中的装饰性图标与贴纸元素。
工具地址:https://thenounproject.com
需看协议:部分内容需要署名或订阅授权,商用前请按具体资源说明确认。
语义覆盖广,适合做信息可视化与流程图标。
免费商用:收录多种开源字体,可直接用于网页与印刷;仍建议在项目文档中保留许可证信息。
适合做英文标题字、界面字体替换与多语言排版。
工具地址:https://www.fontsquirrel.com
需看协议:站点提供筛选与标注,但最终以字体原始授权文件为准。
适合在找英文字体时快速缩小范围。
工具地址:https://coolors.co
免费商用:用于项目配色与调色板输出通常无障碍;用于品牌资产时建议保留生成记录。
一键生成并锁定色值,适合做组件库与品牌色延展。
免费商用:可直接复制 CSS 渐变代码,用于网页背景与插画氛围。
需看协议:不同素材有不同授权,下载前请查看每个 SVG 的 License 标识。
适合做小装饰图形、图标替换与图形拼贴。
工具地址:https://www.figma.com/community
需看协议:资源作者授权各不相同,商用与二次分发需按资源页说明执行。
适合快速找到 UI 模板、图标集与插画包,用于原型与方案出图。