@OpenAI anyway, I wanted to try to replicate a visual style you can find around the internet a lot recently:
rendered 3D objects levitating on the page softly illimunated with some kind of gradient.
This was the text prompt I used:
an icon of a paper plane in light blue metallic iridescent material, 3D render isometric perspective on dark background
Let's decompose the text prompt a bit!
icon - makes sure the object has reduced detail
light blue metallic iridescent material - specifies the finish, you can go wild here
3D render - especially with 'icon' in the prompt, this makes sure you don't get a 2D extruded icon
isometric - this helped so-so to get everything in a similar perspective, otherwise, it would be very random
dark background - made it easier to erase background in post-production, as DALL-E can't export images with transparent background (yet?)
With some light retouching and colour correction, I can imagine using these immediately.
The caveat is DALL-E only exports in 1024x1024px, which isn't a great resolution.
But for small icons on a website, it would work fine.
What does it mean for designers?
Hard to say.
I can't do detailed 3D modelling.
DALL-E enabled me to find a workaround.
You ofc don't have precise control of details, tweaks and image quality.
But I think this will inevitably come in the future.
It took me around 80 mins to iterate the text prompt, generate images, remove the background and put them into a grid.
These icons aren't perfect, but I could definitely imagine using them for art direction, mood boarding or quick exploration, i.e. in a website mockup.
Thanks for the overwhelming response! I tried another take with a more rainbow metallic finish:
prompt:
icon of a <cute unicorn head> in metallic rainbow iridescent material, 3D render isometric perspective rendered in Cinema 4D on dark background
including 'rendered in Cinema 4D' in the prompt somehow adds more definition and sharpness to the object - and also reflections and ground shadows.
adding words like 'cute', 'simple' or 'tiny' removes details and complexity of an object.
(though these are mostly hit or miss)
here's a work-in-progress pic of all the images generated by DALL-E before I removed the background and slightly resized them.
I haven't done any colour correction or retouching.
I’m starting a new series: Working Notes.
Twitter is full of beautiful, finished design artifacts.
But this is about the tiny heuristics, visual judgment calls, and lessons learned from my time at IDEO and running my design practice.
With all the mistakes and re-do’s.
The stuff that helps you escape junior mode.
aaaand best unexpected thing: I got a cool partner for this series, who cares about the next generation of designers - @framer!
let's go - bookmark this tweet so you can come back to the thread!
Tip #1 (this one works for me EVERY TIME)
Does your layout feel meh or too safe? Are you stuck?
Try this:
Take one element and make it HUGE.
It’ll break the composition in a good way and help you unstuck and find a new direction fast.
Tip #1 (p2)
Often, the layout feels off because everything is kinda the same size.
Playing with scale introduces hierarchy, tension, and direction.
In this example of a web hero section that I built with @framer, I made the image / button / type HUGE.
You can always dial it back later.
But, first: break it.