Visualising Utopia

On Creative Means Against Lost Futures

A piece of graphic design created by Nguyen Gobber

During the 2020 pandemic, doing the right thing meant adapting to a different way of living. Especially in the very beginning, the drastic change of everyone’s lifestyles was almost univocally accepted as it was the proper way to react to the previously unknown but potentially deadly virus. Some of the measures were the cancellation of travel plans or in-person meetings and events. This went along with a big shift towards the digital realm that helped us to socialise while not having to be physically present at the same place. We started to wear masks in public and disinfect our hands much more frequently. Taking the global economy into the picture, we witnessed a significant downscaling of the enormous efforts in production, transportation, marketing, and so forth. This is remarkable as it showed that one of the most central environmentalist demands, which are usually put down as totally unrealistic and economically unthinkable, is in fact very much feasible. These and many other things changed almost overnight, making it painfully obvious that the world we are living in is contingent. There are alternatives to the way things have become, and living in this or a radically different world is only a matter of collective choice.

While these changes in our lives were widely accepted, it is worth taking into account that they were mainly tolerated as temporary measures. The longer people had to keep their distance and do without a lot of what makes their lives worth living, the stronger the longing to go back to “normality” became. Yet, some more visionary thinkers saw a unique opportunity now that Margaret Thatcher’s dominant paradigm of “There is no alternative” was disproven by a virus. They saw the ideal time to imagine and eventually shift towards a different future rather than just going back to “normal”. And there are good reasons to do so. May it be environmental, social, or political reasons, simply continuing with the “normal”, pre-pandemic life can in many ways be considered highly problematic. So why not take this unique situation as an opportunity to change things for the better?

In pre-pandemic 2019, the Academy of Art and Design in Basel held a symposium called “future sense” to address the question of how artists and designers can contribute to a sustainable future. One of the speakers, the futurologist and sociologist Harald Welzer, pointed out that modern society seems to have lost any idea that it could be different, better than it is. It is a society that no longer has a horizon of desire but already seems to have its future behind it. He diagnosed a lack of visionary ideas in today’s “futureless society”, very much like Mark Fisher observes in his seminal writing “Capitalist Realism” that “[i]t’s easier to imagine the end of the world than the end of capitalism”. The task of the utmost urgency for Welzer is, therefore, the “reintroduction of the future” or, in other words, to get people to imagine a different, better world ahead of us. He sees a possible solution in the creation and visualisation of realities that have a concrete connection to the lifeworld and situation of its contemplators.

Whether it is the pandemic or may it be not motivated by this situation at all, we witnessed a heightened interest in thinking about our desired future. For creatives, especially those in the visual domain, such thought processes manifest themselves in images of what will or should come. Such images are probably one of the most crucial ways of contributing to a better world. They should not be mistaken as merely decorative, visual side notes to the supposedly more important non-visual thoughts and ideas about the way we live. These images are essential as they make alternatives visible, better worlds imaginable, and motivate to take action. Just like Fred Scharmen points out in “Space Settlements”, to name just one example, images are an often underestimated catalyst to get people going.

“Cutaway view, exposing the interior” of the Stanford Torus. Art work by Rick Guidice, 1975. Source: NASA Ames Research Center

When creating such images it is worth mentioning that the depicted alternative world only needs to be different, not necessarily better. As long as people are able to relate to these altered realities, they can get inspired by them and eventually overcome their lack of imagination of a better future. The onlookers will either imagine the presented realities further or even create their own positive images of the future. For designers this is exciting as shaping new, divergent worlds and making them not only visible but also approachable can be understood as a design task at its core. The futurologist Welzer agrees with this observation as he as well sees designers in a decisive role.

To create images of alternative futures means nothing less than visualising utopia. According to the political scientist and dedicated expert on utopia Thomas Schölderle, “utopia” is first and foremost a means to criticise the status quo. The critique is given by presenting a rational fiction of an alternative world that differs from the actual world in all the aspects it considers in need of improvement. It is therefore crucial to note that utopia, unlike our common understanding, does not necessarily need to be a better or even perfect world. It only needs to be different in the aspects it wants to criticise. A dystopian world that differs in making some aspects worse, often by taking a tendency given in the actual world and pushing it to the extreme, is not the opposite of utopia but a variation of it. On the other end of the spectrum of utopias are the ideal, perfect worlds which are called “eutopias”.

