Category: Communication Design

A strong brand identity can help a company stand out in a crowded market, connect with its target audience, and build trust and loyalty with customers. In the last semester I wrote about fashion logos and now I want to expand my topic on the topic how to create a strong fashion brand identity. In this article, I will discuss the key elements of brand identity and tools we can conduct to improve a brand identity.

Brand identity is the collection of visual and verbal elements that represent a brand. These elements include the brand name, logo, tagline, colour palette, typography, imagery, tone of voice, and overall aesthetic. Together, these elements create a consistent and recognizable look and feel that distinguishes a brand from its competitors.

One experiment that I can conduct to improve a brand identity is to conduct a brand audit. A brand audit is a thorough analysis of all the visual and verbal elements that make up a brand identity. This can include reviewing the brand guidelines, analysing the website and social media profiles, and conducting surveys or focus groups to gather feedback from your target audience.

Creating a brand identity is a crucial step for any business or organization. A brand identity represents the visual and aesthetic elements of a brand, such as the logo, color scheme, typography, and overall style. These elements communicate the values and personality of the brand to the audience, making it essential to get it right.

Fortunately, there are numerous tools available that can help you design a brand identity. In this article, I’ll take a look at some of the best tools for designing a brand identity.

Adobe Creative Cloud

Adobe Creative Cloud is a comprehensive suite of software tools that includes Adobe Illustrator, Photoshop, InDesign, and other programs. These tools are the industry standard for creating professional-grade design elements, including logos, typography, and layouts. With Adobe Creative Cloud, you have access to a vast library of fonts, graphics, and templates, making it easy to create a cohesive brand identity.

Canva

Canva is a user-friendly online graphic design platform that offers a wide range of templates and design elements. It’s perfect for those who are not familiar with design software or need to create a brand identity quickly. Canva provides templates for logos, business cards, social media graphics, and other design elements. You can customize these templates with your brand colors, fonts, and images to create a unique brand identity.

Sketch

Sketch is a vector-based design tool that’s popular among designers and is commonly used for designing mobile apps, websites, and user interfaces. However, it’s also an excellent tool for creating brand identities, including logos, icons, and typography. Sketch has an intuitive interface, and it offers a wide range of plugins that can help you streamline your workflow.

Figma

Figma is a cloud-based design tool that enables collaboration among team members, making it ideal for remote teams. It’s easy to use, and it offers a wide range of design tools, including vector graphics, typography, and image editing. Figma also includes prototyping and animation features, making it a versatile tool for creating a brand identity.

Gravit Designer

Gravit Designer is a free vector design tool that’s similar to Adobe Illustrator. It’s a versatile tool that’s ideal for creating logos, icons, and other brand identity elements. Gravit Designer includes a vast library of design assets, such as shapes, icons, and fonts. It’s a user-friendly tool that’s ideal for beginners or those on a tight budget.

In conclusion, designing a brand identity requires careful planning, research, and creativity. These tools can help you create a professional-grade brand identity that accurately represents your brand. Whether you’re a beginner or an experienced designer, there’s a tool out there that can help us bring our brand identity to life.

– by Elena Waschl

@Thomas Hundt & Ingo Zirngibl

Markeninszinierung im Raum
CA vs Produkten variiert in der Ortsgenbundenheit!

Gebäüde = Ort, Kontext, ihre Kraft und Besonderheit

ZIEL = aus Marke heraus entwickelte Idee im Raum fokussiert darzustellen! Begehbares Markenbild!
Begehbare Marke / erlebbar machen / Grundthesen spüren / Botschaft im Raum omnipräsent  / detailiert / vielschichtig zu kommunizieren und präsentieren!

@ Michael Ostertag_Henning

Integrierte Markenführung
ständig wachsende Bedürfnisse d. Target Group – Reizüberflutung

= Ob Marke & Produkt authentisch wahrgenommen werden hängt von durchgängigen Erscheinungsform ab die trotz Vielschichtigkeit überall erkennbar sein soll!

Zusammenhänge in allen Bereichen: Print – Imagekampagne – Film – Social Media – Raum – Architektur etc.! 

