15 个对设计师和开发者有用的占位符工具🤩🚀
你是否曾经在进行布局设计时,突然想到要是能用生成器帮我创建一些临时样本就好了?这些生成器可以是任何内容——样本文本、图片、品牌标识、头像、JSON 数据等等。
在本文中,我整理了一份实用的占位符生成器列表,以便您加快开发工作流程。您只需复制生成的示例数据并将其粘贴到您想要使用它的项目中即可。
为了方便您,我将它们按类别进行了分类,并为每个类别提供了直接链接、简洁的描述和预览图像,以便您可以立即获得初步印象。
文本
1.乱数假文
行业标准的虚拟文本生成器。
2. Loripsum.net
Lorem Ipsum 的改进版本,包含链接、列表、代码块、标题、添加文本样式和其他自定义选项。
图片
3.Picsum Photos
提供随机或特定图片。请在请求 URL 末尾指定所需的图片大小。灰度和模糊效果也可应用于任何图片。
4.Placeholder.com
为布局生成占位符框。通过直接在 URL 中包含背景颜色、使用的文本和其他参数来设置它们。
徽标
5.标志Ipsum
为您的设计提供各种风格和构图的替换徽标。只需点击即可自动生成每个徽标的 SVG 代码。
头像
6.DiceBear
面向设计师和开发者的头像库。您可以选择各种可爱的设计角色。提供可立即使用的 API。
7.人物角色
适合现代的有趣头像生成器。
8.头像
允许通过提供特定参数或使用随机选项来创建自定义头像,直到您想出您喜欢的东西。
JSON 数据
9.随机用户
用于生成随机用户数据的开源 API。
10. JSON占位符
当您需要一些虚假数据时,可以使用 REST API。
11.伪 JSON
使用内置的高级 JSON 编辑器创建所需的 JSON 响应。
代码块
12.伪代码
将真实代码(Github Gist)转换为虚假代码(SVG 图像)。
娱乐
13.放置小猫
获取小猫图片以用作设计中的占位符的服务。
14. CupCake Ipsum
糖衣 Lorem Ipsum 生成器。
15. RoboHash
为任何文本提供独特的机器人/外星人/怪物/任何图像。
写作一直是我的热情所在,能够帮助和激励他人让我感到快乐。如有任何疑问,欢迎随时联系我们!
如果这些资源有帮助,请在Twitter、LinkedIn和GitHub上联系我!
请访问我的博客以获取更多类似文章。
文章来源:https://dev.to/madza/15-useful-placeholder-tools-for-designers-and-developers-4m7n