设计资源汇总，设计工具插画素材导航

字体

• 字体格式：.ttf 表示 TrueType 字体，.otf 表示 OpenType 字体

• 中文字体尾缀：-SC 表示简体中文，-TC 表示繁体中文

• 字体尾缀含义：Mono 表示等宽字体，Regular 表示常规字体

基础知识

• 设置 font-family 时，不要直接固定为 Pingfang SC，而是推荐 -apple-system, BlinkMacSystemFont, sans-serif，它会有更好的中西文兼容性。

英文字体

• Inter

  开源免费字体

• Manropen

  开源免费字体

• San Francisco

  苹果西文标准字体，有多个版本，包括：

  SF Pro iOS 11 及以上版本使用的字体。

  SF Compact watchOS 和 tvOS 使用的字体。

  SF Mono macOS 10.11 及以上版本使用的等宽字体。

  New York macOS 10.10 及以下版本使用的字体。

• SourceCodePro

  代码字体，支持等宽显示

• Sarasa Gothic Mono

  代码字体，支持等宽显示

中文字体

• 得意黑

• 更纱黑体

  Inter + 思源黑体的混合体

• 思源黑体

  Adobe 出品的开源字体，支持简体中文、繁体中文、日文、韩文

• 阿里巴巴普惠体

  阿里还有更多免费字体：

  • 阿里妈妈方圆体 中文双轴可变字体

  • 淘宝买菜题 AI 字体

  • 阿里妈妈数黑体 中文字体

  • 阿里妈妈东方大楷体 中文字体

• Zpix (最像素)

  开源免费像素字体，支持简体中文、繁体中文、日文

  开源地址: Github

• HarmonyOS Sans

  华为

• MiSans

  小米

在线设计工具

• blush: 在线插画生成工具

  提供了大量的插画模板，并且支持自定义在线修改，非常适合用于设计稿的插图制作。

  推荐作品集：Open.Peeps，Pablo Stanley 风格人物插画库，开源免费可商用。

  

• Peepslab: Pablo Stanley 风格头像在线生成器

动画设计工具

• Lottie: 跨设备的轻量级动画文件

  有很多动画库，现在多邻国正在使用的工具

• Rive: 网页互动动画设计工具

素材下载

• Lummi: AI 素材库

  免费下载，包含 照片、插画、3D 作品，高质量作品，由 AI 生成。