@ Uwe R. Brückner

Szenographie ist eine Identitätsbildende und bewahrende Gestaltungsdisziplin (Kombination v. Gestaltungselementen / Medien im Raum)

Choreografie von und im Raum / Raumabfolgen – Dramaturgie der Innenarchitektur – Darstellung von Content im Kontext!

Die Szenographie bedient sich hierfür an Architektur, Innenarchitektur, Theater, Oper, Film, Video, Ton, Kunst Installationen, Performance, etc. = Ergebnis ist das Erlebnis (INEINANDER VERSCHMELZEN)

c wird zu Ausgrenzung Eingrenzung von Umgebung, Handlungs- Denks und Spielraum, haptik, Material, Licht, Kombinationen davon, narrative, Raumabfolge, kalkuliertes Verhalten d. Besucher, Sprache & Sound, etc.

C*-Scenographie  = Erweiterung des CI in dreidimensionalen Raum
> Übermittlung der Werte & Philosophie = Inhalte attraktiv zu präsentieren Intuition der Marke spüren

FORM FOLLOWS CONTENT!

Wo?

•  Messen & Expos (Zeitlimitiert)
•   Permanent = Firmengebäuden
• Markenmuseen
• Shops & Partnerstores
• Etc.

Emotionale Aufladen themenadäquater Atmosphäre – Narrative umsetzen – einen Spannungsbogen aufbauen
Zugang zur Marke Schaffen

@ Christoph Böninger

C*- Product Design

Energien eines Unternehmens richten sich direkt od. indirekt auf den Markterfolg d. Produktes.
>> Design & Kommunikation Maßnahmen nach außen (Marke, Architektur, Messe, Verpackung, Grafik, Werbung)

Produktmängel & Qualitätsmängel = mindern Vertrauen & formen schlechtes Image = schwer korrigierbar

Produktdesign ist Summe der Talente (Mitwirken) und Kompetenzen aller Mitarbeiter
>> Designprozess ist von linearen System zu Parallelensystem geworden (=glz. höherer Komplexität, Fachkompetenzen und sozialen Kompetenzen + Druck)  

Rolle des Designer: alle Mitwirkenden auf ein Konzept zu einzuschwören

Positionierung der Produkte genau planen!
> früher noch mehr Zeit für Trial & Error
> heute verkürzte Zeit & mehr Druck

= strategisch, von Marketing gesteuerten Produktdefinitionsprozess BASIS Marktforschung
qualitativ: Interviews>> Langfristige gesellschaftliche Veränderungen auf soziokultureller Ebene erahnen und so Produktvorteil schaffen

od. quantitativ: kurzzeitiges Abfragen von Akzeptanz von Design mittels Modellen, etc.

Wandel = wissenschaftlich = unzweifelhaft
Fortschritt = ethisch = streitbar

Immer knapper werdender Ressourcen > wichtig die RICHTIGEN Produkte zu erschaffen

Qualität = tech. Innovation, gebrauchstechnischer Erwägung, kulturelle Verpflichtungen & umwelttechnische Notwendigkeit  >> Designer muss alle Aspekte glaubhaft & sinnvoll zusammenführen

Designer sollte „Anwalt“ des Kunden sein und mittel-langfristige Interessen verfolgen!

10 Thesen by Dieter Rams:

Gutes Design

… ist Innovation
…macht ein Produkt brauchbar
…ist ehrlich (manipuliert Käufer nicht)
…etc.

@ Armin Angerer

C*- Packaging

0.5sec Produktkauf JA / NEIN

Dh. Produktdesign muss winziger Augenblick interessanter sein als andere!

Wir alle lieben Geschichten! Mitnehmen in andere Welt – emotionen 🙂

Wichtig Proof = beim Auspacken (+ Die Geschichte muss auch weiter authentisch sein >> Homepage,etc.)

Verpackung als Visual Merch. > Achte auf verwendetes Material
PoS > wie groß sind Elemente?! Abstand?

Verpackung kann auch ein Erlebnis sein!

