15 个适用于设计师和开发人员的有用占位符工具🤩🚀

1,440 阅读2分钟

你是否曾经从事过布局设计,并想如果我知道一些生成器可以为我们创建一些临时样本?这可以归因于任何东西 - 示例文本、图像、品牌徽标、个人资料图片、JSON 数据等等。

在本文中,整理了一个有用的占位符生成器列表,以便你加快开发工作流程。你所要做的就是复制生成的示例数据并将其粘贴到你想要使用它的项目中。

为了让你更轻松,我对它们进行了分类,为每个类别提供了直接链接、简明描述和预览图像,因此你可以即时获得初步印象。

文本

1. Lorem Ipsum

行业标准的虚拟文本生成器。

1645534874_1893x931.png

2. Loripsum.net

Lorem Ipsum 的改进版本,具有包括链接、列表、代码块、标题、添加文本样式和其他自定义选项的选项。

1645534890_1899x921.png

图片

3. Picsum 照片

提供随机或特定图像。在请求 URL 的末尾指定所需的图像大小。灰度和模糊效果也可以应用于任何图像。

1645534287_1895x930.png

4. Placeholder.com

为布局生成占位符框。通过直接将它们包含在 URL 中来设置背景颜色、使用的文本和其他参数。

1645534335_1747x866.png

标志

5.标志Ipsum

准备好为你的设计使用各种样式和组合的替换徽标。只需单击它们即可自动为每个生成 SVG 代码。

1645534362_1884x927.png

头像

6.骰子熊

供设计师和开发人员使用的头像库。您可以选择可爱的设计角色。提供您可以立即使用的 API。

1645534387_1893x871.png

7.角色

现代有趣的头像生成器。

1645534406_1898x930.png

8.头像

允许通过提供特定参数或使用随机选项来创建自定义头像,直到你想出你喜欢的东西。

1645534422_1897x931.png

JSON数据

9.随机用户

用于生成随机用户数据的开源 API。

1645534443_1892x933.png

10. JSON占位符

REST API,您可以在需要一些假数据时使用。

1645534464_1900x930.png

11.假 JSON

使用内置的高级 JSON 编辑器创建您需要的 JSON 响应。

1645534528_1892x914.png

代码块

12.仿码

将真实代码(Github Gist)转换为虚假代码(SVG 图像)。

1645534545_1890x896.png

有趣的

13.放置小猫

获取小猫照片以用作设计中的占位符的服务。

image.png

14. CupCake Ipsum

糖衣 Lorem Ipsum 发生器。

1645534594_1911x887.png

15.机器人哈希

为任何文本提供独特的机器人/外星人/怪物/任何图像。

1645534615_1890x913.png

外文:dev.to/madza/15-us…