No matter if the alternative world is dystopian (bad) or eutopian (good), visualisations of such rational fictions can be achieved in numerous, sometimes unexpected ways. When researching examples, we could identify nine different strategies to visualise utopias:

— Spatial Plan Drawing
— Spatial Illustrations and Renderings
— Modelling
— Object Design
— Prototyping
— Forged Evidence
— Chronicles
— Depicting Lifestyles
— Documentary Photography

To illustrate the range of approaches used by creatives, we decided to pick three examples that relied exclusively on one of those strategies and point at one of our projects that combined multiple approaches.

The first example of visualising an alternative world is Manuela Pfrunder’s atlas “Neotopia” in which she depicts a world with radically equal distribution. She drew maps that show how the world would look if everyone had the same access to water, mountains, forests, meadows, urbanised land, and so forth. She extends this way beyond geographical aspects and shows what it would mean if resources like coffee, cacao, cheese, sugar, fish, meat, and similar would be distributed equally as well. She even goes as far as imagining what an equal distribution of human suffering as in hunger or political persecution would look like. This makes Neotopia a striking critique of the existing inequalities in our current world. At its core, the atlas shows a different reality through visualisation of spatial relations. For that reason, it is a perfect example of the visualisation strategy “spatial plan drawing”, a particularly helpful approach as soon as concrete numbers are used to explain the alternative world.

Another approach to visualising utopia is to prototype objects that inhibit the utopian world one is imagining. There are numerous interesting examples of this in the domain of speculative design. One of those would be a set of objects created by the designers James Chambers and Tom Judd. They asked themselves how the famous British wildlife filmmaker David Attenborough would have designed everyday objects if he would have become an industrial designer. Under the name “Attenborough Design Group” they started to create prototypes that use self-protection mechanisms from nature. One result was “The Gesundheit Radio”, a radio that sneezes to free itself from accumulating dirt as soon as it gets too dusty. Another object was the disc drive “Floppy legs” which jumps on its little mechanical feet as soon as liquid is spilled near it. The third object was the “AntiTouch lamp” which protects its sensitive light bulb by moving away as soon as someone or something is getting too close. By creating this sophisticated, speculative technology, the designers show us a world that is sustainable and eco-friendly. Instead of planned obsolescence which purposefully shortens the lifespans, the devices have built-in mechanisms that make them last longer. It is therefore an indirect critique on the fast-moving and wasteful nature of today’s electronic devices which is heavily contributing to the current ecological crisis.

Birmingham Movement. Protest against racial segregation organised by the Southern Christian Leadership Conference (SCLC) and Martin Luther King. Birmingham (Alabama), 1963.

A third strategy for visualising utopia is the use of documentary photography. The example we want to show here might be unexpected, yet insightful as it demonstrates the wide range of what creating images of alternative worlds and possible futures can mean. Photographs can document numerous things. Depending on what is shown they can evoke strong, maybe even shocking or disturbing reactions. Being aware of the effects photographs can have, Martin Luther King and the Southern Christian Leadership Conference (SCLC) organised a nonviolent direct action protest against racial segregation in 1963 in Birmingham. Back then, the city of Birmingham was known for being one of the most racist places in the United States. The organisers chose this place purposely because they knew that the situation would likely escalate, get violent, and result in striking images of white brutality and violence against black people. For the city of Birmingham, the photographs might just depict the way things actually were. However, for many other places in the U.S. and beyond where such extreme racism was not common it was a glimpse into a dystopian world. It was a threatening image of what might become the reality in other places too if the injustices against the black community and the manifold acts of racism would not be counteracted. As such, it was a powerful visualisation of a dystopia that got people to stand up for a better future.

The projects above and numerous other striking examples show that there are many ways of creating visualisations of alternative worlds and futures. They are not about some Sci-Fi world-building for the sole purpose of entertainment but have an impact that goes way beyond it. They are visualisations of utopia and as such get people to imagine and eventually contribute to a better world. Lastly, we want to point at a project in our portfolio: SWISSTOPIA AUTOMATA. Multiple approaches were combined to create a report that visualises a utopian Switzerland beyond the labour society as we know it. Have a look at the → project documentation and see how many strategies you can spot.