Guter Packaging Designer > guter Geschichtenerzähler (Touchpoints – jeder ist eine Botschaft)

@ Regina Henkel

C*- Fashion

Mitarbeiter sind glz. Visitenkarte = Erscheinungsbild NICHT Zufall! Performance die die Firma wiederspiegelt

WAS? Unternehmen spezifische Kleidung an CI orientiert.

• Klären wer soll sie tragen?
• Design / Material / Kollektion & Größen
• Unterschied zur C*Fashion >> Merchandise Fashion Richtet sich an die Kunden

Potenzial: Repräsentation eines einheitlichen Konzeptes / Wiedererkennung nach außen
Interne & Externe Wirkung

Kleidung transportiert Botschaften
Prinzip der Standardisierung – Uniformen vereinheitlichen Menschen
>> muss mir Gedanken machen wo macht es Sinn?! Wie Streng?!

Kleidung definiert die Rolle der Interaktionspartner!

C*_Fashion legt tlw. durch Schnitt & Material fest wie sich die Menschen verhalten sollen
>> GLZ. existiert sie fast nur in Bereichen mit Kundenkontakt!

Merke:

• Einbeziehen der betroffenen „Tragenden“
• Orientierung an bereits bestehenden
• Varianz der Kollektion
• Pflegeleicht
• Reinigungsmöglichkeit?
• Durchführung von Tragetests in Konzeptionsphase

@ Matthias Beyrow

Merkwert Marke

MARKE & FUNKTION

1. Steht für einen Absender der eine Leistung bereit stellt
2. Ist emotional aufgeladen (durch Erfahrungen, Erlebnisse, Ruf,etc.)
3. = Entlastungs-, Garantie- und Vertrauensfunktion
4. Marken helfen bei Entscheidungen

PROJEKTION

1. Eine Marke hat Bedeutungskraft und schafft Identität
2. Marken haben einen Wert > Prestigefunktion  Kommunikation & Inklusionsfunktion
3. Repräsentieren den Konsumenten

ERSCHEINUNG

1. Prägnant? = dann auch unverwechselbar
2. Name, Schriftzug, Logo, Slogan, Farbe, Verpackung, Melodie, usw.
3. Markenzeichen

• Marken schaffen bei Überangebot einen Überblick!
• Merkmale zur Wiedererkennung müssen konsequent sein!

Alle optischen Merkmale zur Erzeugung eines konsistenten visuellen Erscheinungsbildes nennen die Autoren Corporate Design.

= Definierte Elemente*, die mittels bestimmter Methoden auf Medien (Touchpoints) angewendet werden

*Zeichen, Typo, Farbe, Format, Foto & Darstellung

FORM

Eine Form ergibt sich durch Farbe, Platzierung, Größe, Silhouette,etc. – in Komposition od. als Störer
Manchmal Zusatzfunktionen = Textträger, Aufteilen v. Format, schaffen Kontrast, etc.

SCHRIFT

Wahl der Schrift befördert Assoziationen
Schrift wirkt unbewusst
Ästhetik + Funktion

FARBE

Ganz oben in menschlicher Wahrnehmungspsychologie
enormes Potential
schwer besitzen aber wohl besetzen!

Farbe kann inhaltlich bedeutend sein >> Assoziationen schafft
Farbe ist mächtigste Werkzeug im CD

Herausforderung der Farbechtheit in Bezug auf Reproduktion

LOGO; SIGNET; MARKE

Logo eig. Falsch etabliert und dürfte nur für Wort, Zahl & Buchstabenzeichen verwendet werden
>korrekt: Signet (lat. Signum = Zeichen)

Marke > griech. Marka = Zeichen
… transportiert Wert & Qualität des Unternehmens (Wort-, Bild- od. Wort-Bildmarke)

Markenzeichen IST NICHT Corporate Design!
                            IST NICHT Erscheinungsbild!

Redesign zieht Entwicklung v. Gestaltungsrichtlinien, Erwerb v. Rechten (Schrift, Bild, etc.), Implementierung an versch. Touchpoints

