整理了一份偏实用的设计资源清单,覆盖图标、插画、字体、配色与 3D 模型等常见需求。每个条目都附上直达链接与使用提示,便于按项目类型快速挑选合适的素材来源。
工具地址:https://remixicon.com/
免费商用:提供大量线性与面性图标,适合产品界面与运营物料。
下载前建议在项目中统一线宽与圆角风格,避免混用导致视觉不一致。
工具地址:https://heroicons.com/
免费商用:简洁的线性与实心图标,风格统一,适合 Web 与后台系统。
支持 SVG 直接复制,方便在设计稿与代码里保持一致。
工具地址:https://tabler.io/icons
免费商用:数量多、更新频繁,线性风格清爽。
可按关键词检索,适合快速补齐边缘场景的图标需求。
工具地址:https://phosphoricons.com/
免费商用:同一套图标提供多种粗细与样式,便于做层级对比。
在产品里建议固定一个权重作为默认,避免界面跳感。
工具地址:https://undraw.co/illustrations
免费商用:偏扁平的插画库,可替换主色,适合落地页与空状态。
使用时注意与品牌色对齐,避免出现过多不必要的点缀色。
工具地址:https://www.opendoodles.com/
免费商用:手绘线稿插画,适合做轻松氛围的页面插图。
建议统一线条颜色或加一层柔和底色来增强整体感。
工具地址:https://www.manypixels.co/gallery
需看协议:插画风格较多,覆盖办公、生活与科技等主题。
下载前查看对应授权说明,商业项目尽量保留来源记录以便复核。
工具地址:https://fonts.google.com/
免费商用:字体品类全,适合快速搭建可用的中英文字体组合。
选字体时优先关注字重覆盖与中文字符集完整度。
工具地址:https://www.fontshare.com/
需看协议:提供多套高质量英文字体家族,适合品牌与海报排版。
使用前确认具体授权条款与可嵌入范围,避免后期返工。
工具地址:https://velvetyne.fr/
需看协议:独立字体工坊集合,风格实验性强,适合标题与活动视觉。
每款字体授权不完全一致,商用前逐条确认。
工具地址:https://coolors.co/
免费商用:配色生成与配色板管理工具,适合快速找品牌主色与辅助色。
建议把配色落到 UI 语义色上,避免只停留在好看但不可用。
工具地址:https://colorhunt.co/
免费商用:社区配色板集合,适合做灵感与快速试错。
选中后最好再做明度与对比度校验,确保可读性。
工具地址:https://haikei.app/
免费商用:生成波形、网格、斑点等背景 SVG,适合做页面氛围层。
背景建议控制复杂度,保证正文信息是第一视觉焦点。
工具地址:https://www.svgrepo.com/
需看协议:大量 SVG 图标与插画资源,覆盖面很广。
不同条目授权可能不同,下载前一定确认许可标注。
工具地址:https://simpleicons.org/
免费商用:品牌 Logo 图标集合,适合做合作方展示与产品集成页。
注意品牌使用规范,必要时按官方品牌指南调整尺寸与留白。
工具地址:https://polyhaven.com/
免费商用:HDRI、纹理与模型资源,适合 3D 渲染与场景搭建。
下载高分辨率资源前评估项目包体与加载成本。
工具地址:https://kenney.nl/assets
免费商用:游戏与应用常用 UI、图标、素材包,风格统一。
适合快速做原型与概念验证,正式版可再做细节精修。
工具地址:https://www.blenderkit.com/
需看协议:面向 Blender 的模型与材质库,检索体验好。
资源分为不同授权与来源,商业项目使用前务必复核许可与署名要求。