Dunne, A. & Raby, F. (2013). Speculative Everything: Design, Fiction, and Social Dreaming. Cambridge: The MIT Press.
Fisher, M. (2009). Capitalist Realism: Is There No Alternative?. United Kingdom: John Hunt Publishing.
Pfrunder, M. (2002). Neotopia: Atlas zur gerechten Verteilung der Welt – Atlas of equitable distribution of the world. Zürich: Limmat.
Rogger, B., Voegeli, J. & Widmer, R. (Eds.) (2018). Protest: The Aesthetics of Resistance. Zürich: Lars Müller Publishers.
Scharmen, F. (2019). Space Settlements. New York: Columbia Books on Architecture and the City.
Schölderle, T. (2012). Geschichte der Utopie: Eine Einführung. Köln: Böhlau.
Welzer, H. (2019). Alles könnte anders sein: Eine Gesellschaftsutopie für freie Menschen. Frankfurt am Main: S. Fischer.

last updated: 07-08-21

Communicating Expertise

Insights from Doing Graphic Design for Experts

A piece of graphic design created by Nguyen Gobber

When asked about what we are doing at Nguyen Gobber, we always answer something like: “We are a graphic design practice that helps people who need a compelling appearance for their knowledge and ideas.” A more straightforward term for those folks, of whom the knowledge and ideas are worthwhile to be communicated, would probably be “experts”. So, if you want to boil our answer down to the shortest possible version, it would be as follows: “We help to communicate expertise.” And we do so because expertise does not matter too much if you are not able to communicate it properly. There is no meaningful impact to be expected if nobody takes notice of your skills and knowledge and gets access to your insights.

In our practice, we had the chance to gain some insights into how one can communicate expertise best, and, in the spirit of the statement above, we want to share it. Drawing from our own experience in doing graphic design for academic and cultural experts, we can point to a few aspects worth considering, no matter what type or concrete instance of expertise you want to communicate. Although our studio works in the field of visual communication, we are convinced that the following points can also be applied to other types of communication as long as they remain unidirectional, meaning that there is no back and forth, no opportunity to respond and clarify.

Just like in any other endeavour, one of the first things to do is to get a basic understanding of the situation you are dealing with. In our case, we need to clarify what expertise really means so we know what exactly we should be communicating. Expertise can be understood as what distinguishes an expert from a novice. This does not tell us too much, though. So we might want to ask further what it actually takes to call someone an expert then? If you open a dictionary, you will read that an expert is a person who represents “mastery of a particular subject”, “someone with special knowledge and skill in a particular domain”, or that an expert is “somebody who has a broad and deep competence […] in a particular field”. No matter the phrasing, it is the surplus of knowledge and skill that makes someone an expert and which you, therefore, call “expertise”. It is worth noting, though, that in practice we tend to only call someone an expert if it is not just a slight but a significant surplus of knowledge and skill.

If it is common knowledge or expertise depends on the context.

It is important to keep in mind that all of these definitions imply relativity. Expertise is determined by comparison and therefore the reference group matters. Depending on the reference group you consider, the person with a significant surplus in knowledge and skill in a given subject might change. A primary school teacher might be the expert in maths within the class they are teaching but not at an international conference about advanced mathematics. This relativity of expertise implies not only that the role of the expert may wander but also that the threshold which differentiates common knowledge from expertise can change depending on the context. This has consequences for the communication of expertise as well. For graphic designers, it goes without saying that visual communication needs to be tailored to the target audience in mind. When dealing with expertise, the communication additionally has to be adjusted according to the reference group within which something may or may not be recognised as expertise.

Communicating expertise, especially when looking at visual communication as we do here, is not limited to designing visual aids that help to explain a subject, such as an infographic, a book, an exhibition, and so forth. In fact, a lot of visual communication of expertise must have inevitably already happened before these kinds of visual explanations even become relevant. It is the kind of visual communication that signals expertise and thereby guides the interested. Just think about it: Before you go to a conference, you spot the poster about it. Before you buy a book, you look at its cover. Before you consider hiring a professional consultant, you visit the website of said expert to learn about them. Consciously navigating to a source of expertise is only possible if you are literally looking for it. Hence, carefully designing what one will be looking at is crucial. If the first contact point does not clearly signal expertise, the onlooker will not know that they have just stumbled upon a trace that eventually leads them to the source of expertise they were searching for.