Markenzeichen sind Repräsentanten  >> Bedeutung aufladen?
Voraussetzung: Absender! Was hat er zu erzählen (oft komplex) = Reduktion auf das Richtige

Rezept für gutes Design gibt es nicht aber Strategie! (Relevanz ist dann messbar)

1. Präsenz =  schafft Attention / Formal & quantitativ

Von Umgebung kontrastiert > mithilfe von Farbe, Form, Dimension, Gewicht

• Substanz = vermittelt Kompetenz / konkret & qualitativ

Vermittlung v. Markenkern, USP, W-Fragen, Leistung einer Marke, Diensten, Vorteile, etc.

• Referenz = belegt Anspruch / mit Bezugnahme auf Werte od. Konventionen
  
  

Quelle:

Corporate Identity & Corporate Design _ Das Kompendium
Hrsg. Matthias Beyrow / Petra Kiedaisch / Norbert W. Dadrop

Ich habe mir das Buch “Typohacks” nun bestellt und angefangen es zu Lesen. Ich denke die Thematik hat viel Potential und man kann verschiedene Bereiche extrahieren um auf diese näher einzugehen. Bis jetzt habe ich Bereiche erfasst, welche für mich am interessantesten sind und Potential für weitere Forschung haben.

Forschungs-Feld:

Die typografische Hervorhebung von gendergerechter Sprache → Ziel: geschlechtergerechte Ausdrücke in Texten visuell deutlicher machen, um ihre Bedeutung und Präsenz zu betonen. Mögliche Ansätze und Techniken:

• Farbliche Hervorhebung: Verwendung bestimmter Farben, welche dazu beitragen könnten, geschlechtergerechte Ausdrücke visuell hervorzuheben.
• Schriftstile: Untersuchung verscgiedener Schriftstile und ihre Auswirkungen auf die Wahrnehmung von gendergerechter Sprache. Experimente mit fetter, kursiver oder anderer Betonung, um geschlechtergerechte Ausdrücke visuell zu verstärken.
• Textgrößen: Die Wahl der Textgröße kann ebenfalls dazu beitragen, gendergerechte Ausdrücke im Text hervorzuheben.
• Einsatz von Symbolen oder Icons: Du könntest erforschen, ob der Einsatz von Symbolen oder Icons neben gendergerechten Ausdrücken ihre Wirkung verstärkt. Dies könnte beispielsweise das Hinzufügen eines geschlechtsneutralen Symbols neben einem geschlechtsneutralen Pronomen oder einer gendergerechten Bezeichnung sein.

Um die Auswirkungen meiner Forschung bewerten zu können, würde es sich eignen Experimente mit Probant:innen durchzuführen. Sie könnten beispielsweise verschiedene Texte durchlesen, die die angeführten Hervorhebungen beinhalten und danach bewerten, wie der Lesefluss beeinflusst wurde und wie geschlechtergerechte Ausdrücke in den Texten wahrgenommen und verstanden wurden.

In der zweiten Experimentierphase möchte ich, wie bereits erwähnt, eher ausgefallenere Designs ausprobieren, um sich dadurch von der Konkurrenz abzuheben.

Dafür habe ich recherchiert und folgendes Bild hat mich inspiriert:

Hierbei gefällt mir, dass es etwas mehr verspielt ist, jedoch nicht zu sehr exotisch. Auf Basis dessen, habe ich für das 2. Experiment ein Moodboard erstellt, dass mich beim Gestalten unterstützen soll.

Moodboard für das 2. Experiment

Hier möchte ich mehr mit Farben und Formen spielen, um eine jüngere Zielgruppe diesmal anzusprechen. Wie in den Recherchen zuvor erwähnt, sind Milchverpackungen im Supermarkt gewöhnlich sehr überladen. Eine aufgeräumte und doch ausgewöhnlichere Darstellung, verschafft eine Abhebung von der Konkurrenz. Dadurch ist die Verpackung ein Eye-Catcher und man greift eher zu dieser Verpackung.

Als Verpackungsart wird wieder ein Tetrapack verwendet, da dies die gängigste Variante für Milchverpackungen ist.

