explainer
An animated video about Generative Design
This explainer video aims to give a five minute introduction to generative design in the graphic design practice. It is an attempt at a brief answer to the question: Where does generative design come from and what could be the value for graphic designers?
Pixel lettering for the title cards
The footage for the video was created through screenshots and screenrecordings of macOS, various app UIs and many coded examples (using HTML/CSS
, Javascript
and p5.js
), some of which you can see here:
Designed to match Recursive, see bottom.
Example for generating variations of a basic logo
See the pen Logo variations by @generativedesign on CodePen.
Example for an interactive version of the logo
See the pen Logo user interaction by @generativedesign on CodePen.
Generative Design – What is it and how can we use it as designers?
- Font used
- Recursive by Stephen Nixon @Arrow Type
- Vimeo link
- https://vimeo.com/644878742