Now, expertise does not have a colour, shape, or specified dimension. However, there are different kinds of associations that go along with experiencing expertise. In our design, we try to evoke these associations so the visual communication is consistent with what it refers to. Some of these associations are rather general like expertise usually perceived as of high value. This subsequently means that in most cases the visual communication of expertise will not appear inferior, which is why you probably will not find a PhD thesis published as a stapled booklet. There are not so many general signifiers of expertise we can rely on, though. In many cases, we need to take our time to get a better understanding of the subject matter so we can determine fitting signifiers of the concrete instance of expertise at hand. Our poster for the FHNW lecture series about the problems of the proclamation “Wir Sind So Frei!” (German for: “We are so free!”) could be an example of such a contextual signifier. We playfully explored the spatial and grammatical limits of “freely” rearranging the words which form the conference title. This way, the design itself visualises the debated problem and thereby references the critical thinking that recognises this issue and the enhanced self-reflective capabilities which the invited experts – most of which were from the philosophical domain – were known for. Determining such more contextual signifiers of expertise and incorporating them into the design are especially rewarding as they are also the ones that are the most convincing.

Once the interested are guided to the source of expertise they were looking for, it is time to create a communication that facilitates the transfer of knowledge. Expert knowledge is usually complicated enough on its own. Therefore, its communication needs to be as clear and easy to follow as possible, while not getting too boring and dull to look at. Unfortunately, we often witness how accessing knowledge is hindered by poor graphic design. There is an argument to be made that, especially in the scientific domain (and here most of all in natural sciences), the perceived complexity does not stem from the subject matter but from the terrible visual communication that makes the presented knowledge unnecessarily inaccessible. If the compositions are chaotic; gestalt principles are disregarded; visual hierarchies are unclear; every corner is plastered with visual clutter as if designing a layout is a game of Tetris; and so on; then the onlooker is occupied with making sense of the visual mess instead of learning about the subject which should have been communicated. Obviously, such design mistakes are often the result of layperson at work, so we do not want to judge their efforts too harshly.

The last thing we want to mention as something we have experienced as helpful when communicating expertise is to apply one of the most well-known writing techniques to the domain of visual communication, namely “Show Don’t Tell”. It is a technique used in various kinds of texts to allow the reader to experience the story through actions rather than through the author's description. So, instead of simply writing that the hero is brave, this technique would suggest demonstrating it by telling the story of how the hero faced the dragon while everyone else was running away. In our context, this technique basically says that one should not just claim expertise but prove it.

In “An der Grenze der Lesbarkeit”, the knowledge of the borders of readability and the potential quality in design one can achieve by working at its fringes is not only described in written form but also demonstrated in numerous visualisations throughout the publication. Even before the onlooker opens one of the two books to read and learn about this topic, they can witness the expertise in action when looking at the cover design. The title got split into multiple syllables and playfully spread across the spines of both books. This work at the borders of readability effectively brings about an appealing cover design and thereby proves the expertise the reader can expect to learn from when reading the book. While this example shows how beneficial it is to not only claim but prove expertise, it also needs to be mentioned that on some occasions this is not possible. Sometimes the medium one is using for the communication simply does not allow to demonstrate the type of expertise one is dealing with.

To conclude, we can summarize our gained insights by reformulating them as the questions we have learned to ask ourselves whenever we need to communicate expertise: What exactly counts as expertise in this specific context and therefore needs to be communicated? How can we authentically signal said expertise to guide the interested to the source? How can we achieve the necessary visual clarity to make expert knowledge accessible without looking dull? And last but not least: How can we prove the expertise within the medium at hand rather than just putting some claims out there that potentially appear untrustworthy? Those are the key questions to find answers to when communicating expertise.

last updated: 05-07-21

A School’s History Reflected in Design

The Basel School of Design Campaigns 2019/2020

A piece of graphic design created by Nguyen Gobber

In 2019, the Visual Communication Institute of the FHNW Academy of Art and Design in Basel commissioned the conception and design of a campaign. The goal was to generate more interest for both of the postgraduate programmes offered at the institute. One of them is the Master of Arts in Visual Communication and Iconic Research, which connects the practical knowledge and methodology of visual communication with the scientific domain by developing new approaches in image research. It is the only Swiss programme in the field of design that allows a further continuation of the students academic career within the context of a PhD programme. The other postgraduate programme is the International Master of Design UIC/HGK, mostly referred to as MDes. It is a collaboration between the Visual Communication Institute in Basel and the University of Illinois in Chicago. This gives students of MDes the unique opportunity to graduate with an internationally accredited Master of Design from UIC and the Swiss equivalent, a Master of Arts. Both of these programmes share the same heritage as they evolved from the renowned Basel School of Design. For that reason, the institute decided to choose the title “The Basel School of Design” for the campaign. This emphasises a very specific design tradition born in the late 1960s in Basel, which was also one of the main points of reference for the conception of the campaign design. So, what exactly is this design tradition?

