设计创意网站与素材资源

设计工具、图片素材、图标、字体与配色资源

栏目按设计工作流组织:先用工具完成界面与原型,再从图库、图标库和字体站找素材,最后用配色工具确定视觉基调。素材的授权范围差异很大,商用前请逐条核对原始许可,本站只做收录,不代替授权说明。

P

Paletton paletton.com

按配色规则调整色轮的配色器,能预览整套界面效果。

配色工具
F

Fontshare fontshare.com

免费商用的英文字体库,按风格分类,附字体搭配建议。

字体资源
O

Openverse openverse.org

跨站搜索开放授权图片与音频,结果里直接标注许可类型。

图片素材
B

Behance behance.net

Adobe 旗下的作品集社区,看完整项目而不只是单张图。

设计工具
S

Spline spline.design

浏览器里的 3D 设计工具,做网页上的三维图形与轻交互。

设计工具
A

Adobe Color color.adobe.com

按色彩规则生成配色,也能从图片里提取主色。

配色工具
F

Fontjoy fontjoy.com

自动搭配字体组合的小工具,一次给标题、副标题、正文三档。

字体资源
G

Google Fonts fonts.google.com

开源字体库,可按语言、字重、风格筛选,直接拿到引入代码。

字体资源
U

unDraw undraw.co

开源插画库,可在网页上改主色后直接下载 SVG。

图标素材
I

Iconscout iconscout.com

图标、插画与 3D 素材库,提供插件直接在设计工具里调用。

图标素材
S

Shopify Burst burst.shopify.com

Shopify 做的免费图库,偏电商与产品场景,可商用。

图片素材
L

Life of Pix lifeofpix.com

免费图库,偏生活与场景类照片,无需署名。

图片素材
C

Chinese Font Design chinesefontdesign.com

中文字体设计与排印案例站,收集字体应用实例与字体知识。

字体资源
1

100font 100font.com

中文字体下载与整理站,按免费商用、风格和字重分类。

字体资源
D

DaFont dafont.com

老牌免费字体站,装饰性字体数量多,按风格分类浏览。

字体资源
F

Fontsource fontsource.org

把开源字体打包成 npm 包的项目,方便前端按需引入字体文件。

字体资源
F

Font Squirrel fontsquirrel.com

免费商用字体下载站,字体经过筛选并标注许可类型。

字体资源
L

LOL Colors lolcolors.com

清爽的配色灵感站,按四色一组展示并直接给出色值。

配色工具
C

Color Hex color-hex.com

颜色信息查询站,输入色值可看明度、饱和度与 tints/shades 变化。

配色工具
C

Colormind colormind.io

用模型生成协调配色的工具,锁定某个颜色后自动补齐其余色位。

配色工具
C

Color Hunt colorhunt.co

人工挑选的四色配色合集,按风格和热度浏览,复制色值即可使用。

配色工具
C

Coolors coolors.co

快速生成配色方案的工具,按空格换一组颜色,可微调并导出色值。

配色工具
L

Lucide lucide.dev

开源线性图标集,风格克制统一,提供 SVG 与各前端框架组件。

图标素材
I

Iconify iconify.design

统一索引多家开源图标集的服务,一个接口调用十几万枚图标。

图标素材