设计资源网站清单|图标、配色、插画与样机一站式收藏

做设计时最耗时间的不是画,而是反复找素材:图标、配色、插画、样机、排版灵感……这份清单把常用的高质量资源网站集中在一起,方便随用随取。

SVG Repo

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

免费商用:大量 SVG 图标与插画可直接下载,适合做界面图标、信息图或占位插画。

补充:建议下载前快速查看授权说明,做商业项目更稳。

Iconify

工具地址:https://icon-sets.iconify.design/

免费商用:聚合多套开源图标集,检索快,支持复制 SVG 或按需引入。

补充:适合建立统一图标风格时做对比筛选。

Flaticon

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

需看协议:图标资源丰富,但不同资源与下载方式对应的许可不同,商用前务必确认。

补充:适合快速找“某类图标”的备选方案。

Google Fonts

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

免费商用:开源字体库,网页与 App 端都常用,适合做中英文搭配与风格试验。

补充:可直接对比字重、语言覆盖与示例排版。

Fontshare

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

免费商用:提供多款高质量字体,可作为品牌项目或海报排版的“第一候选”。

补充:下载前建议看清每款字体的许可条款与包含字符集。

Coolors

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

免费商用:配色生成与调色工具,适合快速出品牌主色/辅助色组合。

补充:支持锁定某个颜色后继续生成,做色彩体系更高效。

Adobe Color

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

免费商用:配色轮与主题库,适合按互补/三角等规则推导配色。

补充:用来做“主色确定后”的扩展色非常顺手。

unDraw

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

免费商用:风格统一的插画库,适合官网、落地页、产品空状态插画。

补充:可一键替换主色,快速贴合品牌色。

Storyset

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

需看协议:插画风格多,支持自定义与动画导出,但商用授权按资源与使用方式区分。

补充:适合做活动页或产品引导页的情景插画。

Pexels

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

免费商用:高质量图库与视频素材,适合做 Banner、背景图、KV 辅助素材。

补充:下载时仍建议检查具体图片的授权提示与肖像/商标限制。

Mockup World

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

需看协议:样机集合站,资源来自不同作者与站点,商用授权需要按每个样机单独确认。

补充:做提案展示图、上架图时能明显提升质感。

Shots (Dribbble 搜索)

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

需看协议:更偏灵感与参考,不建议直接挪用成品;商用使用应遵循平台与作者的授权规则。

补充:用关键词 + 组件名(如 pricing、onboarding)检索,能快速找到同类布局。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

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

操作成功