One constant issue in design is how to represent a half-finished design. It has to be representative enough to get the idea across, but if it looks too polished or finished people will mistake it for the final design and have expectations that the mockup can’t live up to.
[…]
Enter Generative Placeholders. Instead of using a temp image, you can just link to the generative-placeholders service and get a procedurally-generated temp image. It looks good (making your designs look good) but also looks generated (making people less likely to mistake it for the finished product). It’s like lorem ipsum for images.
procedural-generation.tumblr.com
This website lets you use generative art as your image placeholders.
<img src="https://generative-placeholders.glitch.me/image?width=600&height=300">Visit the project page for instructions and more examples. You can click the previews to generate new images.
And the image thumbnail used on social media is generated randomly as well.
This project was featured in:
- Codrops Collective #576
- The Overflow #8
- UX Collective (January 4)
- The Verge
- B3ta Newsletter #739
- and shared widely
Generative Placeholders – Use generative art as your image placeholders https://t.co/xqkTjKoVSa by @fourtonfish pic.twitter.com/Q5VqA3vftq
— algoritmic (@algoritmic) January 6, 2020
Use #generativeart as your placeholder images. https://t.co/RHQgyK3wkq
— Botwiki 🤖💾🎨 (@botwikidotorg) December 23, 2019
Now, you can use generative placeholder images for your web project https://t.co/Lqnx7RydnB pic.twitter.com/2ibr2xZRIY
— The Verge (@verge) January 24, 2020
Shout-out to @twholman, @mattdesl, and @kGolid whose code this project heavily relies on.
— Stefan Bohacek (@fourtonfish) December 26, 2019
And, of course, @glitch! https://t.co/uL0bqLedmV
