Open Doodles 是什么
Open Doodles 是设计师 Pablo Stanley 发起的一组开源手绘人物插画,画的是跑步、读书、发呆、遛狗、喝咖啡这类日常状态,线条刻意保留手绘的抖动与断笔,整体以黑白为主。素材按文件交付,每幅插画都能取到 SVG 矢量文件与透明底 PNG,部分动作类插画另外附了 GIF 动图,放进网页、App、演示文稿与印刷物料都能直接用。整套插画采用 CC0 公有领域授权,个人与商业用途都不收费、不需要署名,也允许改动后继续分发。主要是插画素材方面一批可直接取用的成品,面向需要在界面与内容里补人物画面的设计师、开发者与内容创作者。
Open Doodles 的主要功能
- 手绘人物插画:50 多幅同一位作者原创的涂鸦式人物,覆盖跑步、读书、发呆、跳舞、遛狗、喝咖啡、搬东西等日常动作与工作场景,笔触统一,几张拼在同一页里也不打架。
- 组合场景:除单个人物外另有一组把多个人物与元素拼好的成品场景,同样提供 SVG 与 PNG 下载,不用自己排版就能直接放进落地页、报错页或演示页。
- 三种文件格式:插画页每幅都给出 SVG 与 PNG 两个下载入口,部分动作插画另带 GIF 动图链接;SVG 是无损矢量、放大不糊,PNG 为透明背景、分辨率 300dpi。
- 在线配色生成器:独立的 Generator 页面分主题与创建两块,可调线稿色、点缀色与背景色,配好之后一次性打包成整套配色版本下载。
- Blush 在线编辑:每幅插画旁都有编辑入口,跳到 Blush 编辑器里逐层改线稿、点缀色与背景色,也能重新组合元素后再导出。
- 源文件可下载:官方说明单个素材与源文件可以通过 Dropbox 取得,方便在 Illustrator 里看构造、改造型或重新描一遍。
- 免账号直接取用:全站没有注册与登录,没有积分和下载次数限制,滚动浏览就能看完全部插画并直接下载。
Open Doodles 的计费方式
计费方式:Open Doodles 的全部插画与组合场景都免费下载,不需要注册账号,站内没有会员、积分与下载次数限制,也没有需要付费才能解锁的素材。需要说明的是,免费指的是站内素材本身;插画页上的在线编辑入口指向的是 Blush 这款设计工具,在它的免费档里改色、导出位图不收费,但要导出矢量文件与印刷分辨率,就属于 Blush 的付费方案,与 Open Doodles 的素材下载是两回事。以上为 2026 年 10 月整理,仅供参考,具体以 Open Doodles 官网价格公示为准。
如何使用 Open Doodles
- 滚动挑图:打开官网,全部插画以缩略图铺在首页,站点没有搜索框也没有分类筛选,直接上下滚动按动作与场景挑,边滚边记下要哪几幅。
- 按格式下载:鼠标移到插画上会浮出几个按钮,点 SVG 拿矢量文件,点 PNG 拿透明底位图,需要动图时点旁边的 GIF;下载不跳转、不弹窗。
- 取成品场景:单个人物不够用,进组合场景页取已经拼好的成套画面,格式与下载方式完全一致。
- 换成自己的配色:点插画旁的编辑入口进 Blush 逐层改色,或直接去 Generator 页面按主题调好线稿色、点缀色与背景色再打包下载整套。
- 二次加工:SVG 拖进 Figma、Illustrator 或 Sketch 可以改描边粗细与配色,也能用文本编辑器打开直接改路径颜色;PNG 叠进 PPT、海报或社媒图片即可。
- 接入前端项目:把 SVG 内联进 HTML 或当图片引入,用 CSS 控制填充色与悬停动效,不用再单独准备位图版本。
同类产品对比
- 对比 unDraw:定位最接近的免费开源插画库;unDraw 有 600 多幅扁平风格插画、支持关键词与分类检索、采用 MIT 授权,Open Doodles 只有 50 多幅手绘涂鸦、没有搜索框只能滚动翻找,但授权是限制更少的 CC0、笔触也更有手绘味。要检索效率和题材覆盖选 unDraw,要手绘质感和最省事的授权选 Open Doodles。
- 对比 UI8:一个是免费单一作者库,一个是付费精选市场;UI8 收录 1.4 万多套 UI 套件、插画、图标与 3D 素材,要按件买断或订阅通票,胜在品类全、条款统一、有售后;Open Doodles 只做手绘人物插画这一种风格,但零成本、免署名、拿来即用。要成套商业素材选 UI8,只想补几张人物插画选 Open Doodles。
- 对比 Free icons:都是开源手绘素材,解决的却是两件事;Free icons 是 500 个带 20 种风格的界面图标,MIT 授权,提供 36 种文件格式与多框架开发包,管的是按钮与功能标识;Open Doodles 画的是人,管的是页面里缺的那点人味。找图标去 Free icons,找人物配图来这里。
- 对比 FreeDesignKit:都是免费设计资源的入口,区别在聚合与自营;FreeDesignKit 由小团队人工筛选站外素材,交付的是直链与作者页面,授权要逐件去原作者站核对;Open Doodles 的插画由同一位作者产出、全站同一套 CC0 条款,取用时不用逐件看授权,代价是只有手绘涂鸦一种画风。
Open Doodles 的应用场景
- 产品界面配图:给登录页、新手引导、空状态与报错页补一张人物插画,界面立刻不那么冷,也不会像图库照片那样与产品调性打架。
- 博客与公众号配图:按文章主题选一张对应的动作涂鸦放在开头或段落之间,同一套笔触贯穿多篇,视觉上能形成固定风格。
- 演示文稿与课件:插在数据页之间做节奏切换,或给讲义配场景图;矢量文件放到投影尺寸依然清晰,黑白线条也不抢正文的注意力。
- 原型与线框:先在 Figma 里用这些插画占位,把版面节奏与阅读顺序定下来,等正式插画到位再整体替换,不耽误前期评审。
- 活动物料与社媒:把 SVG 换成品牌配色后印成海报、贴纸,或做成社媒配图与邮件头图,商业使用不需要额外申请授权。













