Doodle Ipsum

Doodle Ipsum是什么？

Doodle Ipsum 是由 Blush 推出的免费在线插画占位符生成器，被称为“插画版Lorem Ipsum”。为设计师、开发者和创意工作者提供可以任意定制的插画占位符。您可以选择不同的插画风格（如 Flat、Hand drawn、Outline、Abstract、Avatar 等）、比例尺寸（1:1、16:9、4:3 等）、背景颜色和形状，并用简单的 URL参数快速生成一张插画。生成的插画可直接嵌入网页、App 原型、落地页、无代码工具（Unbounce），并能以固定或随机插画模式使用，还可加入灰度、模糊等等效果。有了 Doodle Ipsum，设计、开发人员在做原型的时候就可以拥有看起来更丰富的图层，在测试和演示的时候就能获得更漂亮的视觉观感。

Doodle Ipsum的主要功能特点

• 可定制插画占位符：类似文字的Lorem Ipsum占位符，但这些是插图做的占位符，您可以像调用图片一样直接插入网页、App原稿设计、落地页或是无代码应用中。
• 多种插画风格选择：有多种不同的画风可选，包括 Random，Flat，Hand Drawn（手绘），Outline，Abstract 以及 Avatar（头像是这个系列的）等等，其中头像是这个系列还分为五个类型（1~5）。
• 灵活的尺寸与比例：可指定宽度和高度（如 500×500、16:9、4:3、9:16 等），只输入一个尺寸时，另一边会自动按比例适配。
• 随机或固定插画模式：默认每次都随机显示插画，可得到固定 URL，在每次打开时一直保持同张插画。
• 高级参数定制：背景色（bg=HEX色值）、圆形裁切（shape=circle）、灰度（sat=-100）、模糊（blur=数值）。
•  简单嵌入与调用：提供标签示例，直接复制到项目中即可使用，URL参数化生成，方便在不同场景快速替换插画。

适用场景

• UI/UX 原型设计：在设计阶段用插画占位，提升视觉效果
• 网页与落地页开发：快速填充插画位置，测试布局
• 无代码工具：直接调用插画 URL，免去素材准备
• 演示与展示：在 PPT、演示稿中快速添加插画元素 

Doodle Ipsum官网及使用教程

官网网址：https://doodleipsum.com

1. 打开网站

访问Doodle Ipsum官网，无需注册即可使用基础功能。

2. 选择插画风格

在首页顶部选择你想要的插画风格，例如：Random（随机）、Flat（扁平风）、Hand drawn（手绘风）、Outline（线条风）、Abstract（抽象风）、Avatar 1~5（不同头像风格）。

3. 设置尺寸与比例

在工具栏选择比例，可以选择 1:1、16:9、9:16、4:3、3:4 或 Auto，也可以直接在 URL 中指定尺寸，例如：https://doodleipsum.com/500×500/flat，只写一个尺寸也可以，例如 x500 表示高度 500px，宽度自适应。

4. 自定义参数（可选）

在 URL 后添加参数来自定义插画效果：

• 背景颜色：?bg=ceebff（HEX 色值）
• 圆形裁切：?shape=circle&bg=ceebff（建议加背景色）
• 灰度模式：?sat=-100
• 模糊效果：?blur=50
• 缓存控制（多图不重复）：&n=1、&n=2 等

示例：https://doodleipsum.com/600/flat?shape=circle&bg=ceebff

5. 随机与固定插画

• 默认：每次加载都会显示随机插画
• 固定插画：在浏览器中访问生成的 URL，会跳转到带有 i=图片ID 的静态链接，复制该链接即可固定插画

6. 嵌入到项目

直接复制标签到你的HTML 中，例如：<img src=”https://doodleipsum.com/500×500/flat” />，适用于网页、App 原型、落地页、无代码工具等场景。