Quellen:

1. https://de.freepik.com/vektoren-premium/abbildung-der-milchverpackung_21334526.htm
2. https://www.absatzplus.at/milchpackung-metallic-sweets-781200319-weiss.html
3. https://www.giffits-werbeartikel.ch/kleine-milchverpackung-werbemittel-387174.htm
4. https://www.istockphoto.com/de/foto/milch-box-gm155749055-19418621
5. https://www.google.com/imgres?imgurl=https%3A%2F%2Flauraschoch.ch%2Fwp-content%2Fuploads%2F2020%2F01%2FMilchhof_Verpackung-2.jpg&tbnid=kH7G0v4RmqUzGM&vet=10CA8QxiAoB2oXChMI6LyX3bn5_gIVAAAAAB0AAAAAEBg..i&imgrefurl=https%3A%2F%2Fgopalpurcollege.ac.in%2Fmilch-verpackung-k.html&docid=TStDBgp9dhlzSM&w=1400&h=3100&itg=1&q=milchverpackung&client=safari&ved=0CA8QxiAoB2oXChMI6LyX3bn5_gIVAAAAAB0AAAAAEBg

Um die Auswahl der richtigen Font für meine eigenen praktischen Versuche weiter zu erleichtern möchte ich erneut auf die Wirkung der verschieden Schrifklassen eingehen. Dazu wurde ein 1. kleines Experiment durchgeführt um die Aussagen über die Wirkung zu bestätigen. Die Betrachtung der unten angeführten Beispiele 1-5 zeigt, dass die jeweiligen Synonyme der Schriftklassen immer am besten zur jeweiligen Kategorie passen.

Serif:

• traditionell, seriös, elegant, vertrauenswürdig, klassisch, professionell
• lange Tradition, gedruckt besonders gut lesbar als Fließtext

Slab Serif (Serifenbetonte Schriften):

• kühn, markant, selbstbewusst
• ähnlich zu Serif, markantere Details (quadratische, stärkere Serifen)

Sans Serif: 

• sauber, klar, modern, zeitlos, sachlich, objektiv
• heutzutage sehr weit verbreitet

Script Fonts (Schreibschriften): 

• elegant, kreativ, luxoriös, alternativ, einzigatig, persönnlich, emotional
• sehr unterschiedlich (Kritzelei bis Kalligrafie), daher unterschiedliche Wirkung

Display Fonts: 

• auffallend, neuartig, einzigartig
• lassen sich schwer einordnen, sehr unterschiedlich, sehr unterschiedliche Wirkung, Einsatz nur für großformatige Elemente

Quelle: https://www.neofluxe.com/blog/storytelling-durch-typografie/

For this blog post’s experiment, I used the opportunity to prepare my next Christmas presents. I personally really like illustrations that tell a story where the longer you look, the more little details you notice. I wanted to try to make illustrations that contain a personal story for the people who will receive my gifts. Each element in the pictures is kind of an “easter egg” that the recipients will recognize and understand. For example, one person really likes hiking, while the other person is interested in specific machines used on construction sites and collects little model toys of those machines.

I have wanted to try bookbinding for quite a while now but never really knew how to, so I was very happy about the bookbinding workshop(s) we had at FH until now and that I finally found some time to try this in personal projects. So, I ended up making mini notebooks.

As it fits the topic, I would also like to show another illustration I did for a Christmas card last year that also had the concept of telling a story in an image that reveals more details the longer you look at it. It has the theme of teddy bear characters creating chaos while doing Christmas preparations, and the longer you look, the more situations where something is going wrong you will notice – like the Christmas tree being about to fall, one character secretly stealing some freshly baked cookies and spilling the frosting on the curtain…

After experimenting with different popular bookbinding methods, I will now take a look at a lesser known technique, known as Chinese Dragon Scale Binding.

On the line between craftmanship and art, this ancient Chinese way of bookbinding dates back to the Tang dynasty and has a tradition of more than 1,000 years. Generation to generation it has been passed down between high-ranking members of society, like royals and upper class families. Its name stems from the appearance of the finished product – the pages overlapping resemble the scales on the skin of a dragon.

