Advertisement
  1. Design & Illustration
  2. Graphic Design

Smart vs. Stylish: Wie man Designprinzipien mit Designtrends in Einklang bringt

Scroll to top
Read Time: 12 min

German (Deutsch) translation by Nikol Angelowa (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Ein starkes Design ist mehr als die Anwendung von Designprinzipien. Es entspricht auch der Ästhetik, seien es Trends oder visuelle Stile, die das Projekt visuell ansprechend machen. Ebenso macht es nicht unbedingt ein tolles Design, sich allein auf einen trendigen Look zu verlassen. Diese Grundprinzipien sind unabdingbar.

In diesem Artikel werden wir die Beziehung zwischen den beiden untersuchen: Designprinzipien und Designtrends.

Was sind Designprinzipien?

Eine Einleitung

Die Designprinzipien sind eine Reihe von Werkzeugen, die Designer verwenden können, um eine erfolgreiche Komposition zu konstruieren. Sie sind auch eine großartige Quelle für das Verständnis von Design; Mit diesen Prinzipien können wir dekonstruieren und verstehen, wie die Dinge funktionieren und warum.

Design mag manchmal wie Magie erscheinen, als ob ein Blitz einschlug und etwas Mystisches passierte. In den meisten Fällen ist dies jedoch wahrscheinlich nicht der Fall – eine starke Komposition weiß beispielsweise, wie man an der richtigen Stelle Aufmerksamkeit erregt und visuelle Ergänzungen verwendet, die sich ergänzen.

Design Theory Design Theory Design Theory

Warum sind sie wichtig?

Das ist wichtig, denn Design ist nicht unbedingt „Glück“. Stellen Sie sich vor, Sie wollten ein Haus bauen, hätten aber kein Werkzeug, keine Pläne. Sie wollten einfach zufällig mit dem Bauen beginnen, ohne zu wissen, wie oder wo Sie die Dinge platzieren sollten.

Verstehen Sie mich hier nicht falsch – dieser Builder kann einige großartige Dinge leisten, aber ohne Strategie zu arbeiten ist nicht unbedingt ein Rezept für dauerhaften Erfolg.

Ich persönlich habe festgestellt, dass, sobald man sich mit Designprinzipien vertraut gemacht hat, sie sich wie ein Uhrwerk anfühlen – genau wie wenn man mit Software vertraut ist, weiß man nach einer Weile einfach, wie man bestimmte Dinge macht.

Werfen wir einen kurzen Überblick über diese Prinzipien.

Design PrinciplesDesign PrinciplesDesign Principles

Hierarchie

Stellen Sie sich Hierarchien wie ein System visueller Ordnung oder Bedeutung vor. Wenn alles in der Komposition um die Vorherrschaft kämpft, sieht es vielleicht überwältigend aus. Ebenso, wenn nichts im Mittelpunkt steht, wo suchen wir dann? Wie führen wir die Augen des Betrachters in der Komposition?

Beachten Sie im folgenden Beispiel, wie der Titel im Mittelpunkt steht – dort beginnen Ihre Augen. Ebenso spielt der Fließtext eine wesentlich ergänzende Rolle.

Hierarchy ExampleHierarchy ExampleHierarchy Example

Rhythmus und Wiederholung

Wenn sich Dinge wiederholen, neigen sie dazu, miteinander zu verschmelzen. Denken Sie zum Beispiel an gemusterte Tapeten. Die sich wiederholenden Elemente beginnen sich erwartet und atmosphärisch anzufühlen, als kleiner Teil eines größeren Ganzen.

Wir können auch Wiederholungen verwenden, um ein Gefühl der Harmonie zu schaffen – etwa wenn übereinstimmende Fußzeilenelemente mehrere Seiten in einem Dokument überqueren oder andere visuelle Elemente, die sich ständig wiederholen.

Beachten Sie im folgenden Beispiel, dass die Kreise nicht variieren. Sie wiederholen sich und fühlen sich an wie ein durchgehendes Muster.

Rhythm ExampleRhythm ExampleRhythm Example

Vielfalt

Ich betrachte Abwechslung oft als das Gegenteil von Rhythmus und Wiederholung. Hier geht es nicht ums Wiederholen; Hier geht es darum, Dinge zu vermischen und aufzufallen. Abwechslung weckt oft Interesse. Beobachten Sie beispielsweise unten, wie sich das große rote Rechteck von allen kleineren grauen Dreiecken abhebt.

Wieso den?

Dieses Rechteck ist größer, hat eine andere Farbe und eine andere Form – es zieht also wirklich unsere Aufmerksamkeit auf sich.

Variety ExampleVariety ExampleVariety Example

Kontrast

Ein einfacher Weg, um Kontrast zu beschreiben, könnte "Hell und Dunkel" lauten - sie sind Gegensätze. Kontrast als Gestaltungsprinzip ist jedoch etwas komplizierter. Wir können zum Beispiel auch Kontraste verwenden, um Abwechslung oder Interesse zu schaffen. Wir können Kontrast verwenden, um die Lesbarkeit und/oder Sichtbarkeit zu ändern.

Beachten Sie im unteren Beispiel den starken Kontrast zwischen Schwarz und Weiß – im Gegensatz zu der geringeren Intensität der grauen Muster.

Contrast ExampleContrast ExampleContrast Example

Gleichgewicht

Balance, wie es sich anhört, bezieht sich auf ein visuelles Gefühl von Gewicht. Wenn sich beispielsweise der Großteil des Inhalts auf der rechten Seite der Komposition befindet, wird die Balance wahrscheinlich als asymmetrisch angesehen. Kompositionen können auch eine symmetrische oder radiale (wie nach außen strahlende) Balance haben.

Allerdings ist Design oft komplizierter als „alles in Ordnung bringen“ – es geht um Nähe, visuelle Beziehungen und darum, dass die Teile der Komposition auf einheitliche Weise ausbalanciert werden.

Balance ExampleBalance ExampleBalance Example

Anteil und Maßstab

Wenn Sie an Proportionen denken, denken Sie vielleicht an die Größe von etwas – insbesondere an die Größe im Verhältnis zu etwas anderem. So funktioniert auch dieses Konstruktionsprinzip. Beispielsweise kann der Titel in einer Komposition viel größer sein als der Fließtext. Auf diese Weise können wir die Skalierung verwenden, um mit diesen Größenbeziehungen zu experimentieren.

Nähe und Verhältnis werden manchmal mit diesen Prinzipien gruppiert, da sie sich mit den visuellen Beziehungen befassen, die Teile Ihrer Komposition teilen.

Beachten Sie beispielsweise, wie die Wörter "Hallo da" sowohl aufgrund der Größe als auch der räumlichen Beziehung wie eine fortlaufende Phrase aussehen. Wenn wir Abstand zwischen ihnen hinzufügen und die Skalierung variieren, stehen sie plötzlich nicht mehr in der gleichen Weise in Beziehung.

Scale ExampleScale ExampleScale Example

Betonung

Betonung ist Ihr Fokus – es ist ein Point of Interest, den Ihre Zuschauer sehen sollen. Dies wird oft durch Abwechslung erreicht, wie wir bereits besprochen haben, aber wir könnten viele verschiedene Strategien anwenden, um Akzente zu setzen.

Beachten Sie zum Beispiel, wie das florale Element auf das Wort "Titel" "zeigt" - es treibt unsere Augen durch Bewegung dorthin. Die Welt "Titel" ist auch ziemlich groß und dunkel. Es erfordert unsere Aufmerksamkeit!

Emphasis ExampleEmphasis ExampleEmphasis Example

Bewegung

Schauen wir uns die Bewegung an! Wie der Name schon sagt, geht es darum, den Blick des Betrachters durch die Komposition zu führen. Denken Sie an die vorgefassten Assoziationen Ihres Zuschauers. Viele Betrachter lesen von oben nach unten und von links nach rechts – wir können dieser Assoziation beim Erstellen einer Komposition Rechnung tragen. Wir können jedoch auch Farbe, Wert, Linie und eine Reihe von Elementen der Kunst verwenden, um Bewegung zu implizieren.

Beachten Sie im folgenden Beispiel, wie die Pflanzenstängel den Blick auf die Überschrift zu lenken scheinen. Sie "zeigen" darauf.

Movement ExampleMovement ExampleMovement Example

Einheit

Einheit ist die Ziellinie – es ist vielleicht das am schwierigsten zu erfassende Designprinzip, weil es ein allgemeines Gefühl der Vollendung ist. Alles ist vorhanden. Alles arbeitet zusammen, um eine solide Komposition zu schaffen, die visuell zugänglich und ansprechend ist.

Unity ExampleUnity ExampleUnity Example

Beispiele für Designprinzipien im Einsatz

Lassen Sie uns die Prinzipien des Designs an einem realen Beispiel aufzeigen. Dieses Posterdesign unten wurde von Joe Caroff für West Side Story (der Film von 1961) entworfen.

Denken Sie darüber nach, wohin Ihre Augen anfangs "gehen". Ich würde argumentieren, dass die Betonung auf dem Titel liegt – er ist sehr groß und erregt unsere Aufmerksamkeit.

Wir sehen hier einen interessanten Kontrast – die Figuren sind gleich, aber ein Satz ist schwarz und der andere weiß. Dies kommuniziert visuell in Bezug auf die Geschichte selbst.

Die Balance ist asymmetrisch, was zu einer eher informellen Ästhetik führt. Es gibt hier eine interessante Bewegung, die durch die leiterartigen Formen angedeutet wird. Beachten Sie den Maßstab in der Typografie; Sehen Sie die Hierarchie? Der Text wird kleiner und schafft hier ein Bedeutungssystem (d. h. der Titel ist in Bezug auf die Sichtbarkeit "wichtiger" als einige der ergänzenden Credits).

Sehen Sie, welche anderen Designprinzipien Sie hier entdecken können!

West Side Story Movie PosterWest Side Story Movie PosterWest Side Story Movie Poster
"West Side Story" (1961 Movie) Poster, entworfen von Joe Caroff

Was ist ein Designtrend?

Die Kunst, großartig auszusehen

Aber Design ist mehr als nur Prinzipien – es geht auch darum, gut auszusehen, und „was gut aussieht“ ist nicht immer gleich. Dinge wie Kultur, Zeitraum und Branche können wirklich beeinflussen, „was gut aussieht“ – oder was beliebt ist.

Erinnern Sie sich, wie beliebt Flanell in den 90er Jahren war? Nun, vielleicht oder auch nicht, abhängig von Faktoren wie Wohnort und Alter – und darum geht es.

Während einige visuelle Trends universell erscheinen mögen, ist es wichtig zu wissen, dass wir alle eine Erfahrung machen, die uns gehört. Es ist wichtig, die Erfahrungen und vorgefassten Meinungen des Betrachters zu beachten. Ein blindes Aufspringen auf einen Trend kann zu einer fehlgeleiteten Richtung führen.

Wir müssen unser Publikum kennen, um unser Publikum zu erreichen.

Design TrendsDesign TrendsDesign Trends

Warum sind sie wichtig?

Das Leben wäre vielleicht viel einfacher, wenn wir nur in einer kleinen Blase leben würden – aber so funktioniert Design oft nicht, besonders wenn es kommerzieller Natur ist. Wenn du für dich selbst erschaffst, gut – du tust es. Wenn Sie jedoch für einen Markt entwerfen, ist es im Allgemeinen eine gute Idee zu wissen, was vor sich geht – was ist beliebt? Was ist interessant? Welche Ästhetik schwingt gerade mit? Und vor allem, wie kommuniziert Ihre Arbeit aufgrund dieser Informationen an dieses Publikum?

Das heißt nicht, dass wir das Populäre blindlings kopieren sollten. Was ich sage ist, es ist eine gute Idee, sich dessen bewusst zu sein, was vor sich geht. Dann können wir darauf einspielen – machen Sie es zu unserem eigenen. Selbst wenn Sie sich gegen den aktuellen Trend entscheiden, könnte dieser Ansatz durch Bewusstsein noch wirkungsvoller werden.

Design TrendsDesign TrendsDesign Trends

Beispiele für Designtrends

In den 80er Jahren war der großzügige Einsatz von Farbe (oft gesättigte oder Pastelltöne) und geometrischer Einfluss eine beliebte Ästhetik. Es ist eines, das wir in letzter Zeit ein bisschen nostalgisch erlebt haben.

Wenn wir zum Beispiel etwas entwerfen wollten, das diesem Gefühl der Nostalgie Rechnung trägt, müssen wir uns bewusst machen, was diese Ästhetik "ticken" lässt – was sind die visuellen Hinweise aus Lehrbüchern, die die Zuschauer erwarten würden? Wenn wir eine Ästhetik nicht verstehen, können wir sie wahrscheinlich nicht gut einfangen.

80s Inspired Design Typeface80s Inspired Design Typeface80s Inspired Design Typeface
Thunderstorm 80er inspirierte Schrift von Aiyari - Envato Elements

Der Wert und die Inspiration im "Alten"

Aber Trends kommen und Trends gehen – wir sehen das in allen Arten von Kunst und Medien – und dann kommt manchmal die Ästhetik wieder zurück.

Warum sich überhaupt die Mühe machen, wenn es nicht von Dauer ist?

Sehen Sie sich dieses Werk von Wassily Kandinsky mit dem Titel "Komposition VIII" von 1923 an. Diese geometrische Abstraktion hat mich schon immer eher an die in den 80er Jahren populäre Verwendung der Geometrie erinnert.

Sie sind sicherlich nicht die gleichen – man kann mit Sicherheit sagen, dass Kandinskys Prozess und Absicht wahrscheinlich(stark) von denen eines kommerziellen Designs von 1985 abwichen – aber das Experimentieren mit Geometrie, ihrer Bewegung, wenn sie zusammen verwendet wird, und mit Farbe ist für beide von grundlegender Bedeutung. Geometrie kann sehr ausdrucksstark und schön sein.

Mein Punkt ist, dass Ästhetik nicht unbedingt "sterblich" ist - tatsächlich haben sie oft einen fortdauernden Wert, selbst nachdem sie "ihre Zeit gehabt haben".

Ich denke, es ist sehr wertvoll, Kunst und Design aus der Vergangenheit zu betrachten – und das gilt für praktizierende Designer, nicht ausschließlich für Akademiker!

Wassily Kandinsky Composition VIIIWassily Kandinsky Composition VIIIWassily Kandinsky Composition VIII
Wassily Kandinsky, "Komposition VIII", 1923

Wie Theorie und Ästhetik zusammenhängen

Eine erfolgreiche Partnerschaft

Wie hängen also Designtrends und Designprinzipien zusammen?

Ich würde argumentieren, dass sie eine sehr wertvolle, erfolgreiche Partnerschaft bilden. Wenn wir zusammen verwendet werden, haben wir möglicherweise eine Komposition, die sowohl gut konstruiert als auch auf eine besonders relevante Weise visuell interessant ist.

Aber wenn wir die Prinzipien des Designs kennen, warum dann überhaupt auf Trends achten?

Stellen Sie sich ein Design vor, das gut komponiert ist, aber ästhetisch aus dem Gleichgewicht geraten ist. Es mag langweilig oder uninteressant erscheinen.

Wenn wir also eine Ästhetik in- und auswendig kennen, warum sollte man sich dann überhaupt mit Theorie beschäftigen?

Stellen Sie sich vor, Sie verlassen sich auf Trends, wissen aber nicht, wie man Hierarchien oder Akzente in der Komposition setzt. Es könnte ein "schönes Durcheinander" sein.

Design Trends and Design TheoryDesign Trends and Design TheoryDesign Trends and Design Theory

Ein Beispiel in drei Ästhetiken

Um diese Idee weiter zu erforschen, betrachten wir dasselbe Design, dreimal neu gemacht, alle mit einer anderen ästhetischen Richtung. Sie werden feststellen, dass das Design selbst in Bezug auf die Theorie nicht viel anders ist – nichts wurde "bewegt" (obwohl es schwierig ist, eines der Prinzipien nicht zu berühren, wenn Sie eine Komposition ändern!).

Hier ist unser erstes Design. Ich habe ein einfaches Filmplakat für einen Film namens "The Design" erstellt.

Example PosterExample PosterExample Poster

Beispiel 2

Dieses zweite Beispiel verwendet lebendige Farben und eine abwechslungsreiche Typografie. Wie kommuniziert es Ihnen visuell? An welche Assoziationen denken Sie dabei?

Example PosterExample PosterExample Poster

Beispiel 3

Und hier ist eine andere Version dieses Designs. Achten Sie auf die kommunikativen Qualitäten der Visuals – aus dieser Perspektive zu arbeiten kann einen Unterschied machen.

Denken Sie jedoch daran, dass die kommunikativen Aspekte des Designs größer sind als wir selbst. Wir müssen oft über die Zielgruppe und ihre Perspektive nachdenken – nicht nur unsere eigene (es sei denn, es handelt sich natürlich um persönliche Arbeit).

Example DesignExample DesignExample Design

Ein Beispiel in drei Kompositionen

Nehmen wir nun dieselbe Prämisse und drehen sie um – dieselbe Ästhetik, aber drei verschiedene Kompositionen. Ich werde die gleichen Bilder, Farben und Schriftarten verwenden, aber ich werde die Dinge ändern, indem ich die Designprinzipien als Leitfaden verwende.

Dieses Mal habe ich ein einfaches Poster für eine Weltraumdokumentation erstellt.

Example PosterExample PosterExample Poster

Beispiel 2

Beachten Sie, dass das Verhältnis und die Nähe der Elemente in diesem Design geändert wurden. Dazu gehört auch die Beziehung zum Hintergrundfoto.

Ändert sich dadurch, wie Sie die Informationen "lesen"? Wo „bewegen“ sich deine Augen auf natürliche Weise?

Example PosterExample PosterExample Poster

Beispiel 3

Und hier ist das letzte Beispiel. Diesmal ist die Balance asymmetrisch und der Slogan wird stärker betont.

Es gibt viele Dinge, die wir mit dieser Komposition potenziell machen könnten. Welche war Ihrer Meinung nach am erfolgreichsten?

Der Punkt hier ist, dass uns die Prinzipien des Designs mit der Theorie ausrüsten, um eine gut komponierte Komposition zu schaffen. Dies kann im Allgemeinen für jede Ästhetik, jedes Projekt, jede Analyse verwendet und angewendet werden.

Example PosterExample PosterExample Poster

Verwenden Sie beide, um Ihr Projekt zu erstellen

Fabelhafte Form und Funktion

Wie verwenden wir also das, was wir hier besprochen haben – wie setzen wir Theorie und Ästhetik erfolgreich ein?

Persönlich betrachte ich die Prinzipien des Designs als mein Werkzeug. So werde ich dieses Haus bauen.

Ästhetik hilft mir, den Grundriss herauszufinden. Die Prinzipien sind mein Mittel, um diesen Grundriss zu erstellen, aber auch die Ästhetik hat viel mit diesem Prozess zu tun – wie wird dieses Haus aussehen und warum? Wir bauen im Allgemeinen keine Struktur ohne Absicht und Richtung.

ExperimentExperimentExperiment

Inspiration als Ausgangspunkt

Heben Sie Designbücher auf. Lesen Sie Designblogs. Schauen Sie sich die Portfolios anderer Künstler an. Beobachten Sie die Welt um Sie herum – nicht nur als Verbraucher, sondern auch als Schöpfer.

Wenn ich ein neues Projekt starte, insbesondere im Design oder Branding, beginne ich gerne mit der Recherche. Schauen Sie sich nicht nur die Konkurrenz an – schauen Sie sich alle möglichen Dinge an, die für Ihr Publikum relevant sind. Seien Sie sich bewusst, was bei ihnen beliebt ist. Selbst wenn Sie persönlich arbeiten, können Sie Inhalte sammeln, die Sie inspirieren – und dann versuchen zu verstehen, warum.

Wenn Sie zusätzliche Übung wünschen, versuchen Sie, einige Ihrer Lieblingswerke zu analysieren. Wo sehen Sie die Prinzipien des Designs in Aktion? Was sind die Schlüsselelemente dieser Ästhetik?

Design Principles and Design TrendsDesign Principles and Design TrendsDesign Principles and Design Trends

Auf gutes Design!

Vielen Dank, dass Sie sich mir bei dieser Erkundung von Designprinzipien und Designtrends anschließen! Ich hoffe es hat Ihnen gefallen und wünsche Ihnen alles Gute bei Ihren kreativen Aktivitäten. Viel Spaß beim Gestalten!

Design Theory and Design TrendsDesign Theory and Design TrendsDesign Theory and Design Trends

Wenn Ihnen dieser Artikel gefallen hat, sind hier einige andere, die Ihnen gefallen könnten!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads