这份清单整理了常用的图标、插画、纹理与配色等设计资源网站,并按是否可免费商用进行标注,打开即可下载使用。
免费商用:提供大量可直接下载的 SVG 图标与插画,适合做 UI 图标快速替换与二次编辑。
可用关键词搜索与分类筛选,下载前建议查看每个素材的许可说明。
工具地址:https://undraw.co/illustrations
免费商用:风格统一的扁平插画库,支持在线切换主色,适合快速搭建产品页与演示稿视觉。
插画可直接下载 SVG/PNG,颜色替换对品牌一致性很友好。
工具地址:https://www.humaaans.com/
需看协议:模块化人物插画素材,可自由组合姿势与服饰,适合做角色插图与场景拼贴。
使用前请确认授权条款与署名要求,再用于商业项目。
工具地址:https://www.flaticon.com/
需看协议:图标数量非常多,支持按风格与系列筛选,也能直接导出 SVG/PNG。
不同账号/套餐对应不同授权方式,商用前务必核对是否需要署名或订阅。
需看协议:聚合搜索可用图片与音频资源,按 CC 等许可标签筛选更省心。
下载后仍建议回到来源页复核许可与署名信息,避免误用。
工具地址:https://pixabay.com/
需看协议:图库与矢量素材都很丰富,适合做背景图、海报配图与图形点缀。
不同资源可能有额外限制,商用素材请优先选择标注清晰的许可。
需看协议:高质量摄影图片库,适合做 Banner、落地页首屏与品牌氛围图。
建议为项目建立收藏集合,并在交付文档里记录图片来源与许可链接。
工具地址:https://www.transparenttextures.com/
免费商用:提供可平铺的透明纹理背景,适合做轻量质感叠加,提升页面层次。
纹理通常可直接叠在纯色背景上,建议控制不透明度避免喧宾夺主。
工具地址:https://www.toptal.com/designers/subtlepatterns/
免费商用:经典的可平铺背景图案集合,适合 UI 背景、海报底纹与品牌延展。
同类图案建议统一对比度与颗粒感,避免不同页面风格割裂。
工具地址:https://coolors.co/
免费商用:一键生成配色方案,支持导出 HEX/RGB 与多种格式,适合快速做视觉定调。
可从图片提取配色,做品牌色与 UI 组件色更高效。
免费商用:社区维护的配色组合库,适合找灵感与做方案备选。
挑选后建议补齐明度/对比度规则,保证可读性与无障碍表现。
工具地址:https://fonts.google.com/
免费商用:大量开源字体可在线预览与下载,适合 Web 与品牌物料的字体快速选型。
下载后请在字体详情页确认许可类型(如 OFL/Apache),并做好字体文件版本管理。