This method was an early attempt to resolve the issue of the awkwardness of handling lengthy scrolls. A dragon scale bound book is still a scroll, but contains pages that are pasted in by their edges. The pages are stacked, with the shortest page on top and longest page at the bottom. The book can then be rolled up like a scroll, but pages could be turned in the manner of future binding styles. It has some flaws though, as the individual pages have a tendency to roll up on their own when the scroll is unraveled. 

A Brief History of Chinese Bookbinding

1,700 years before the invention of paper, the first bodies of Chinese writing appeared during the Shang Dynasty. These were oracle bones used for divination, written on turtle shells and ox scapulae. For the first bound books bamboo was used. Since bamboo grows in form of a cane, it needed to becut into long, vertical strips. Each strip contained one column of carved text, and the strips were bound together with string and rolled up. The bound books were both sturdy and waterproof.

105 AD is traditionally named as the date of the invention of paper. An official named Cai Lun created a sheet for the court out of a mixture of materials including morus skin, bast fibers, fishnets, and hemp. The technique of papermaking quickly spread throughout China and other parts of Asia. Along with the widespread use of paper came the need for new bookbinding techniques. The first form of binding for paper books was scroll roller binding. Scrolls developed from the long, vertical silk banners that were hung on walls to display calligraphy in earlier times. Paper strips with images and writing could now be pasted onto the fabric in handscrolls, which could be laid flat on a table and read section by section. The oldest printed book in the world, dating to 868 AD, was made with this technique.

Over time, the inconvience of rolling and unrolling scrolls sparked new innovations in binding. The first new style to develop was folded sutra binding, also known as concertina binding, in which the scroll was folded like an accordion, and typically held between two wood blocks. This allowed readers to quickly find the desired section.

The first instance of the Chinese book breaking away from the scroll format was found in butterfly binding. Butterfly-bound books were made by folding sheets of paper in half. The folded edges could then be stacked together so that the edges formed a spine. The manner in which the pages opened resembled the fluttering of a butterfly’s wings. Due to their sturdiness and convenience of use, by the Song Dynasty (960-1279), butterfly books were the most common ones.

The final phase in the development of Chinese book binding, called stitched thread binding, became the norm in the Ming Dynasty (1368-1644). Improvements in paper allowed for more detailed, multicolored printing. Sheets of paper were bound with white silk thread and placed within a cover made of stronger paper backed with silk. Oftentimes threaded books were placed within a box made of wood and covered with silk. While stitched thread binding is largely not used anymore today, traditional scrolls and concertina binding techniques have survived modern times.

The Revival of Dragon Scale Binding

Over the course of time, the majority of dragon scale books were either lost or damaged. Before artist Zhang Xiaodong started researching on the topic and slowly reviving dragon scale binding, it was therefore at risk of becoming just another part of history and being replaced by more modern ways of bookbinding. With only one dragon scale book as an example, he spent years learning, experimenting and perfecting the craft.

Zhang undertook visits to ancient towns and heritage sites to acquire traditional bookbinding materials like rice paper, bamboo, silk, and wood. The next stage of the binding process proved to be the most critical and challenging: ensuring precise positioning of every page.

In order to create a complete picture, each sheet of paper needs to be placed meticulously in exactly the right place. An error of just a hundredth of a centimeter can result in a significant and noticeable flaw when a book’s hundreds of pages are displayed together.

Despite Zhang’s work, dragon scale bookbinding remains an endangered form of art. But growing efforts in China to preserve the country’s cultural heritage and the interest in traditional Chinese art of young artists gives hope that this ancient technique will stay alive.

Sources:

https://edition.cnn.com/style/article/china-ancient-art-dragon-scale-bookbinding/index.html

https://english.gov.taipei/News_Content.aspx?n=8988BC727AE3A8A3&s=28C27DCA614D99BA

Bei diesem Experiment wurde die Wirkung von der Größe des Design erforscht.

