Last week I challenged myself to take one pattern, from one theme, and morph it multiple times — only using the design controls block editor. It’s kind of like CSS Zen Garden, but without CSS — just out-of-the-box WordPress block design tooling.
One theme. One pattern. Seven ways. No additional blocks, nor custom CSS between scenes — just designing in the good ol’ WordPress block editor.
Every font family/size, color, border, radius, image, video, and spacing value were are all added in-editor.
An assignment by David Reinfurt, in his 2022 course in the Visual Arts Program at Princeton University, “Gestalt“:
Design an animated graphic that means “Wait.”
The result is an animation designed for an electronic screen. Read more detail on the dedicated website. This assignment is also featured in Reinfurt’s 2019 book “A New Program for Graphic Design” (p. 133).
The Noun Project – a crowdsourced library of icons available for free on the website NounProject.org – has partnered in 2011 with Code for America to offer “Iconathons” and “Icon Camps”. “Traveling through six U.S. cities, Noun Project founder Edward Boatman conducted daylong workshops bringing together designers, civic leaders, and city staffers to design new urban symbols”.
Our Iconathons are a series of design workshops, and their goal is essentially to create civic-minded symbols for the public domain. What we do is run a group design workshop, where we invite designers, subject matter experts, and citizens who really care about their environment and their community. So we invite citizens into this process who have no design experience.
What’s great is that non-designers can really add value to this process. We keep the execution level just to pencil and paper. Keeping it to a pen and paper, it’s all about ideas. We design these symbols in a group, and we talk about which symbols best communicate certain concepts. Then after the event, I work with a series of graphic designers to take those sketches and turn them into vectors. With this process we’ve produced about 55 symbols to date.
Last year we held them Los Angeles, San Francisco, New York, Chicago, and Boston, and each Iconathon had a different theme. The Los Angeles one was food policy. The L.A. county food policy heads came to the Iconathon, and they really helped inform the process by telling us: This how the symbols could be used. This is why they’re powerful tools. This is how they help solve problems. They really helped inform the process.
Read a report by Kat Lau, intern at the San Francisco Office of Civic Innovation in 2012.
Also featured in Ellen Lupton’s “Type on Screen”:
In Baltimore a team of designers from MICA paired up with city leaders to create icons focusing on food, health and community.
Ask the students to take part in the IxDA Student Design Charette.
The term “charette” evolved from a pre-1900 exercise at the Ecole des Beaux Arts in France. Architectural students were given a design problem to solve within an allotted time. When that time was up, the students would rush their drawings from the studio to the Ecole in a cart called a charrette. (…) Today it refers to a creative process akin to visual brainstorming that is used by design professionals to develop solutions to a design problem within a limited timeframe.
2022 brief:explore how rethinking systems can enable cultures of inclusion and equity “You are challenged to select either education or the workplace as a focus, identify interesting or provocative use cases, and propose new systems to address a barrier that your use case illustrates. (…) Design an experience (it can be a product, service, or program) that illustrates for the SDC judges and IxDA community how someone’s life can be impacted positively by the shift in your new system. The goal is less about solving a specific problem and more about proposing how to address biases, assumptions, and barriers that marginalize participation and inclusion.” https://www.sdc.ixda.org/design-brief-22
2021 brief:Our Data and Global Wellbeing “How might we achieve greater collective wellbeing through the power of our individual data? What might data about us, as individuals, contribute as part of global initiatives for the good of society? You are challenged to explore issues of global health and wellbeing, identify interesting or provocative use cases, and design for the outcomes our 21st century world demands, through transparent, empowered, participation with data.” (source)
Video of the 2021 design charette, the topic: “Our Data & Global Wellbeing”. The winning team, PulseAir, decided to focus on the negative health effects of air pollution.
The 2020 brief, sponsored by Amazon Design: Using voice to create empowering moments “How might voice experiences improve the lives of people facing unique challenges? More specifically, how can Alexa better address the needs of the deaf, blind, disabled, or neuro-diverse? We want to hear your ideas for new devices or services that can empower those who may need it the most”. (source)
The 2019 brief, sponsored by Microsoft Design, on the theme of Empathy: “Design an experience (this can be a product, service, or program) that allows (…) to better understand a day in the life of someone with misunderstood or ignored differences” (source)
The 2018 brief, sponsored by Microsoft Design, focuses on one of the United Nations’ 17 Sustainable Development Goals: “Quality Education”. (source)
The 2017 brief, sponsored by Intel, had the theme “Everyday Magic”. “We want you to look at the everyday life that surrounds you and how, through design and the creative use of new technologies, you can make it a magical”. (source)
The 2016 brief, sponsored by SapientNitro and written by Daniel Harvey, had the theme: “The Future we deserve”. “Each day of our lives, we depend on services — from buses to traffic systems, sanitation to healthcare — to survive and thrive in the places we live. What would five years look like, if you could shape public services by tapping the opportunities we have at our disposal today that we wouldn’t have been able to achieve in the past?” (source)
The 2015 brief had the theme “Envisioning the Wearable City”: “What if you could imagine new ways for people to connect to their city through wearable technology — to improve their life and their city? What would you measure or share? What problems would you solve? What new relationships between you and your environment would you facilitate?” (source)
When working in the non-english-speaking world, it’s a common scenario that a typeface used for a design is missing a small number of diacritics or glyphs used in a specific language – german, icelandic, norse, polish…
A language that uses the latin alphabet “plus some special characters” is the Pan-Nigerian alphabet. By adding those characters to a font that was missing them, the font becomes usable for millions of people. Nigeria has a population of approximately 216.7 million, speaking over over 525 native languages.
In this exercise, students receive the task to make an open-source font available for the Nigerian native languages, by adding the missing characters.
The list of glyphs needed:
Ɓ / ɓ = (U+0181 and U+0253) (aka uni0181, uni0253)
In this brief, students are asked to continue the story by adding a new chapter – how does the current year in web design look like? They will have to identify current design trends, major innovations, notable websites, and organize the information following the examples in the book.
Depending on the number of students, they can work on one year, or on several missing years (2019, 2020, 2021…).