Building of the Basel School of Design at Vogelsangstrasse, Source: Wikipedia

Back in 1968, Armin Hofmann and Emil Ruder conceived a postgraduate programme at the Basel School of Design, the Weiterbildungsklasse für Grafik / Advanced Class for Graphic Design. This offered an intensive study of design principles and a very influential, form-related design methodology. The programme attracted students from all over the world and became an outstanding model for a modernist design education. The designs developed at the school were the results of a very process-oriented approach in which many variations are created and thoughtfully compared with each other. After sequentially improving said variations, the final design oftentimes featured a very clear formal expression of an underlying idea combined with a reduced colour scheme and matter-of-fact typography. This style in design, which is now referred to as “Swiss Style”, would become world-famous and so influential that iconic pieces of graphic design such as the wayfinding system of the New York Subway or the corporate design of Lufthansa are in many ways shaped by it. While this influential “Swiss Style” certainly was not solely created by a handful of people in a small Swiss town, many experts would still point to the Basel School of Design and the designers associated with the programme when asked about its birthplace.

The first designs developed for the campaign tried to play with the idea of those extensive variations typical in the design process taught at the Basel School of Design, by experimenting with one, if not the most, basic shape, a circle. Such a series of slight or more drastic formal variations was not only typical of the Basel School of Design back in the late 60s and 70s but is also one of the preserved traditions in today’s postgraduate programmes offered at the academy. The variations alone seemed a bit too arbitrary for the intended campaign design, which is why Prof. Michael Renner, who was involved from the commissioner’s side, proposed to create variations of visualisation for the idea of friction. While “friction” is still a bit of an abstract term to base the design on, it is certainly pointing towards some crucial aspects of the history and development of the Basel School of Design. While Armin Hofmann and Emil Ruder taught design very much according to modernist standards, a later protagonist of the Basel School, Wolfgang Weingart, popularised a different take on graphic design, specifically in regards to typographic treatment. It was an incident of friction between an established approach and a new way, which would later be described as New Wave or Swiss Punk Typography. In many ways, Wolfgang Weingart broke with the preceding modernist understanding of design and implemented a postmodern approach. The idea of “good” (typographic) design shifted, while the strong focus on the formal qualities and a design process that involves an abundance of variations was maintained. Later, when Prof. Renner took over the direction he was involved in transforming the programme into an academic degree course, the Master of Arts in Visual Communication and Iconic Research. By doing so, he again caused an incident of friction as he transformed the form-focused programme into a more intellectual study of imagery with the ambition to use the methodology of the Basel School of Design as a tool for scientific research.

Poster for Gewerbemuseum Basel, 1963 by Emil Ruder, Source: eMuseum
Poster for Kunsthalle Basel, 1977 by Wolfgang Weingart, Source: eMuseum
Book “What Images Do”, co-published 2019 by Prof. Michael Renner, Source: HGK FHNW

In addition to referencing the variations-driven design process of the Basel School of Design, the theme of friction became relevant to the campaign design. Different notions of friction were defined as points of orientation, and multiple series of abstract, geometric illustrations were then developed to visualise the different facets of friction. While the output was rich in formal variations, the colours were reduced to greyscale to reflect the iconic style of the Basel School. 

The designs were then combined in a composition to be used as the key visual for the main component of the 2019s campaign, a foldable poster that was sent to different academic art and design institutes. The design features a rigid layout in which the various visualisations of friction were placed. On the back of the poster, information on the Basel School of Design and both of the postgraduate programmes were set within the same grid system. The foldable poster was printed with silver instead of grey, which led to a very specific visual quality that is unfortunately mostly lost in the digital reproduction of the prints. Apart from this centrepiece of the campaign, many further applications such as an animation, graphics for social media, and printed advertisements were designed. The effort proved to be worth it as the campaign successfully increased the number of applicants for that year. 

A piece of graphic design created by Nguyen Gobber
Advertisement designed for It’s Nice That
Instagram post SUPSI
Instagram post HGK FHNW
Instagram post ECAL
Instagram post DHBW