Hier wurde herausgefunden, dass die Größe davon abhängt wie weit eine Person von dem Design entfernt ist. Ist eine Person 2 m entfernt, reicht es aus wenn das Design eine Höhe von 10 mm hat. Bei einer Entfernung von 10m, passt eine Höhe von 50mm. Bei größeren Entfernungen wie 30 m, müsste das Design eine Höhe von 150 mm haben, damit es lesbar bleibt.

Usually, design can be classified into different eras, categories and styles. However, when we look at web design, a distinction between different styles seems very difficult. Brage (2019, p.1) writes, that there is a certain “lack of cultural analysis within web design”. She elaborates and describes that indeed the “visual evolution of the world wide web is not sorted into distinct and widely acknowledged periods or categories such as is the case with most other cultural areas like music and art”. In addition to this, the way visuals look in the online space has always been closely interlinked with the technological developments, evolving from the very first web designs in the 1990s to web 2.0 which we have today (Brage, 2019, p.20ff).

However, certain blogs and researchers attempt to distinguish between certain web design styles, albeit more research seems to be necessary to properly differentiate those and put them in their proper context. Generally, those trends differ in terms of the key visual elements used, that are

• “Color
• Shape
• Pattern
• Line
• Texture
• Visual weight
• Balance
• Scale
• Proximity
• and Movement” (Nikolov, 2017).

One blogpost on Medium names Skeuomorphism, Flat Design, Neomorphism and Glassmorphism as different design styles.

Skeuomorphism is defined by a use of textures, an interface that mimics real things, the illusion of depth and shiny buttons (Canvs Editorial, 2021).

Note. From UI Kit, by O. Clark, 2011 (https://dribbble.com/shots/306311-UI-Kit). Copyright 2011 by Orman Clark.

Flat design first came into being with Windows 8. It includes brighter colours, no textures, no illustion of depth and the whole design is generally kept in a very minimal and clean style (Canvs Editorial, 2021).

Neomorphism and Glassmorphism are seen as “postmodern” design styles that resulted from a mixture of different influences. Within Neomorphism, background and foreground usually have the same color and everything is given a “soft plastic” texture. Glassmorphism is characterized by transparent, glowy effects, blur and bright colors (Canvs Editorial, 2021).

Note. From Light Mode Simple Music Player, by F. Legierski, 2020 (https://dribbble.com/shots/9517002–Light-Mode-Simple-Music-Player). Copyright 2020 by Filip Legierski.

Note. From Glassmorphism experiment, by N. Van, 2020 (https://dribbble.com/shots/14734973-Glassmorphism-experiment). Copyright 2020 by Nick Van.

Generally, I find the differences in aesthetics very interesting. During a talk with our supervisor, the idea came up to experiment with those aesthetic differences in a free and experimental way. For example, I could create imaginary parameter sliders for characteristics and then take one interface (e.g. the clock app) and design it according to different extremes and in different styles. With remixing and bushing the boundaries of those aesthetics, new insights could be generated, albeit the functionality of all the output designs probably will be limited. However, in exactly those limitations I could possibly test out the boundaries of this. I will explore this topic deeper in the upcoming weeks…

References:

• Brage, E. (2019). The rise of brutalism and antidesign and their implications on web design history [BA thesis]. Jönköping University.
• Canvs Editorial. (2021, January 30). How visual design trends have evolved over the years. Medium. Retrieved May 9, 2023, from https://uxdesign.cc/how-visual-design-trends-have-evolved-over-the-years-730a8ed43970
• Clark, O. (2011, October 31). UI Kit. Dribbble. https://dribbble.com/shots/306311-UI-Kit
• Legierski, F. (2020, January 14). Light Mode Simple Music Player. Dribbble. https://dribbble.com/shots/9517002–Light-Mode-Simple-Music-Player
• Nikolov, A. (2017, April 23). Design principle: Aesthetics. Medium. Retrieved May 9, 2023, from https://uxdesign.cc/design-principle-aesthetics-af926f8f86fe Van, N. (2020, December 10). Glassmorphism experiment. Dribbble. https://dribbble.com/shots/14734973-Glassmorphism-experiment