filmov
tv
ISAL Rotationsfenster 360° drehbar
Показать описание
In 1961, window manufacturer Isal published a brochure for their rotary windows. The cover was designed by Mark Zeugin, whose lifelong oeuvre has left its mark on the Swiss design scene, not least through his zeugindesign foundation, which has been awarding prizes and supporting visual design projects since 1998.
Zeugin's cover is almost prototypical of the late modernism and Swiss Style of the time: its simple, precise, and mathematical shapes + typography set in the iconic Helvetica font. Most importantly, the motif's apparent rotation clearly conveys the functional aspect of the windows.
The basic design principle is easy to create in #Processing. X number of concentric rings, each divided into Y equal segments, contain Z number of stacked strokes that follow the curvature of the segment. A couple of for() loops, a beginShape()/endShape() sandwich around a bunch of vertex() calls, some sin() and cos(), and a bit of rotate() to capture the turning movement. With all that in place, infinite variations of Zeugin's original design can be manually explored or randomly generated in real time.
Interestingly, an important detail emerges when the cover is analyzed as an #objecttothinkwith. I initially assumed the same number of strokes in each ring, but in fact, the original varies between 2, 3, and 4 strokes. This discovery led me to refactor my original code, but it also significantly changed the visual appearance. I guess what they say is true: The devil is in the details!
#p5js #processing #processingorg #creativecoding #madewithcode #programming #graphicdesign #visualcommunication #generativedesign #designschool #designeducation #designstudents #objecttothinkwith #brochure #swissstyle #markzeugin #isal #windows
Zeugin's cover is almost prototypical of the late modernism and Swiss Style of the time: its simple, precise, and mathematical shapes + typography set in the iconic Helvetica font. Most importantly, the motif's apparent rotation clearly conveys the functional aspect of the windows.
The basic design principle is easy to create in #Processing. X number of concentric rings, each divided into Y equal segments, contain Z number of stacked strokes that follow the curvature of the segment. A couple of for() loops, a beginShape()/endShape() sandwich around a bunch of vertex() calls, some sin() and cos(), and a bit of rotate() to capture the turning movement. With all that in place, infinite variations of Zeugin's original design can be manually explored or randomly generated in real time.
Interestingly, an important detail emerges when the cover is analyzed as an #objecttothinkwith. I initially assumed the same number of strokes in each ring, but in fact, the original varies between 2, 3, and 4 strokes. This discovery led me to refactor my original code, but it also significantly changed the visual appearance. I guess what they say is true: The devil is in the details!
#p5js #processing #processingorg #creativecoding #madewithcode #programming #graphicdesign #visualcommunication #generativedesign #designschool #designeducation #designstudents #objecttothinkwith #brochure #swissstyle #markzeugin #isal #windows