For the 2020s edition of the Basel School of Design campaign, the theme of variation was revisited. This time, however, the second theme was the question of visual identity instead of friction, which shifted the focus from a reflection of the historical development of the institute towards its current state. Interestingly, the Visual Communication Institute which is the academic successor of the original Basel School of Design does not have its own visual identity. There is only a corporate design of the FHNW University of Applied Sciences and Arts, of which the Visual Communication Institute is a part. This loss of an independent visual appearance coincides with a broadening of visual styles that are taught and produced at the academy. The key visual reflects this circumstance in a playful way, by showing a rich pool of plausible but also absurd logos. 

The logos are again shown as parts of a series of variations and put together to create the key visual. This time, however, the strict layout and rigid grid were abandoned to create another visual reference to the wild proliferation of styles and design approaches that are now visible at the academy. The reduced colour scheme of only black and white as well as the strict typographic layout on the back side of the poster remained so that the hint towards the roots of the Visual Communication Institute is still given. Just as the year before, many further design applications apart from the poster were produced. Altogether, the 2020s iteration formed a successful continuation of the series of annual campaigns for the Basel School of Design.

last updated: 23-04-21

Metaphorical Thinking in Poster Design

How a Cognitive Theory Brings About Better Graphic Design

A piece of graphic design created by Nguyen Gobber

Metaphorical thinking or metaphorical concepts are most prominently discussed in the context of political communication. Most often, when you hear about framing an issue in a certain way for political profit, this framing is done with the help of a conceptual metaphor. Depending on your political point of view, you might either describe taxes as a financial burden or a contribution that you give back to the community that helped you grow. Speaking of a “burden” frames taxes as something that is first and foremost (extra) weight you are forced to carry, something that immobilises you to a certain degree. It is the way you talk about something that restricts your freedom, whereas the metaphorical framing of “contribution” shifts the perspective and makes paying taxes appear like a virtue. Either the virtue of helping those in need or the expression of gratitude to the community that allows one to prosper by “giving something back, now that one can do so”. One metaphorical frame is that of carrying weight, the other one is that of keeping a fair balance. It is important to recognise that metaphor is not understood as a mere figure of speech but as a way of conceptualising things. It is not that we are just saying “burden” or “contribution” instead of “tax”. What makes those metaphors so powerful is that they are providing complete conceptual systems that guide our way of thinking about an issue, in this case, taxes. “Burden” might be just one expression, but it activates a whole set of corresponding ideas that include aspects like “weight”, the feeling of being “dragged down” and hindered to “move forward” in the “journey” of life. Thinking of taxes as a burden frames them as negative and something that should be “taken off of our shoulders”. Clever politicians and PR consultants know the power of conceptual metaphors like these very well. They use them in more or less noticeable ways to influence their audience’s opinions. Once you know about these conceptual metaphors, you start noticing them everywhere. Just think about prominent terms and expressions used in today’s political debates. I am sure you have heard of “waves of refugees”, “war on terror”, “climate change”, or others.

Typical illustration of “tax burden”, illustrator unknown

In cognitive sciences, there is the so-called conceptual metaphor theory which tries to explain these kinds of thinking. The theory was first popularised in the late 1980s and has been further developed ever since. In its foundational book “Metaphors We Live By” by George Lakoff and Mark Johnson, the essence of metaphorical thinking is boiled down to “understanding and experiencing one kind of thing in terms of another” (Lakoff & Johnson, 1980, p. 5.). Even though the focus was put on political communication so far, the given definition of metaphorical concepts makes it clear that we should be able to find them in other contexts as well. One of the most interesting contexts to look for conceptual metaphors is the domain of graphic design. In numerous cases, understanding the design or at least some parts of it in terms of something else has led to unexpected and truly original designs.

Poster for Filmpodium Zurich by Ralph Schraivogel
Poster Campaign “Curls” for Rowenta by Publicis
Poster for S AM by Claudiabasel

What would happen, for example, if we would conceptualise the poster as a city map? Ralph Schraivogel showed us when he created the poster design “Woody Allen” for Filmpodium Zürich. As Woody Allen was the topic of the advertised event, the reference for his poster design was not just any city but New York City, or more precisely Manhattan. The typography was set along streets, which makes them appear to be street names, while the images were positioned as if they were buildings or possibly parks of the imagined city map. In a campaign designed for Roventa’s new curling iron, the designers of Publicis developed another metaphorical design concept that led to a very creative result. The campaign’s title “Curls” (original title in German is “Locken”) already gives away the point of reference for this original design solution. Instead of coming up with a graphic composition at all, the designers decided to conceptualise the printed matter itself as curly hair for this campaign. Another example to prove the creative potential of metaphorical thinking is given by the visual identity and corresponding poster series for S AM, Swiss Museum of Architecture, designed by Claudiabasel. The typographic composition was set according to the logic of architecture. This means that the most fundamental text got put at the bottom and, with decreasing importance, the remaining text material was built on top of it, just as every building starts with a fundament and ends with the lightest and smallest components on at the very top.

