做设计时最耗时间的不是画,而是反复找素材:图标、配色、插画、样机、排版灵感……这份清单把常用的高质量资源网站集中在一起,方便随用随取。
免费商用:大量 SVG 图标与插画可直接下载,适合做界面图标、信息图或占位插画。
补充:建议下载前快速查看授权说明,做商业项目更稳。
工具地址:https://icon-sets.iconify.design/
免费商用:聚合多套开源图标集,检索快,支持复制 SVG 或按需引入。
补充:适合建立统一图标风格时做对比筛选。
工具地址:https://www.flaticon.com/
需看协议:图标资源丰富,但不同资源与下载方式对应的许可不同,商用前务必确认。
补充:适合快速找“某类图标”的备选方案。
工具地址:https://fonts.google.com/
免费商用:开源字体库,网页与 App 端都常用,适合做中英文搭配与风格试验。
补充:可直接对比字重、语言覆盖与示例排版。
工具地址:https://www.fontshare.com/
免费商用:提供多款高质量字体,可作为品牌项目或海报排版的“第一候选”。
补充:下载前建议看清每款字体的许可条款与包含字符集。
工具地址:https://coolors.co/
免费商用:配色生成与调色工具,适合快速出品牌主色/辅助色组合。
补充:支持锁定某个颜色后继续生成,做色彩体系更高效。
免费商用:配色轮与主题库,适合按互补/三角等规则推导配色。
补充:用来做“主色确定后”的扩展色非常顺手。
工具地址:https://undraw.co/illustrations
免费商用:风格统一的插画库,适合官网、落地页、产品空状态插画。
补充:可一键替换主色,快速贴合品牌色。
需看协议:插画风格多,支持自定义与动画导出,但商用授权按资源与使用方式区分。
补充:适合做活动页或产品引导页的情景插画。
免费商用:高质量图库与视频素材,适合做 Banner、背景图、KV 辅助素材。
补充:下载时仍建议检查具体图片的授权提示与肖像/商标限制。
工具地址:https://www.mockupworld.co/
需看协议:样机集合站,资源来自不同作者与站点,商用授权需要按每个样机单独确认。
补充:做提案展示图、上架图时能明显提升质感。
工具地址:https://dribbble.com/search
需看协议:更偏灵感与参考,不建议直接挪用成品;商用使用应遵循平台与作者的授权规则。
补充:用关键词 + 组件名(如 pricing、onboarding)检索,能快速找到同类布局。