As one can see, being aware of the conceptual metaphor theory helps tremendously to identify and describe these kinds of designs. It is safe to assume, though, that in many cases the designers were not aware of the cognitive phenomena that was structuring their ideas. However, what would happen, if one was consciously using the insights of the conceptual metaphor theory to create design concepts? For now, we have just begun to explore its fundamental principle, but the theory has much more to offer and explore in the context of graphic design. The book “Designing in Metaphors” (original title in German is “Gestalten in Metaphern”) offers a deeper insight into this topic and even provides a foolproof method to come up with your own fitting metaphorical design concepts. While it is not possible to squeeze all of the book’s content into these few paragraphs, it might be interesting to present a few results of the design method taught in the book. As proofs of concept, different poster designs were developed for the publication, some of which visualised an early version of the method itself.

One of these designs focussed on the very definition of a method. Depending on the source you are referring to, the phrasing might change, but essentially, a method can be defined as a series of steps to take in order to reach the desired goal. “Proceeding step by step” became the motive of one of the poster designs created with the help of the book’s method. The typographic composition functions as a visual interpretation of “taking steps”. As the final poster design shows, the numbers 1 to 5, which represents the steps taken, do not only lead forward but also upward to an “elevated” result.

Another motive produced with the book’s method was “lighting up” which is a theme often used in representations of coming up with or understanding a (good) idea. Just think about the glowing light bulb used to illustrate just that in children’s cartoons or expressions like “having a bright idea” or “an illuminating talk”. In the context of the poster design, the motive “lighting up” obviously refers to coming up with a metaphorical design concept.

Many sketches tried to visualise this motive by creating compositions in which a dense, dark structure in one or multiple areas of the format opens up and transitions into white space. In many occasions, this coincided with a playful treatment of contrasts within the poster design. The final design does not only feature lines that represent light rays but also a composition in which said lines are positioned with increasing density from bottom to top. This effectively produces a brightness gradient that dominates the poster design as a whole. In addition to these graphical elements and their composition, the poster was printed on fluorescent paper as a further reference to the motive of “lighting up”.

Both, the posters of fellow graphic designers mentioned earlier as well as those discussed just before, should showcase the benefits of working with fitting metaphorical design concepts. For sure, the visual interpretation is always bound to the skills of the designer. However, using the method proposed in the book “Designing in Metaphors” or otherwise coming up with an underlying metaphorical concept for the design greatly improves the results as the metaphor guides many of the design decisions. Furthermore, it certainly helps to prevent one of the biggest, and unfortunately quite frequent, problems in contemporary graphic design: The total lack of any kind of underlying idea, which results in arbitrary, decorative graphics, of which the only point of reference were current trends.

When It’s Not the Right Time for Flowers

Art Direction of the Next Generation Campaign 2018

A piece of graphic design created by Nguyen Gobber

Every year the FHNW Academy of Art and Design commissions the “Next Generation” campaign, a year-long series of advertisements for their study programmes, graduates, and various informational events. For each iteration, a new central motif gets chosen. It is the basis for a visually coherent campaign design that needs to be conceived and implemented. In 2018, the annual briefing included keywords such as “encounter”, “exchange”, “network”, and “collaboration” to describe the intended theme of the campaign. Diana Pfammatter was invited to shoot a series of photographs that should become a central visual element of the campaign. She decided to take further keywords as points of orientation for her image series. The words chosen ranged from “authentic”, “self-confident”, “no party, but fun exchange” to “young”, “contemporary”, and “diverse”. With the help of scenographer Hannah Weinberger, a space was created to which students of the graduation year were invited. They should bring flowers and plants to exchange with each other and use the occasion to celebrate with drinks and music. However, the event should first and foremost serve as an ideal setting for Pfammatter to shoot her intended series of photographs.

After the photographs were produced, the task of art directing and designing the campaign was handed over, which meant that critical steps that are usually undertaken in accordance with the designers were already made. The result was a briefing and a series of photographs that were certainly good on their own but did not align and posed a challenge for the design of the campaign. Different people involved in the project pointed at aspects that they found contradicting. Just to name a few of these aspects: The photographs appeared rather clean and staged, which did not fit with the intended authenticity. The intended diversity in the depicted gathering was not achieved as mostly young white women were shown. The gathering itself should not appear as a party, even though it actually was one, which ended up being obvious in most of the photographs. And at last, the decision to incorporate flowers into the party setting led to the impression that the depicted students were celebrating their graduation. While this would perfectly fit for the campaign during the time of graduations, it seemed rather off-topic for other contexts such as information events or open days.

Challenged with the given request of the client on the one side and the image material on the other, a design solution was needed. The first concrete idea was to use a different typeface than Unica77, which is the corporate typeface of the academy, to create a contrast to the photographs. Unica77 is a wonderful typeface on its own, but it has a very clean, modernist aesthetic, which would push the campaign design even further in the opposite direction of “authentic”, “contemporary”, and “diverse”. A few typefaces were sketched to broaden the aesthetic qualities within the campaign design and specifically include more rough and peculiar visuals. This way, the campaign should reflect more strongly the diversity of artistic positions coming together and therefore also turn out to be more authentic.

In the face of the approaching deadlines, it simply turned out to be an unattainable goal to properly draw multiple or even just one fitting typeface for the campaign. So this initial approach was dropped in favour of another idea, namely to focus on a composition with a strong typographical arrangement. The photographs should not solely be the main part of the campaign but only one of several components that form together the campaign design. The images and typographical elements were superimposed, nested and interwoven within each other. This way the composition as a whole became a metaphor for the idea of “encounter” and “exchange” as different visual elements were “coming together”.

The campaign exhibited at grafikSCHWEIZ18 in Zurich, 2018

In addition, a new wording was defined to adapt the campaign design for all the different occasions in which it would be used throughout the year. Instead of writing “NEXT” on all different applications, as it has been done in the previous year, the words “OPEN”, “INFO”, and “APPLY” were used for the corresponding occasion. This idea turned out to be particularly helpful in differentiating the various events because it allowed keeping the visual identity consistent. For that reason, this approach was continued in the following years by the other annually changing art directors.

All things considered, the main challenge of the Next Generation campaign 2018 was the realignment of the key components of the campaign which became necessary due to the late involvement of the designer and therefore the lack of proper art direction from the get-go. However, the partial gap between the goals defined in the initial briefing and the image material that had to be incorporated into the campaign could get resolved by the carefully designed compositions. A closer look into this project reveals that effective art direction is critically facilitated or even made possible at all if the responsible figures are involved at the earliest possible point in time. Despite the challenging circumstances, though, the campaign turned out to reach its goals and attract the attention and interest of the relevant audience.

last updated: 28-06-21

Zur Überwindung von Inhalt und Form

Im Folgenden soll die gängige Praxis innerhalb der Gestaltung, den Entwurf vor allem in den Kategorien von Inhalt und Form zu reflektieren, einer Kritik unterzogen werden. Anstelle von Inhalt und Form soll ein Denken skizziert werden, das Gestaltung auf eine andere Weise strukturiert, die hier in einem ersten Vorschlag auf den Begriffen „Ausdruck“ und „Intention“ fussen soll. Sobald sich die Reflexion über Zeichen im Allgemeinen in den Kategorien Signifikant und Signifikat, also Zeichen und Zeicheninhalt verfängt, und damit einhergehend die Reflexion über Gestaltung im Konkreten in Inhalt und Form geschieht, sind entscheidende, aber doch weit verbreitete, Fehlschlüs­se über Kommunikation die Folge. Meine Kritik soll mit einem kurzen … [Download]

Gestaltung als Streit

Dieser Text ist eine leicht modifizierte Version von David Gobbers Abschlussarbeit an der Universität der Künste Berlin. Die Thesis versteht sich als eine Untersuchung von Streit als produktives Gestaltungsprinzip. Diskutiert werden dafür Georg Simmels Typologie des Streits, die dieser zu Beginn des 20. Jahrhunderts in seiner Konflikt-Soziologie entwirft sowie die Betrachtung von Politik und Kunst als besondere Formen des Streitens in der Philosophie Jacques Rancières. Design wird im Anschluss daran als ästhetischer Streit aufgefasst, was anhand von Arbeiten von Peter Behrens und Wolfgang Weingart ausgeführt wird. [Download]
dummy dummy dummy dummy dummy