Theorie des Grafikdesigns – Hierarchie | Martin Perhiniak | Skillshare
Suchen

Playback-Geschwindigkeit


1.0x


  • 0.5x
  • 0.75x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Theorie des Grafikdesigns – Hierarchie

teacher avatar Martin Perhiniak, Graphic Designer, Illustrator & Educator

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:12

    • 2.

      Hierarchie-Grundlagen

      5:03

    • 3.

      Markante Details

      5:19

    • 4.

      Information nach Priorität ordnen

      5:04

    • 5.

      Ausrichtung und Gruppierung

      6:25

    • 6.

      Struktur und Anordnung

      6:35

    • 7.

      Brennpunkt

      6:57

    • 8.

      Eingangspunkt

      4:04

    • 9.

      Dominanz

      4:36

    • 10.

      Skalierung

      6:42

    • 11.

      Position

      7:00

    • 12.

      Ausrichtung

      5:22

    • 13.

      Proportion und Übertreibung

      7:27

    • 14.

      Aussagebezogene Dichte

      6:46

    • 15.

      Schlussbemerkung

      1:23

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

309

Teilnehmer:innen

4

Projekte

Über diesen Kurs

Kontrolliere, wie deine Zuschauer deine Designs erleben!

Wie kannst du sicherstellen, dass die Leute zuerst den Titel eines Artikels lesen, dann das Pull-Zitat mit einem saftigen Fragment der Geschichte und erst dann zum Textkörper übergehen?

Als Grafikdesigner kannst du deinen Zuschauern keine Anweisungen geben, wie du deine Arbeit nutzen sollst, oder? Es muss also eine andere Möglichkeit geben, die Menschen zu informieren, was sie tun müssen und wo sie die Informationen finden, nach denen sie suchen.

Die magische Lösung ist visuelle Hierarchie.

Was wir in dem Kurs behandeln werden

  • Brennpunkt,
  • Einstiegspunkt
  • Dominanz
  • Schwerpunkt
  • Skala
  • Position
  • Proportion
  • Übertreibung
  • Ausschlussdichte
  • und alles andere, was dir helfen kann, deine Designs strukturiert und einfach zu verwenden.

Wir werden auch Hunderte von erstaunlichen Designs aus allen Bereichen des Grafikdesigns analysieren, damit du alle Begriffe und Regeln, die in dem Kurs behandelt werden, leicht visualisieren und verstehen kannst.

Wenn du diese Beispiele – sowohl gute als auch schlechte – durchgehst, wirst du diese Prinzipien in der Wirkung sehen und ein Gefühl für die richtige visuelle Hierarchie entwickeln, die dir während deiner kreativen Karriere von großem Nutzen sein wird.

Für wen ist dieser Kurs gedacht?

  • Jeder, der in die Kreativbranche einsteigen möchte
  • Kreative Profis, die ihre Kompositionen verbessern möchten
  • Marketingmanager, die mit Agenturen und Druckservices arbeiten

Praktische Ratschläge mit unschätzbaren Brancheneinblicken.

Dies ist überhaupt kein abstrakter theoretischer Kurs, sondern ein sehr praktischer. Als professioneller freiberuflicher Designer werde ich dir meine mehr als 20 Jahre Erfahrung mit der Verwaltung von 100 hoch bezahlten Projekten von einfach bis komplex geben, von kleinen Geschäften bis hin zu globalen Marken wie Disney und Lego.

Tatsächlich habe ich mehr als ein Jahr lang in einer speziellen Beraterrolle für Adobe gearbeitet und ihren geschätzten Kunden Design-Workflows und Prozesspraktiken beigebracht.

Und ich kann dir mit Zuversicht versprechen, dass dieser Teil der Theoriereihe für Grafikdesign dich buchstäblich auf die nächste Stufe als Designer heben wird und dir einen großen Vorteil verschafft, ob du gerade erst anfängst oder bereits seit Jahren als Designer arbeitest.

Ich ermutige dich sehr, alle bereits veröffentlichten Kapitel dieser Serie hier auf Skillshare zu sammeln. Trotzdem ist dieser Kurs ein vollständiges, eigenständiges Lernprogramm, das dir einen großen Wert für sich allein bietet.

Komm, begleite mich auf dieser aufregenden Reise, lass uns die erstaunliche Welt des Grafikdesigns gemeinsam erkunden!

Triff deine:n Kursleiter:in

Teacher Profile Image

Martin Perhiniak

Graphic Designer, Illustrator & Educator

Top Teacher

Martin is a Certified Adobe Design Master and Instructor. He has worked as a designer with companies like Disney, Warner Brothers, Cartoon Network, Sony Pictures, Mattel, and DC Comics. He is currently working in London as a designer and instructor as well as providing a range of services from live online training to consultancy work to individuals worldwide.

Martin's Motto

"Do not compare yourself to your role models. Work hard and wait for the moment when others will compare them to you"

Vollständiges Profil ansehen

Skills dieses Kurses

Design Grafikdesign
Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Wie können Sie sicherstellen , dass die Leute zuerst den Titel eines Artikels lesen, dann den Umfragecode mit einem interessanten Fragment der Geschichte und erst dann zum Haupttext übergehen. Als Grafikdesigner können Sie Ihren Zuschauern in den meisten Fällen keine Anweisungen geben , wie sie Ihre Arbeit verwenden sollen. Es muss eine andere Möglichkeit geben, die Leute wissen zu lassen, was zu tun ist und wo sie die Informationen finden , nach denen sie suchen. Die magische Lösung ist eine visuelle Hierarchie. In diesem Kurs behandeln wir den Schwerpunkt, den Einstiegspunkt, die Dominanz, die Betonung, den Maßstab, die Position, Proportionen, die Übertreibung, die Dichte der Aussagen und alles andere, was Ihnen helfen kann, Ihre Designs strukturiert und benutzerfreundlich zu gestalten Ihre Designs strukturiert und Außerdem analysieren wir Hunderte fantastischer Designs aus allen Bereichen des Grafikdesigns, damit Sie alle in diesem Kurs behandelten Begriffe und Regeln auf einfache Weise visualisieren und verstehen alle in diesem Kurs behandelten Begriffe und Regeln auf einfache Weise visualisieren und Zusammen mit dem spannenden Klassenprojekt , das Sie hoffentlich am Ende des Kurses abschließen werden, haben Sie auch das Analyse-Arbeitsblatt und das Begriffs-Glossar , mit denen Sie alles, was Sie gelernt haben, in die Praxis umsetzen können Ich hoffe, Sie freuen sich genauso wie ich darauf, loszulegen und in das Meer des Wissens und der schönen Grafikdesign-Beispiele einzutauchen und der schönen Grafikdesign-Beispiele 2. Hierarchie-Grundlagen: Da Grafikdesign eine Form der visuellen Kommunikation ist , müssen wir bei jedem Entwurf etwas am wichtigsten sein, dass unsere Botschaft klar sein muss. Wir denken darüber nach zu sprechen, was offensichtlich die gebräuchlichste Art der Kommunikation ist. Wir beziehen uns normalerweise auf jemanden, der die Dinge gut erklären kann. Sie sind prägnant, sie sind klar, sie kommen auf den Punkt und sind leicht zu folgen. Gute Redner lernen, wie man das Publikum engagiert und Techniken wie das Erheben ihrer Stimme an bestimmten Stellen einsetzt, längere Pausen für dramatische Effekte einhalten kann Wörter wiederholen ein paar Zeiten oder sogar volle Sätze zur Betonung und Variation der Geschwindigkeit, mit der sie sprechen. Manchmal werden sie vielleicht langsamer und buchstabieren wirklich ein paar Worte, während die Zeiten, in denen sie das Tempo aufnehmen und schneller werden. All dies gibt also Möglichkeiten, die wir in unserer Rede nutzen können, um die Menschen zu beschäftigen und sie für das, was wir sagen, zu interessieren. Denn das Schlimmste , was Sie tun können, ist, Dinge auf monotone Weise zu sprechen oder zu lesen. Also keine Abwechslung zu haben und keine dieser Techniken anzuwenden , die ich zuvor erwähnt habe. Jetzt haben Sie vielleicht schon bemerkt , dass ich durch die Beschreibung des Sprechens bereits einige Wörter erwähnt habe, die wir in der visuellen Kommunikation und im Grafikdesign verwenden, wie Betonung, Wiederholung, negativer Raum, was einer Pause in Sprache, Vielfalt und Umfang entspricht, die dem Lautstärke der Rede entsprechen würde . Und vergessen wir natürlich nicht, wann ein Redner anwesend ist. So können wir sie auch sehen. Höchstwahrscheinlich werden sie auch die Dinge artikulieren, über die sie sprechen , mit ihren Händen und vielleicht sogar mit dieser Haltung. Und das fügt eine ganz andere Ebene der Effektivität der Kommunikation eine ganz andere Ebene hinzu, die erneut einer dynamischen Komposition im Grafikdesign, einer ausgewogenen Richtung und einer dynamischen Komposition entspricht einer dynamischen Komposition im Grafikdesign, einer ausgewogenen Richtung und einer dynamischen bewegungen werden alle genutzt. Der größte Unterschied zwischen gesprochenen Wörtern oder Sprache und visueller Kommunikation oder Grafikdesign besteht jedoch und visueller Kommunikation oder darin, dass Sprache folgt, eine starre lineare Struktur, in der wir jedes Wort so verstehen müssen , wie es ist Coming Untereinander. Wir haben also keine andere Wahl, als diese Wörter in der gleichen Reihenfolge zu verarbeiten , in der sie gesprochen wurden. Sie im Falle einer visuellen Kommunikation Nehmen Sie im Falle einer visuellen Kommunikation dieses Poster als Beispiel. Es gibt keine lineare Struktur, daher ist es Sache des Betrachters, zu entscheiden , welche Informationen er zu lesen beginnt oder auf die Aufmerksamkeit zu achten beginnt. Vergessen wir nicht, dass wir im Grafikdesign nicht nur Wörter verwenden. Wir arbeiten auch mit Bildern, Farben, Formen und Texturen. also im Falle dieses Flyers beispielsweise garantieren, Was wird also im Falle dieses Flyers beispielsweise garantieren, dass der Betrachter die Entzündung in der beabsichtigten Reihenfolge durchläuft , in der Reihenfolge, der der Kunde in diesem Fall, dieser Balken würde bevorzugen und was der Designer etablieren sollte. Denn denken Sie daran, dass der Designer fast wie ein Sprecher für seinen Kunden ist . Sie versuchen, unabhängig von den Nachrichten zu kommunizieren und sicherzustellen, dass die Zuschauer Lage sind, die Informationen wahrzunehmen und alle relevanten als notwendigen Informationen zu finden, die sie suchen denn ohne Frustration. Wenn Sie diesen Flyer ein wenig analysieren, werden Sie wahrscheinlich denken, dass die meisten Zuschauer zuerst versuchen werden, alles zu lesen, was hier geschrieben wird. Und warum sollten Sie denken, dass dies hauptsächlich, weil dies der größte Text auf dem Flyer ist, aber auch weil er der größte Text auf dem Flyer ist, in der oberen linken Ecke positioniert ist, was für die meisten Menschen in westlichen Ländern ist, wäre der Ort, an dem wir anfangen, etwas zu lesen. Aber neben seiner Skala und Position macht dieses Element auch hervorzuheben, dass wir hier den höheren Kontrast innerhalb der Komposition haben . Das ist vielleicht etwas , das zunächst nicht offensichtlich ist. Aber wenn Sie darüber nachdenken, ist die Hintergrundfarbe fast wie ein perfekter Mittelton, also ist es nicht dunkel, sie ist nicht hell, sie ist irgendwo in der Mitte. Obwohl der Text offensichtlich der hellste ist, wie er sein kann, verwendet er reines Weiß. Aber hinter der Steuer haben wir dieses dunklere Bild eines Gehirns, das näher an einem Schatten liegt, wenn wir über den Tonumfang dieser Komposition sprechen. dunkelviolette oder blaue Farbton , der für die Illustration und auch für ein paar zusätzliche Elemente innerhalb der Komposition verwendet wird, ist also , der für die Illustration und auch für ein paar zusätzliche Elemente innerhalb der Komposition verwendet auch für ein paar zusätzliche Elemente innerhalb der wird, ist das dunkelste Detail innerhalb der Komposition. Und dies ist der einzige Bereich, in dem es Pad ist oder mit den hellsten Details in der Komposition kombiniert wird. Wir haben also die hellsten und dunkelsten Details an einem Ort zusammen. Und das schafft einen Brennpunkt indem der höchste Kontrast verwendet wird. 3. Markante Details: Aber es gibt auch ein paar interessante Techniken, die dieses Detail in der Komposition hervorheben. Einer von ihnen ist ziemlich offensichtlich, da Sie sehen können, dass ich dieses Rechteck um diesen Titel und Untertitel erstellt habe, es bildet ein perfektes Rechteck. Selbst ohne dieses Detail zu gestalten, können wir sofort eine Form sehen, die es zusammenhält, die wir normalerweise als Gruppierung oder gemeinsame Regionen nach den Gestaltprinzipien bezeichnen . Und ich könnte weiter auf zusätzliche Details eingehen , die rechtfertigen würden , warum dieses Detail das prominenteste in der Komposition sein wird . Aber hoffentlich können Sie jetzt sehen, dass es eindeutig eine absichtliche Entscheidung ist eindeutig eine absichtliche Entscheidung die der Designer hier getroffen hat, dass diese Informationen das erste sind , was die meisten Zuschauer haben dass wir uns anschauen werden. Nehmen wir an, wir stimmen zu, dass dies das erste ist , worauf die Zuschauer achten werden. Aber was passiert eigentlich, wenn sie sich dieses Detail ansehen? Werden sie es lesen? Oder vielleicht springen sie schnell zu einem anderen Detail innerhalb der Komposition. Nun, in diesem Fall ist es wieder sehr interessant, dass dieser Titel, obwohl er nicht der prominenteste ist, es ist eigentlich nicht der einfachste zu lesen. Und warum ist das so? Denn zuallererst haben wir zwei Wörter, Gehirn und Belastung, die in vier Zeilen unterteilt sind. Obwohl dies der größte Typ ist, ist er immer noch bei weitem nicht der einfachste zu lesende. Und indem Sie diese Steuer auf diese bestimmte Weise aufteilen , wenn Sie auf jede Zeile achten. Also haben wir BR in der ersten Zeile als AIM in der zweiten, dann SDR und dann Ai. Und wieder ergibt keiner von diesen alleine einen Sinn. Wenn also jemand nur schnell durch diese Zeilen blickt, möglicherweise nicht zusammenstellen, was liest, verglichen mit wenn Sie mindestens eines der Wörter in einer einzigen Zeile wie Gehirn haben , das würde die Lesbarkeit dieses Titels enorm beschleunigen . Jetzt ist die Quiznacht natürlich viel einfacher zu lesen, obwohl sie kleiner ist, da sie in einer einzigen Zeile ist, sehr schnell und einfach zu erkennen ist, aber der springende Punkt, den Titel schwer zu machen lesen ist, die Zuschauer ein wenig herauszufordern und ihnen etwas zum Nachdenken zu geben, was perfekt für das Thema dieser Quiznacht funktioniert , bei der es darum geht, dein Gehirn zu denken und zu benutzen. Aber neben der Tatsache ist etwas kryptische Art Typ Arbeiten mit dem Thema dieses Ereignisses auszulegen , wird auch sicherstellen, dass der Betrachter dieses Detail nicht nur zuerst betrachten, sondern ihnen das geben wird eine kleine Herausforderung, die sie dazu bringen wird, sich diesen Flyer anzusehen. Da wir alle den ganzen Tag über mit visuellen Informationen bombardiert werden , ist alles, was die Aufmerksamkeit des Betrachters für mindestens ein paar Sekunden auf sich ziehen kann , bereits ein erfolgreiches Design. Also in diesem Fall hat der Designer und nur geschafft, um sicherzustellen, dass wir alle zuerst die wichtigsten Informationen betrachten werden , aber auch uns engagiert und vielleicht sogar unterhalten dieses kleine kryptische Topographie-Spiel. Diese Technik wird auch sehr häufig schriftlich verwendet, wo eine Geschichte mit einer faszinierenden Frage beginnen könnte. Oder selbst wenn Sie an Videos oder Artikel im Internet denken, funktionieren Klickköder sehr ähnlich. Wir wollen sofort den Rest der Geschichte herausfinden. Und im Falle dieses Feuers werden sie nach dieser ersten Information, die sie gesehen haben, höchstwahrscheinlich die Abbildung betrachten, die ein ziemlich großes Detail ist und auch dem Titel auf der linken Seite ziemlich nahe kommt . Aber danach ist es schwieriger zu sagen, was sie als nächstes lesen werden . Aber um ehrlich zu sein, an dieser Stelle, da sie den Flyer bereits halten und ein paar Sekunden damit verbracht haben, ihn durchzugehen. Sie sind bereits süchtig und werden sich höchstwahrscheinlich daran erinnern, dass dieses Ereignis stattfindet. Alle zusätzlichen Informationen, die sie lesen, sind in gewisser Weise nur ein Bonus. Aber wenn Sie versuchen, diese Elemente zu analysieren, also die Zeit und der Tag hier oben rechts, die Tatsache, dass es freier Eintritt ist, und dann diese zusätzlichen Anreize hier unten, trinken Specials und wann tausend Dollar Bargeld, wir können argumentieren, dass diese untere linke Ecke höchstwahrscheinlich die prominenteste sein wird. Hauptsächlich wegen seiner Größe, aber auch noch einmal, weil wir die beiden höchsten Kontrastdetails nebeneinander haben , aber auch weil sie gut unter dem Titel angelegt sind dass wir ursprünglich rot sind. Sobald diese vertikale Leserichtung festgelegt wurde, ist es einfacher, den Betrachter in die gleiche Richtung zu halten . Aber von hier aus würden sie höchstwahrscheinlich zur freien Eintrittskopie springen , da dies dem nächsten ist , wo sie waren. Und von hier aus werden sie höchstwahrscheinlich zu den letzten Informationen gehen . Und als sie dort ankommen, sie höchstwahrscheinlich bereits entschieden, dass sie daran interessiert sind , zu dieser Veranstaltung zu gehen. Und das ist der perfekte Moment, um ihnen diese Informationen zur Verfügung zu stellen. Denn wenn Sie darüber nachdenken, es nicht sinnvoll, jemandem mitzuteilen , wann ein bestimmtes Ereignis stattfindet , bevor Sie ihm überhaupt sagen , warum er überhaupt dorthin gehen sollte. 4. Information nach Priorität ordnen: wir nun die Bedeutung der visuellen Hierarchie verstehen , schauen wir uns einige andere Beispiele an und schauen andere Möglichkeiten und Methoden um Informationen erfolgreich zu priorisieren. Wir haben bereits einige Möglichkeiten gesehen, wie die Grafikdesigner ein bestimmtes Detail innerhalb einer Komposition hervorheben und sicherstellen können ein bestimmtes Detail innerhalb einer Komposition hervorheben und sicherstellen , dass dies für den Betrachter prominent wird. Aber obwohl wir sehen werden, dass diese auch in den anderen Kompositionen angewendet werden, gibt es viele andere Möglichkeiten, wie Sie Ihren Betrachter wieder durch das Design führen können . Ich bin eine dieser Methoden ist die Ausrichtung. Wenn wir uns dieses Beispiel ansehen, können wir sehen, dass alle wichtigen und relevanten Informationen hier im Mittelpunkt stehen. Und wir haben sowohl links als auch rechts ziemlich viel negativen Platz. Beibehaltung der wichtigsten visuellen Interessen für die untere Hälfte der Komposition. Wo haben wir diese coole Illustration im Papierschnitt oder Origami-Stil eines Campingplatzes. Aber wenn wir uns diese Komposition genauer ansehen, abgesehen davon, dass wir wieder eine sehr erkennbare rechteckige Form haben, wir wieder eine sehr erkennbare rechteckige Form haben größten Teil der Typografie in dieser Struktur zusammenhält , wir haben auch eine kleinere Form und tatsächlichen Rahmen, der einige der Informationen zusammenhält. Und dies ist wieder etwas , das wir als Gruppe oder Gruppierung der Informationen bezeichnen würden . Und obwohl es auf den ersten Blick so aussieht, als hätten wir eine zentrale Wirbelsäule oder Struktur für die Information. Indem wir es weiter analysieren, können wir sehen, dass wir im Inneren auch diese kleineren Abschnitte haben, das Logo oben , den Titel und das Datum hier in der Mitte, diese kleinere Gruppe darunter. Und dann auch das tatsächliche Datum ganz unten in diesem kreisförmigen Rahmen , der eher wie ein Aufkleber oder eine Bank aussieht. Also Vd in der Hauptgruppe haben wir diese Untergruppen von Informationen. Egal wie viele Informationen Sie in einer Komposition anzeigen müssen, Gruppierung hilft Ihren Zuschauern immer , sich auf kleinere Informationsstücke konzentrieren zu können , anstatt von allem überwältigt zu sein , was sie sehen. Im Falle dieses Musikfestivals haben wir immer noch eine mittelorientierte Komposition. Und deswegen fühlt es sich auch sehr symmetrisch an. Aber innerhalb dessen werden hier die ersten und wichtigsten Informationen oben angezeigt, nämlich der Name, der Ort und das Datum der Veranstaltung. Interessanterweise ist dieser Text jedoch nicht der größte in der Komposition. Ich würde sagen, Kool und die Gang, der Name der Band ist der größte. Und genau das lesen die meisten Zuschauer höchstwahrscheinlich zuerst und vielleicht sogar ein paar zusätzliche Namen von hier, bevor sie an die Spitze des Posters springen und erkundigen Sie sich über die dort angezeigten Informationen. Und im Falle eines Musikfestivals ist natürlich das Wichtigste, wer auftritt. Und wenn es große Namen gibt, die aufgelistet werden können, wird das natürlich die Aufmerksamkeit der Leute auf sich ziehen und so Sie sie dazu bringen, sich Ihr Poster anzusehen. Aber abgesehen davon, dass dieser visuelle Haken hier eingerichtet wurde, ist es auch deutlich zu erkennen , dass dieser Abschnitt getrennt ist und eine klare visuelle Gruppe aufgebaut wird, genau wie der Rest der Komposition auch habe diese kleineren Gruppen. Und in diesem Fall werden diese verwendet, dazu beizutragen , die Darsteller basierend auf den verschiedenen Phasen zu kategorisieren basierend auf den verschiedenen Phasen , auf denen sie spielen werden. Und hier ist ein noch extremeres Beispiel, in dem wir viele Namen haben, von Darstellern unten aufgeführt. Trotzdem fühlt sich diese Komposition aufgrund der schönen Gruppierung und Trennung der Informationen immer noch nicht überwältigend an. In diesem Fall ist der Name des Ereignisses, das wahrscheinlich am meisten hervorsticht als einige dieser Darsteller. Von diesem Zeitpunkt die Zuschauer höchstwahrscheinlich herausfinden , wo dies passiert und wie das Datum ist. Und wenn sie interessiert sind, werden sie wahrscheinlich etwas mehr Zeit damit verbringen, sich diese zusätzlichen sekundären Darstellernamen anzusehen . Und wenn sie immer noch fasziniert sind, können sie etwas mehr Zeit damit verbringen, nach Namen zu suchen, die für sie relevant sind oder an denen sie interessiert sind. In diesem größeren Abschnitt unten, einschließlich wahrscheinlich über 100 unterschiedlicher Leistung. Gruppierung ist eine sehr effektive Möglichkeit, den Zuschauern mitzuteilen , dass sie nicht unbedingt alles im Abschnitt lesen müssen , um zu einem anderen Abschnitt übergehen zu können. Selbst wenn sie nur ein paar Namen aus jeder dieser Gruppen auswählen , werden sie höchstwahrscheinlich entweder verkauft, dass sie zu dieser Veranstaltung gehen möchten, wenn sie auf den Grund des Posters werden sie höchstwahrscheinlich entweder verkauft, dass sie gehen möchten oder vielleicht nicht. Auf jeden Fall werden sie unten mit der URL begrüßt, was sie zu weiteren Informationen führt. Und sie können auch anfangen, ihre Tickets zu kaufen oder zu buchen. 5. Ausrichtung und Gruppierung: Die meisten Beispiele, die wir bisher gesehen haben , waren in der Mitte ausgerichtet, aber auch die linke und rechte Ausrichtung kann gleichermaßen nützlich sein , wenn Sie eine visuelle Hierarchie einrichten. Im Falle dieser Komposition können wir hier oben links wieder eine klare Gruppierung sehen, dann eine weitere Gruppe hier rechts und dann wahrscheinlich eine dritte hier unten. Aber neben den typografischen Informationen könnten wir auch diesen zentralen Teil hier betrachten, wo wir diese Formen und die Kapillaren als eine andere Gruppe haben . Da es nun um das kulinarische Ereignis geht, ist das Besteck offensichtlich auch eine wichtige Botschaft zu vermitteln und auch ohne tatsächliches Essen zu sehen, sind die leeren Teller auch perfekte visuelle Hinweise auf die Thema dieser Veranstaltung. Ich mag es schon früher, in jeder dieser Gruppen werden wir Untergruppen finden. Also haben wir hier die von Sektion oder Sponsoren präsentierte, die eine Untergruppe in dieser ersten sein würde. Und dann hätten wir in der zweiten drei Untergruppen. Also haben wir den in der Mitte, der das Datum ist. Und dann haben wir diese zusätzlichen Informationen oben und unten. Und es gibt ein paar Dinge, die verwendet werden, um diese Untergruppen zusammenzukleben und sicherzustellen , dass sie klar von den anderen Hauptgruppen getrennt sind . Eine offensichtliche Technik ist die Verwendung von negativem Raum. So können wir diese Lücke zwischen der Gruppe links und rechts deutlich erkennen . Aber dann können wir innerhalb dieser Gruppe auch sehen, dass der gesamte Text links ausgerichtet ist. Das ist also ein gemeinsames Merkmal, das diese Untergruppen wieder zusammenhält. Und eine andere gängige Technik ist die Verwendung von Linien. In diesem Fall hilft das, die beiden Untergruppen voneinander zu trennen, hilft aber auch, sie zusammenzuhalten. Und ähnlich hier rechts helfen diese beiden Zeilen wieder, die Untergruppen zu trennen, sie aber auch zu halten und aneinander zu binden. Nun ist es klar, dass die Gruppierung der Gruppen in Ihren Kompositionen sehr wichtig ist , um eine visuelle Hierarchie aufzubauen. Aber gibt es einen Test, um schnell zu sehen, ob Ihre Gruppen so arbeiten, wie Sie es wollten. Die Antwort lautet natürlich „Ja“. Wir nennen es den Schieltest. Und es ist so einfach wie nur Augen zu schielen, wenn Sie sich Ihre Komposition ansehen und prüfen, ob Sie die von Ihnen definierten Gruppen immer noch klar sehen können . Jetzt müssen Sie natürlich nicht unbedingt screenen. Sie können Photoshop auch verwenden und Ihr Design vorübergehend verwischen , nur um es auf diese spezielle Art testen zu können, um es auf diese spezielle Art und Weise testen zu können. Und wir können ein Beispiel für diese Spotify-Schnittstelle auf einem Mobiltelefon auf der linken Seite sehen einem Mobiltelefon auf , ohne dass es verschwommen ist. Und auf der rechten Seite, obwohl es verschwommen ist, werden wir immer noch in der Lage sein, die etablierten Hauptgruppen zu sehen . Also haben wir einen da oben, wir haben noch einen hier, und dann haben wir noch einen weiter unten. Und obwohl es schwierig ist, es herauszufinden, können wir wahrscheinlich immer noch feststellen, dass es hier unten eine andere Gruppe gibt, die die Registerkarte der Schnittstelle ist, der wichtigste Navigationsbereich. Das muss also eindeutig eine klar definierte Gruppe sein , wenn es um das Design der Benutzererfahrung geht. Aber egal an welcher Art von Design Sie arbeiten, denken Sie daran, dass der Screen-Test eine großartige Möglichkeit zum Testen ist und ob er für den Betrachter klar festgelegt ist , wo er die relevanten Informationen finden kann nach denen sie suchen. Aber es gibt noch eine andere sehr wichtige Sache wir sprechen müssen über die wir sprechen müssen, wenn es um die Schaffung von Gruppen geht, und das ist Ähnlichkeit. Dies ist besonders wichtig, wenn Ihre Gruppen die gleiche Bedeutung oder das gleiche Gewicht innerhalb der Zusammensetzung haben . Im Falle dieses Menüs können wir sehen, dass es eindeutig eine Gruppe für die Vorspeisen gibt. Es gibt eine andere Gruppe für Burger, eine andere für Sandwiches und schließlich eine andere für Hotdogs. Und obwohl Burger die größte Gruppe sind und im Mittelpunkt der Komposition stehen, ist die größte Gruppe sind und im Mittelpunkt der Komposition stehen, der Hauptweg, wie diese Gruppen einander ähnlich gehalten werden , wie ihre Titel gestaltet werden. Sie verwenden also alle dieselbe Topographie, die Anzeige genau die gleiche Farbe und gleiche Größe und dieselbe Schriftart. Und sie sind auch alle in der Komposition zentriert. Und wenn diese Ähnlichkeit festgestellt wird, werden diese fast wie Anker , zwischen werden diese fast wie Anker , zwischen denen die Zuschauer schnell hin und her springen können . Hier ist ein weiteres großartiges Beispiel, bei dem Ähnlichkeit verwendet wird, um die Zuschauer durch eine Komposition zu führen. Wir haben also wieder einmal die kleineren Gruppen der Lampen sind die Produkte, ihren Namen, ihre Größe und Preis, und das wiederholt sich immer wieder. Wir haben also die gleiche Ausrichtung. Die Lampen sind in einer Reihe. Dann haben wir den Titel wieder in einer anderen Regel. Aber all diese Details sind in jeder Gruppe immer genau gleich. So befinden sich beispielsweise die Größen immer in derselben Position, verwenden aber auch die gleiche Steuergröße und die gleiche Farbe. Und genau wie bei der Speisekarte, diese Ähnlichkeiten hier in dieser Komposition zu etablieren, Es ist wichtig, weil die Zuschauer Es ist wichtig, weil die Zuschauer diese Produkte miteinander vergleichen. Und um ihnen zu helfen, eine bequeme Entscheidung zu treffen, haben sie eine sehr einfache und bequeme Möglichkeit , beispielsweise von einem Preis zum anderen oder von einer Größe zur anderen zu springen . Je mehr Informationen Sie in einer Komposition haben, desto unwahrscheinlicher können Sie genau die Reihenfolge kontrollieren , in Ihr Zuschauer diese Entzündung durchmacht. Aber nachdem Sie das Wesen der Komposition etabliert und vermittelt haben, die in diesem Fall ziemlich dominant ist. Es ist das Wort Anhänger, zusammen mit dem visuellen Hinweis auf jede dieser Linien. Und dann höchstwahrscheinlich die sekundäre Entzündung oder Slogan stilvolle Produkte für mehr als Wohnzimmer. Und hier gibt es tatsächlich einen Tippfehler , den ich gerade bemerkt habe. Den Zuschauern steht es frei, den Rest der Informationen in der gewünschten Reihenfolge zu erforschen . Denken Sie also daran, dass Sie als Grafikdesigner nicht kontinuierlich die Hand Ihrer Zuschauer halten müssen , solange Sie ihnen eine Struktur bereitstellen. Und solange Sie am Anfang die wichtigsten Informationen erstellen , können Sie sie frei erkunden lassen und in einigen Fällen sogar Spaß mit dem Rest der Komposition haben. 6. Struktur und Anordnung: Egal welche Technik oder Methode Sie verwenden, um eine Hierarchie in Ihrer Komposition festzulegen, das Ziel sollte immer darin bestehen, Struktur und Reihenfolge zwischen den Elementen zu erstellen , mit denen Sie arbeiten. Es gibt ein großartiges Zitat, das mir immer in den Sinn kommt , wenn ich an Ordnung und visuelle Hierarchie denke Victor Copernicus sagte, Design sei ein bewusstes Bemühen, eine sinnvolle Ordnung aufzuerlegen. Und das fasst das Ziel und den Prozess der Schaffung einer visuellen Hierarchie perfekt zusammen , bei dem der Designer wirklich Zeit verbringen und darüber nachdenken muss , wie er sich in einem Bereich oder den Elementen in gewisser Weise ausrichten kann dass es für die Zuschauer effektiv und sinnvoll sein wird. Schauen wir uns also die drei Variationen oder Versionen desselben Designs genauer an die drei Variationen oder Versionen desselben Designs Beginnend mit dieser hier auf der linken Seite können wir sofort sehen, dass die Ausrichtung für alle zentriert ist -Elemente. Und neben der Typografie haben wir zwei zusätzliche Elemente, das Bild und diese Zeile hier unten. Und diese werden bereits ziemlich effektiv genutzt brechen den Fluss der Typografie auf. Wir werden also nicht mit vielen Texten auf einmal überwältigt . Zuallererst sehen wir das Logo hier oben. Dann gibt es diese kleine visuelle Pause oder Pose mit dem Bild. Dann fahren wir weiter unten mit etwas mehr Texten als wieder, es gibt eine visuelle Pause, diese horizontale Linie die den Ablesfluss leicht aufbricht. Und dann werden wir noch einmal mit einer weiteren Gruppe von Informationen am Ende fertig sein. Man kann sich diese Anordnung also auch als gutes Beispiel für Rhythmus vorstellen , in dem wir Topographie, Bild, Topographie, Linientypografie haben . So können Sie sehen, wie es hin und her, hin und her geht und diesen visuellen Rhythmus festlegt. Und man kann sagen, dass es, wenn alles zentriert und symmetrisch ist, auch eine sehr starke visuelle Balance aufweist. Aber obwohl dieses Design funktioniert und ästhetisch ansprechend ist, fehlt ein wichtiges Element, und das ist die Reihenfolge zwischen diesen Elementen, hauptsächlich aufgrund der Ähnlichkeit zwischen alle Elemente in Bezug auf ihre Skalierung und auch Ausrichtung. Die einzig plausible Reihenfolge, die die Zuschauer erhalten, wenn sie sich dies ansehen , ist, dass sie von oben beginnen und dann nach unten gehen. Und um besser zu visualisieren, warum dies nicht die beste Art ist , die Informationen darzustellen. Denken Sie einfach an den Flur oder den Eingang zu einem Gebäude. Würden Sie lieber durch einen engen und langen Korridor laufen einen engen und langen Korridor oder begrüßt werden, sobald Sie mit einem schönen breiten, großen Freiraum betreten . Dieser starre vertikale Fluss , den wir hier auf der linken Seite sehen können , ist wie ein schmaler und langer Korridor, verglichen mit dem die beiden anderen Beispiele hier rechts viel mehr visuelle Freiheit für die Zuschauer indem sie die Größe des Textes für die Eröffnung vergrößern und ihm auch eine eindeutigere Schrift geben , macht dies sofort deutlicher als der Rest der Elemente, aber auch das Bild, wie Sie dem Original entnehmen können, wurde es etwas größer und das Logo wird kleiner. Was dies erreicht hat, ist, dass die meisten Zuschauer jetzt hier in der Mitte der Komposition beginnen und dann höchstwahrscheinlich nach oben gehen und sich das Bild ansehen. Und von dort aus lesen sie vielleicht das Logo oder vielleicht werden sie runtergehen und den Rest des Textes lesen. Indem wir also die Reihenfolge festlegen in der Mitte der Komposition zu beginnen, bieten wir den Zuschauern bereits mehrere Optionen . Durch die stärkste Betonung, also das dominanteste Detail in der Mitte der Komposition, ist der visuelle Fluss nicht so linear wie früher, aber das bedeutet nicht, dass die Komposition ist notwendigerweise besser, weil es eine Sache gibt , die Sie vermeiden möchten, ein visuelles Hindernis in Ihrer Komposition zu setzen . Und was ich damit meine ist , dass sie, falls sie hier in der Mitte lesen, Bild und zum Logo aufsteigen, wenn sie weitermachen und sich auf den Weg nach unten machen , um den Rest zu finden der Informationen. Sie werden wieder von diesem großen Teil von Texten begrüßt, was ich als visuelles Hindernis bezeichnete . In diesem Fall ist es fast so, als hätte man zu viele unnötige Türen , um dieses Gebäude betreten zu können. Stattdessen haben wir in dieser letzten Version des Designs eine viel bessere Lösung. Die beiden größten Details, das Bild und die große Eröffnung des Textes, sind fast unmöglich zu übersehen. Und höchstwahrscheinlich werden die Zuschauer hier ihre Reise beginnen. So lesen sie den Text und schauen sich das Bild fast zur gleichen Zeit an, und dann werden sie weiter nach unten gehen. Das Gute ist, jetzt haben wir den Rest der Informationen hier wirklich gut in zwei Hauptgruppen organisiert, 12 geteilt durch diese horizontale Linie. Die erste Untergruppe befindet sich innerhalb des Kreises, und die zweite ist die Liste hier auf der rechten Seite. Um zur Analogie eines Gebäudes oder Flurs zurückzukehren, werden wir mit einem großartigen Raum begrüßt. Und sobald wir eingetreten sind, haben wir die Möglichkeit zu erforschen, was drin ist. Wir können entweder nach links oder rechts gehen, und keine dieser Anweisungen ist in Bezug auf die Bedeutung der Informationen falsch . Es ist also in Ordnung, wenn die Zuschauer zuerst lesen, warum sie an diesem Raum teilnehmen sollten oder wann und wo diese Veranstaltung stattfinden wird. Man kann sagen, dass diese gleichermaßen wichtig sind. Und sobald sie sich entschieden haben, können sie sich weiter nach unten bewegen und genau herausfinden, wohin sie gehen müssen. Wenn es Ihnen also jemals schwer fällt, wie können Sie die visuelle Hierarchie einer Komposition optimieren oder verbessern . Denken Sie einfach an die Analogie des physischen Raums, wie ein Gebäude, einen Flur oder eine Straße, was für Sie sinnvoll ist. Denken Sie jedoch darüber nach am angenehmsten und angenehmsten diesen Raum am angenehmsten und angenehmsten erleben und erforschen können. Und um zur gleichen Analogie zu gehen, besonders wenn man an größere Räume denkt, vielleicht sogar eine ganze Stadt. Grafikdesigner ist fast wie ein Reiseleiter. Sie sind dafür verantwortlich, Menschen zu führen und zu zeigen und sicherzustellen , dass sie die Informationen, die Sie ihnen präsentieren, verdauen können . Zeigen Sie ihnen, dass die Attraktionen Wahrzeichen in der richtigen Reihenfolge sind. Und auch wichtig ist, dass Sie sicherstellen müssen , dass jeder in Ihrer Gruppe während der gesamten Tour engagiert bleibt. Was bedeutet, dass Sie wirklich darauf achten müssen , keine Zeit zu verschwenden. 7. Brennpunkt: Sehr häufig in einer effektiven Strategie von Grafikdesignern verwendet , um sicherzustellen, dass sie die Aufmerksamkeit des Betrachters auf sich ziehen, indem sie einen Schwerpunkt in ihrer Zusammensetzung einführen. Dies sind Details, die sich durch eine einzelne oder mehrere Kontrastformen deutlich hervorstechen . Und das Beste an der Verwendung von Schwerpunkten ist , dass Sie nicht nur sicherstellen können, dass die Menschen von Ihrem Design fasziniert sind, sondern auch wissen welches Detail sie zuerst betrachten werden zu wissen, wo die visuelle Reise Ihrer Zuschauer beginnt, hilft Ihnen , alle anderen Elemente in der Komposition entsprechend anzuordnen . Das Interessante an Schwerpunkten ist, dass sie sich nicht in einer bestimmten Position innerhalb der Komposition befinden müssen. Und es ist auch nicht erforderlich, dass sie das dominierende Element sind, aber um besser zu verstehen, wie sie funktionieren, Werfen wir einen Blick auf ein paar Beispiele aus diesem Board. Dieses Event-Poster ist ein großartiges Beispiel, bei dem eindeutig der Schwerpunkt das I mit der roten Farbe oder dem Kreis um ihn herum ist. Dies hebt sich deutlich von den übrigen monochromatischen Details ab. Und vielleicht das einzige zusätzliche Detail , das auch ein Gelehrter oder die Lippen ist. Da dies aber auch sehr nahe am Brennpunkt liegt, können wir sogar betrachten, dass diese beiden zusammen die Schwerpunkte sind. Und im Allgemeinen, wenn Sie ein Gesicht haben, besonders wenn Sie den Betrachter betrachten, wenn Sie in Ihrer Komposition sind, auch ohne die Augen hervorzuheben, wird dies zu einer Art Brennpunkt werden. Weil wir instinktiv immer zuerst jemandem in die Augen schauen , dem wir begegnen, und das ist fast unmöglich zu verlernen. Sie können sich also auf diesen Reflex verlassen, aber indem wir diese rote Farbe auf einem der Augen haben, heben wir dieses Detail noch mehr hervor. Aber neben dem Schwerpunkt Auf einem offensichtlichen Detail wie ein Auge, das sind hier auch zusätzliche Überlegungen , die wir sehen können. Einer davon ist, dass sich dieses Detail fast genau auf dem visuellen Mittelpunkt oder der Mittellinie der Komposition befindet, die sich von der physischen Mittellinie unterscheidet, die wir diskutieren In einem anderen Thema in diesem Kurs liegt der visuelle Mittelpunkt im Wesentlichen immer etwas höher als der physische Mittelpunkt. Und in Bezug auf die horizontale Positionierung verwendet es perfekt die Drittelregel. Anstatt also etwas genau in der Mitte zu haben , ist es etwas nach links, in diesem Fall verwendet oder verwendet die Drittelregel. Wir können also sehen, dass hier so viele bewusste Entscheidungen getroffen so viele bewusste Entscheidungen getroffen werden, um diese detailliert hervorzuheben und im Mittelpunkt dieser Komposition zu stehen. Und wenn wir wissen, dass die meisten Zuschauer von diesem Zeitpunkt an ihre visuelle Reise beginnen werden , können wir darüber nachdenken, was höchstwahrscheinlich das nächste Detail sein wird , das sie sich ansehen werden. Und da dieser Abschnitt hier dem Schwerpunkt, über den wir gesprochen haben, am nächsten liegt über den wir gesprochen haben, am nächsten . Ich glaube, dass sie dies höchstwahrscheinlich als nächstes lesen werden, obwohl es aufgrund der Nähe zum Brennpunkt gedreht und etwas schwieriger zu lesen ist. Ich denke, dies ist das zweite Detail, das sie sich ansehen werden, was perfekt ist, weil dies in diesem Fall der Titel des Stücks ist. Und von diesem Zeitpunkt an bin ich mir ziemlich sicher, dass sie mit dem Titel fortfahren würden , der in diesem Fall der Name des Veranstaltungsortes ist. Und das ist offensichtlich ein sehr dominantes Detail. Es ist das größte typografische Element und hat auch in Bezug auf die Tonwerte den höchsten Kontrast. Die hellsten Details treffen also die dunkelsten Details, die fetten und großen Buchstaben auf dem weißen Hintergrund. Und dann werden die Leser von hier aus aufgrund seiner Nähe höchstwahrscheinlich wieder aufgrund seiner Nähe zu diesem Text springen. Und dann werden sie von dort aus auf den Rest der Informationen hinausgehen, die wieder gut zusammengefasst sind und zwei Untergruppen bilden. Nun, da wir dies für die beabsichtigten Bestellungen halten. Also gehen wir von links nach oben, sie schreiben und dann in die untere rechte Ecke. Es ist auch interessant zu erkennen, dass Topographie ein Rhythmus angewendet wird . Zuerst beginnen wir mit einem vertikalen Text, dann gehen wir zu einem horizontalen Text über. Dann wechseln wir wieder zurück zur Vertikalen, und dann erreichen wir schließlich einen weiteren horizontalen Abschnitt. So wird der Rhythmus durch Hin- und Herschalten zwischen vertikaler und horizontaler Topographie festgelegt . Aber um unsere Diskussion über den Schwerpunkt fortzusetzen, gibt es hier eine weitere großartige Komposition für den Film Vertigo von Alfred Hitchcock. Und in diesem Fall ist der Schwerpunkt definitiv dieser Abschnitt hier, ich würde sagen, dass das ganze Quadrat und was darin steckt. Und wie ich am Anfang erwähnt habe, ist die Art und Weise, wie es erreicht wird, im Mittelpunkt zu stehen, die Verwendung von Kontrast. Das extremste Beispiel ist immer Schwarz und Weiß nebeneinander. Und genau das können wir hier sehen. Und genau wie im vorherigen Beispiel wird die Drittelregel wieder verwendet. In diesem Fall ist der Brennpunkt jedoch viel höher in der Komposition, fast neben der Oberkante. Aber der Grund, warum es platziert wird , besteht darin, die Tiefe ermitteln zu können , die in dieser Zusammensetzung entscheidend ist. Indem wir den Betrachter von diesem Zeitpunkt an in dieses Design führen , versetzen wir uns sofort an die Stelle dieses Charakters , der dort oben auf diesem Gebäude liegt. Und durch den Einsatz einer cleveren Perspektive können wir, obwohl es sich um eine sehr minimale Szenenillustration handelt, obwohl es sich um eine sehr minimale Szenenillustration handelt, sofort das Gefühl von Tiefe und dieses unbequeme Gefühl oder die Vertikale spüren, das wir bekommen, wenn wir sind starrte von der Spitze eines Gebäudes nach unten. Denken Sie also daran, dass Schwerpunkte entscheidend sind, wenn es darum geht, die Erzählung Ihres visuellen Geschichtenerzählens zu definieren. Und zu guter Letzt ist ein weiteres interessantes Beispiel. Denken Sie daran, was ich über Augen oder ein Gesicht in einer Komposition gesagt habe . In diesem Fall ist es vollständig versteckt oder von diesem Verlaufsblock abgedeckt. Aber indem wir genügend Informationen über die Person preisgeben, die wir deutlich sehen können, dass sie eine attraktive Frau sein muss. Das Gesicht nicht zu sehen macht es noch ansprechender, weil es den Betrachter am Raten hält und wieder Neugier auslöst. Eine ähnliche Technik wird auch in diesem Poster verwendet, Lincoln, und die Augen verdeckt und zwei Kreuze darauf gelegt. Aber wenn man auf das Poster in der Mitte zurückkehrt, neben dieser Verschleierung, die den Schwerpunkt bildet, gibt es auch viele intelligente Möglichkeiten, den Kontrast zu nutzen, wie zum Beispiel eine sehr starre geometrische Form, ein Quadrat, das auf einer sehr organischen Form einer Person platziert wird, aber auch die Richtung des Gradienten im Vergleich zum Hintergrund umgekehrt ist. Vergessen Sie also nicht, dass Schwerpunkte äußerst nützlich sein können Aufmerksamkeit Ihrer Zuschauer zu erregen und zu erregen. 8. Eingangspunkt: Im redaktionellen Design dienen Einstiegspunkte einem ähnlichen Zweck, zwei Schwerpunkte geben den Lesern visuelle Haken oder Anker , sie zu wichtigen Details wie dem Anfang des Hauptartikel oder zwei Überschriften oder Beginn einer kleineren Geschichte innerhalb des einer kleineren Geschichte innerhalb Artikels im Vergleich zu einem Brennpunkt , der normalerweise nur einmal innerhalb einer Komposition verwendet wird. Das können mehrere Einstiegspunkte innerhalb eines Layouts sein. Am gebräuchlichsten von allen ist eine Drop-Cap, die manchmal auch als Startobergrenze oder Anfangsgrenze bezeichnet wird, bei der es sich um als Startobergrenze oder Anfangsgrenze bezeichnet wird, einen vergrößerten Buchstaben handelt der den Beginn eines Abschnitts, eines Absatzes angibt , Story oder Artikel. Ebenso können zwei Schwerpunkte-Drop-Caps Kontrast nutzen, um ihre Wirksamkeit zu erhöhen. Und neben der offensichtlichen Dominanz ihrer Größe oder dem Kontrast im Maßstab im Vergleich zur Körperkopie. Es kann auch Farbkontrastmittel und sogar bei einer anderen Schrift sein, die im Vergleich zur Körperkopie wieder verwendet werden . Für einen extremen Effekt können diese Drop Caps sogar ausgedehnt werden, wie in diesem Fall haben wir ein D, das normalerweise wahrscheinlich um diese Größe liegt. Aber wie wir sehen können, ist es ganz nach unten gestreckt, um es an den restlichen Spalten in dieser Ausbreitung auszurichten. Wie ich bereits erwähnt habe, kann es mehrere Einstiegspunkte in einem einzigen Layout geben, und das bedeutet, dass Sie sogar mehrere Drop Caps haben können. Und in dieser Komposition erreichten sie tatsächlich eine visuelle Hierarchie zwischen diesen Drop-Caps, indem sie die erste hatten , mit der der Leser beginnen soll. Größer und dekorativer im Vergleich zu diesen anderen drei, die wir weiter in der Geschichte finden können. Aber abgesehen davon, dass die erste eindeutig die dominanteste und wichtigste ist, die immer noch Ähnlichkeit zwischen diesen Drop Caps verwendet wird , die sie miteinander verbunden halten. Innerhalb dieser Einstiegspunkte wird also eine Beziehung gebildet, die durch die Verwendung derselben Schrift und auch derselben Farbe erreicht wird . Neben den Drop-Caps in diesem Layout würde selbst der schlechte Code als Einstiegspunkt angesehen. Noch einmal, denn dies ist ein herausragendes Detail, das unsere Leser lesen sollen. Und selbst wenn sie anfangen, dies lesen, bevor sie den Rest der Geschichte lesen, sollte es dennoch Sinn machen und sie tatsächlich locken oder sie daran interessiert machen den Rest der Geschichte zu lesen. Bei komplexeren Layouts wie diesem ist es sehr wichtig, dem Betrachter wieder sehr wichtig, dem Betrachter zu helfen, herauszufinden wo er anfangen soll. Während in anderen Fällen, wie bei dieser Komposition, der Einstiegspunkt oder die Drop Cap eher als dekoratives Element dient als etwas, das für die Navigation verwendet wird. Die Subtilität dieses Layouts liegt nicht nur in der großen Menge an negativem Raum, sondern auch im niedrigen tonalen Kontrast, der auf der Drop Cap verwendet wird , den Sie sich vorstellen können. Wenn es weiß wäre, würde es viel mehr auffallen als so, wie es gerade ist. Aber dieser Farbkontrast war unnötig weil er bereits im Maßstab dominant ist, insbesondere mit all dieser Leere oder dem negativen Raum um sich herum. Und es ist immer eine gute Balance. Sie müssen mit einem Einstiegspunkt und in ähnlicher Weise auch mit einem Brennpunkt schlagen . Denn auf der einen Seite möchten Sie, dass es auffällt und sicherstellt, dass es die Aufmerksamkeit Ihrer Zuschauer auf sich zieht. Auf der anderen Seite möchten Sie nicht, dass sie überwältigend sind und vom Rest der Komposition ablenken . Vergessen Sie nicht, dass es nicht nur eine Drop-Cap ist, die als Einstiegspunkt im redaktionellen Design verwendet werden kann . Neben der ersten Obergrenze oder Startobergrenze würde ich diese Überschriften und sogar diese Unterüberschriften auch als Einstiegspunkte betrachten , zusammen mit diesem hervorgehobenen Abschnitt hier unten rechts, was durch eine andere Farbe als der Rest des Hintergrunds diese automatisch trennt und in einen anderen Einstiegspunkt verwandelt. 9. Dominanz: Eine der stärksten oder extremsten Techniken, die Sie in Ihren Kompositionen anwenden können in Ihren Kompositionen anwenden um die visuelle Hierarchie zu steuern. Erstellen Sie einen Schwerpunkt oder Ausgangspunkt in Ihrem Design ist es, Dominanz oder Betonung anzuwenden. Ein dominantes Element in einer Komposition ist dasjenige, das das größte visuelle Gewicht hat oder das alles andere hinweist. Es ist also fast immer das Element, das zuerst die Aufmerksamkeit des Betrachters auf sich ziehen wird. Und in bestimmten Fällen kann es auch als Schockfaktor verwendet werden. Werfen Sie zum Beispiel einen Blick auf diese Komposition, bei der die Verzögerung oder der Fuß eindeutig das größte Element ist, aber auch den höchsten Kontrast aufweist. Neben seiner Größe und seinem Kontrast kommt der Schockfaktor von diesem kleinen Charakter unter dem Fuß, der kurz davor ist, gequetscht zu werden. Eine solche Illustration im redaktionellen Design ist eine sehr effektive Möglichkeit zum visuellen Storytelling, aber auch um Leser einzubeziehen und sie für das Lesen eines Artikels zu interessieren. Aber abgesehen davon, dass diese Illustration auf dieser Seite so dominant ist, fühlt sich der Umfang des Essens noch größer an, weil wir es mit dem kleinen Charakter unten vergleichen können. Und das Ausmaß aller Elemente in deiner Komposition ist relativ zueinander. Und in diesem Fall lässt die Gegenüberstellung eines winzigen Charakters und eines winzigen Charakters und dieses riesigen Fußes ein bereits dominantes Element noch mächtiger anfühlen. Hier ist eine andere ähnliche Komposition. Wieder einmal haben wir ein dominantes Detail, dieses Stück Pizza. Und obwohl wir ein weiteres herausragendes Detail haben , das den Schwerpunkt darauf legt, ist The Chili Pepper unten. Das dominierende Detail ist immer noch eindeutig das Stück Pizza. Und das ist eigentlich gut zu beachten. Und es ist eine gute Vorgehensweise, sich daran zu erinnern, dass Sie nicht mehrere dominante Charaktere oder Details in einer einzigen Komposition haben sollten mehrere dominante Charaktere oder . Denn wenn Sie versuchen mehrere Details hervorzuheben und dominant zu sein, würden sie miteinander konkurrieren und Sie werden die Effektivität Ihrer visuellen Hierarchie verringern. Jetzt muss das einzige, was Dominanz immer unbedingt darin besteht, Skalierung oder Größe in einer Komposition zu verwenden. Es kann mit so ziemlich allen anderen Attributen wie Farbe erreicht werden. In diesem Fall ist beispielsweise Gelb die dominierende Farbe, aber der Schwerpunkt liegt hier tatsächlich auf diesem kleinen Charakter , den wir auch als Mittelpunkt betrachten könnten. Obwohl Dominanz und Betonung sehr ähnlich sind, können sie in Kombination innerhalb desselben Designs verwendet werden, aber auf zwei separate Elemente innerhalb Ihrer Komposition angewendet werden. Hier ist ein weiteres großartiges Beispiel dafür, dass Dominanz und Betonung Hand in Hand arbeiten. Das dominierende Detail ist dieser Pfeil, der nach rechts zeigt. Und das steht für das Raster , um das sich in diesem Buch handelt, all diesen anderen Pfeilen gegenübersteht, die nach links im Hintergrund ein Muster bilden. Aber abgesehen davon, dass das Wort Raster betont wird, gibt es auch ein weiteres hervorgehobenes Detail, die New York Times Bestseller-Kopie hier oben rechts. Ich liebe dieses Beispiel, weil es gut zeigt, dass ein dominantes Detail nicht immer in deinem Gesicht sein muss , etwas, das wirklich auffällt. Es ist hier eigentlich sehr subtil weil es ausschließlich auf negativem Raum angewiesen ist. Und obwohl dieser dominante Pfeil , der nach rechts zeigt, eindeutig das größte Detail innerhalb des Kompositionsrasters ist. Und dieser Pfeil oben rechts sticht viel mehr hervor, hauptsächlich wegen der intensiven roten Farbe, die auch dann auffallen würde, wenn im Rest der Komposition mehr Farbe verwendet würde. Aber es fühlt sich noch leistungsfähiger gepaart mit dieser einfarbigen Palette. Letzt ist es wichtig sich daran zu erinnern, dass Dominanz ein Begriff außerhalb des Grafikdesigns ist, der normalerweise für Dinge verwendet wird , die ziemlich negativ sind. Zum Beispiel ist es nicht gut, eine dominierende Person in einer Beziehung zu haben . Aber indem wir besser verstehen was Dominanz tatsächlich bedeutet, können wir dies in unseren Kompositionen anwenden und wir können das dominante Element als Bedrohung oder etwas verwenden das dominante Element als Bedrohung oder , vor dem unsere Zuschauer Angst haben sollen. Und dieses Poster nutzt oder zeigt dies perfekt indem dieses Motorrad das dominierende Detail ist, das scheinbar auf dieses Kind im Hintergrund zusteuert . Und die französische Kopie hier oben, glaube ich, bedeutet die Kinder zu schützen, warnt uns vor dieser offensichtlichen Gefahr, die wir fühlen können. 10. Skala: Wir haben bereits in den vorherigen Videos auf die Skala der Elemente in unserer Komposition Bezug genommen . Aber es ist wichtig, ein bisschen mehr Zeit damit zu verbringen , darüber zu sprechen, da dies einen großen Einfluss auf die visuelle Hierarchie Ihrer Kompositionen hat . Wahrscheinlich ist das Beste, woran Sie sich erinnern sollten, diese Skala ist immer relativ, wie Stephen Bradley es sagte, ein einzelnes Objekt hat keine Skalierung, bis es im Vergleich zu etwas anderem gesehen wird. Überlegen Sie sich, wie sich diese Komposition anfühlen würde, indem Sie diesen Bolzen hier in der Mitte mit den Leuten darin diese Flossen ohne Vergleich sehen. Wir könnten nicht sagen, ob es so ist ein kleiner Fisch oder ein massiver Wal, wie in diesem Fall. Indem wir diese Beziehung aufbauen und diese beiden Elemente nebeneinander platzieren, verstehen und schätzen wir sofort den Größenunterschied. Dasselbe wird in diesem Filmplakat verwendet, wo wir unseren Bezugspunkt haben wie wieder eine Person hier oben. Und übrigens ist Mensch immer der beste Weg, auf Skalen zu verweisen, denn das ist nur etwas, mit dem wir sehr vertraut sind. Und im Vergleich zu diesem Fall können wir sofort sehen, wie groß dieser Hai ist. Aber was erschreckend ist, ist sofort, wie groß sich dieser Mund unten anfühlt. Das ist eindeutig eine Übertreibung, aber eine brillante. So haben wir dieses dominante Detail ganz unten, ganz in der Nähe des Randes. Wir sehen also nur ein winziges kleines Detail von diesem gigantischen Tier, aber indem wir nur den Mund zeigen, der wahrscheinlich das bedrohlichste Detail eines Hais ist, lassen wir die Zuschauer ihre Phantasie, um die fehlenden Details auszufüllen . Wenn Sie betonen möchten, wie groß etwas in Ihrer Komposition ist, anstatt eine extreme Ernte zu verwenden, wie wir es beim vorherigen Filmplakat gesehen haben. Sie können die Perspektive auch mit dem Kong Skull Island Filmplakat König Kong verwenden mit dem Kong Skull Island Filmplakat , der riesige Affe steht ganz im Hintergrund. Und wir können sofort die große Distanz spüren , die zwischen diesen Hügeln oder Bergen im Hintergrund und diesen Menschen hier im Vordergrund liegt diesen Hügeln oder Bergen im . Und in ähnlicher Weise können wir die Größe einer Person in Beziehung setzen und verstehen. Wir verstehen auch instinktiv die Entfernung von Objekten dank der Perspektive, die wir wieder jeden Tag in unserem Leben erleben. In diesem Fall, obwohl King Kong sich nicht wie ein riesiges oder dominantes Element innerhalb der Komposition anfühlt . Wir schätzen und verstehen immer noch, wie Giant er sein muss, um diese Berge oder Hügel weit entfernt in der Ferne zu überragen . Ich liebe es auch, wie wir in dieser Komposition sehen können , dass sich selbst ein Alltagsobjekt beim Tennisschläger auch einfach durch die clevere Positionierung und Beschneidung riesig anfühlen kann. Wenn Sie also einen Aussichtspunkt wählen, an dem es sich anfühlt, als würden wir nach oben zum Schläger schauen und ihn vor diesen klaren Himmel stellen, fühlt es sich bereits viel größer an. Aber wegen dieses cleveren Zuschnitts sieht es auch aus wie der Eiffelturm in Paris. Diese visuelle Konnotation löst sofort unsere Vorstellungskraft aus, was uns sagen wird, dass dies tatsächlich ein gigantischer Schläger ist . Hier ist eine weitere wirklich clevere Art Skalierung und Dominanz in einer Komposition zu nutzen, in diesem Fall unter Verwendung von negativem Raum und Typografie. Wir haben also dieses große H, das für Hamlet steht, aber der weiße Raum oder der negative Raum bildet auch ein Messer, das natürlich sehr wichtig oder integraler Bestandteil der Geschichte ist . Neben der cleveren Nutzung von negativem Raum macht diese Komposition auch mutig, macht diese Komposition auch mutig wie klein sie alle tatsächlichen Informationen beibehalten haben alle tatsächlichen Informationen und wie nahe sie am Rand des Rahmens sind. Und ich glaube, die Absicht war, dass nicht nur diese Messer den Rahmen von oben nach unten vollständig füllen , sondern sich auch im Vergleich zur Topographie hier rechts noch größer anfühlt. Auch hier ist die Beziehung zwischen den Elementen oder der Vergleich ihrer Skala, die die Dinge noch effektiver machen kann. Hier ist ein weiteres wirklich cooles Beispiel, bei dem Dominanz und Maßstab bei Typografie verwendet werden. Wir haben also den Einstiegspunkt oder den Anfangsbuchstaben des Titels Forever Fashion auf einen extremen Betrag beschnitten , bei dem wir nicht sagen könnten, was wir sehen, offensichtlich ohne die Titel selbst. Wenn Sie jemals planen, diese Art von Effekt zu verwenden, denken Sie daran, dass Sie eindeutige Details eines erkennbaren Buchstabens anzeigen müssen . Und für diese serifenartigen Gesichter werden wir besser arbeiten. So ziemlich alles, was wir sehen, sind die Serifen, aber wir können immer noch herausfinden, was wir uns ansehen. Obwohl wir bisher über vergleichende Skala gesprochen haben , oder die Tatsache, dass Sie mehrere Elemente benötigen , und die Beziehung zwischen ihnen wird Ihnen helfen, den Maßstab festzulegen , der tatsächlich clevere Wege, mit denen Sie auch mit einem einzigen Element einen Skaliersinn erreichen können. Beginnend mit dieser großartigen Illustration von Hulk. Und die Art und Weise, wie er Skalierung ist, wird in diesem Fall erreicht , dass der Rahmen vollständig ausfüllt. Und obwohl es nur ein einziger Charakter innerhalb dieser Komposition ist, die Skala des Kopfes des Charakters im Vergleich zu seinen Armen und hilft die Skala des Kopfes des Charakters im Vergleich zu seinen Armen und seinem Oberkörper auch, die Geschichte zu erzählen , die er ist riesig und muskulös. Eine weitere großartige Illustration von Wonder Woman, dieser Fall zeigt wiederum nur einen einzigen Charakter, aber aufgrund des Standpunkts und wieder trägt die übertriebene Perspektive dazu bei, sie aussehen zu lassen gigantisch und heroisch. Aber Sie können auch bei der Fotografie einen Maßstabssinn erreichen, wie bei diesem brillanten Beispiel, bei dem diese Person eindeutig zu nahe an der Kamera oder nahe am Betrachter ist , um das nächste Mal, wenn ihr Gesicht ist verzerrt zu werden, ähnlich dem, was passieren würde, wenn sich jemand auf eine Glasoberfläche schiebt. Dies beweist nur, dass Sie, wenn Sie kreativ sind, nicht nur Skalierung, sondern sogar Umgebung oder Nähe zu etwas erreichen können , auch ohne mehrere Elemente einzubeziehen die Sie mit jedem vergleichen können andere, wie bei der Skull Island posterior zuvor. 11. Position: Neben Skalierung und Kontrast ist Position wahrscheinlich die wichtigste Technik oder Methode , mit der Sie die Bedeutung eines Elements betonen und eine visuelle Hierarchie in Ihrer Komposition einrichten können. Das Interessante an der Verwendung von Position im Grafikdesign ist, dass sie die beeinflussen oder sogar bestimmen kann Wahrnehmung eines Elements beeinflussen oder sogar bestimmen kann. Und genau wie bei Geschick und Kontrast zur Position können Sie auch sehr kreativ sein und wir werden viele interessante Beispiele sehen. Aber lassen Sie mich Ihnen zuerst dieses erstaunliche Experiment des brasilianischen Designers Naval Atlanta zeigen dieses erstaunliche Experiment , der diese Forschung mit Hunderten von Menschen durchgeführt hat. Und sie zeigten ihnen diese einfachen Grafiken und Fragen. Ohne offensichtlich die Prozentsätze und ohne einen Kontext zu geben, musste sich jeder entscheiden. Zum Beispiel, wer ist in diesem Fall der Gefangene. Der Kreis hier oben, der Kreis unten. So können wir sofort sehen, dass die Mehrheit der Menschen diesen Kreis hier unten gewählt hat, um der Gefangene zu sein. Aber warum denkst du , dass du das auch denselben Kreis gewählt hast, ich denke, der Hauptgrund dafür, dass wir glauben , dass man der Gefangene ist, ist, dass diese Linie hier in der Mitte sich zu teilen scheint der Raum in zwei ungleiche Teile. Und der Platz unten ist kleiner als der darüber liegende Raum. Aber wir können auch die Tatsache zuschreiben, dass mehr Menschen dies unten als Gefangener wählen würden . Zu der Tatsache, dass wir Menschen normalerweise höher in Position oder in einer besseren Position im Allgemeinen, an die Spitze und weniger erfolgreiche Menschen selbst in sozialen Kontexten unter die Hierarchie bringen würden, würden wir auch denken Sie normalerweise an ein Dreieck, und Menschen auf der Spitze des Dreiecks sind die reichsten oder einflussreichsten und mächtigsten. Menschen am unteren Rand des Dreiecks wären die ärmsten und am wenigsten mächtigen. Die Tatsache, dass dieser Kreis näher am oberen Rand der Komposition liegt und der andere Kreis näher am unteren Rand liegt, lässt uns auch glauben, dass dieser Kreis am unteren Rand höchstwahrscheinlich ist der weniger glückliche. Hier ist ein anderes Beispiel. In diesem Fall war die Frage, wer Angst hat. Und obwohl hier die Antworten etwas mehr zwischen den beiden Optionen aufgeteilt waren , gibt es immer noch eine Mehrheit diesen Kreis auf der rechten Seite wählt. Versuchen wir also einfach, das noch einmal zu verstehen. Warum sollten die Leute denken, dass der Kreis auf der rechten Seite eher Angst hat als der linke, ohne in diesem Fall einen Kontext zu geben, glaube ich, dass es hauptsächlich auf die Tatsache zurückzuführen ist, nochmal, dass wir dieses dunkle Rechteck hier auf der rechten Seite haben. Im Allgemeinen ist der Hintergrund hell, während dieses Rechteck viel dunkler ist, während die Menschen im Allgemeinen Angst davor haben, es ist dunkel oder allein im Dunkeln zu sein. Und es scheint, dass es schon genug war, diesen Kreis einfach näher am dunklen Rechteck zu platzieren , um dies zu einem weniger bequemen Ort aus den beiden Kreisen zu machen . Aber wieder, genau wie zuvor, ist dieser Kreis höher. In Bezug auf die vertikale Positionierung ist es also höher, diese ist niedriger. Wenn Sie also über das soziale Dreieck nachdenken , das ich bereits erwähnt habe, ist dieses wieder weiter unten, also fühlt es sich schon etwas weniger glücklich an. Eine weitere sehr interessante Frage war, wer ist der glücklichste? Und in diesem Fall haben wir anstelle von zwei Kreisen drei Quadrate. Und obwohl die Antworten auf die drei aufgeteilt waren, wählte die Mehrheit diese hier oben rechts. Die zweitbeliebteste Antwort war die in der Mitte, und dies war die am wenigsten ausgewählte Option. Nach der Logik der beiden vorherigen Beispiele können wir deutlich erkennen, dass dies die Quadratwurzel ist , die am höchsten oder von allen ist. Aber es ist auch am nächsten rechts und im Allgemeinen, am nächsten am Rand der Leinwand oder diesem Rahmen. Wenn wir zum Beispiel an ein Zimmer denken und Kinder, die in diesem Raum spielen, würden Sie das Kind in der Ecke für das glücklichste oder das in der Mitte des Raumes sitzende halten . Ich glaube, wenn dieser Kontext dieser Illustration gegeben würde , hätte fast jeder den in der Mitte als der glücklichste gewählt . Aber ich glaube, es gibt einen weiteren interessanten Grund warum sich der oben rechts am glücklichsten anfühlt. Und ich denke, denn wenn es in diesem Fall nicht zwei, sondern drei Quadrate hat , fühlt es sich eher wie ein Diagramm an. Und wenn Sie über Charts nachdenken, die meiste Zeit die beste Position ist die meiste Zeit die beste Position oben rechts im Koordinator. Egal was wir auf den beiden Achsen haben, im Allgemeinen möchten Sie in der oberen rechten Ecke sein, abgesehen von einigen Ausnahmen, abgesehen von einigen Ausnahmen je nachdem, worum es in der Tabelle geht. Aber wenn Sie verallgemeinern, würden die meisten Charts Erfolg bedeuten. Je weiter du bist und desto näher an der Spitze bist du. Schließlich noch eine Folie aus diesem Experiment. Wer ist der Sänger der Band? In diesem Fall haben wir fünf Kreise, perfekt in der Mitte ausgerichtet und auch gleichmäßig verteilt sind. Die Kreise haben genau die gleiche Größe und die gleiche Farbe. Visuell gibt es also keinen Unterschied zwischen ihnen und es gibt keinen Grund, warum wir denken würden , dass sich einer von ihnen von den anderen unterscheidet. Trotzdem wählte die Mehrheit der Leute, die an diesem Test teilgenommen haben, das Zentrum als Sänger der Band. Die zweithäufigste Antwort war diese. Der erste Kreis und die anderen drei Kreise sind also im Vergleich zu den anderen beiden fast unbedeutend. Und noch einmal, überlegen wir uns, warum das so ist? geht mehr darum, wer der Anführer sein könnte , wenn dies eine Gruppe ist, denn der Sänger ist normalerweise der Anführer der Gruppe, obwohl dies natürlich nicht immer der Fall ist, aber für den Fall, dass wir darüber sprechen der Anführer. Die meiste Zeit würden wir das in die Mitte stellen, wie wir den Richter oder so in der Mitte des Gerichtssaals hätten , oder wie der Dirigent auch in der Mitte eines stehen würde Orchester. Aber wir können auch verstehen, warum einige Leute diesen Kreis als Sänger oder Anführer der Band gewählt haben . Denn für alle westlichen Länder fangen wir immer an, uns Details anzusehen und von links nach rechts zu lesen. In dieser Reihenfolge ist dieser hier der erste und diese ist der letzte. In diesem Aspekt wird dieser hier auf der linken Seite höchstwahrscheinlich der Anführer sein. Ich habe den Link auf dem Board, wenn Sie daran interessiert sind, die anderen Folien aus diesem Test zu sehen. Was wir jedoch aus diesen Ergebnissen lernen können , die wir gesehen haben, ist, dass die Position visueller Elemente und deren Nähe zu bestimmten Details in einer Komposition unsere Wahrnehmung von ihnen. 12. Ausrichtung: Schauen wir uns zum Vergleich nur diese drei ziemlich ähnlichen Filmplakate an , von denen jedes eine Menge Leerzeichen verwendet und entweder ein oder zwei Personen mit etwas Topographie hat. Sogar die Größe der Menschen in diesen Kompositionen ist ziemlich ähnlich. Und die Hauptunterschiede zwischen ihnen sind, wie sie innerhalb des Rahmens positioniert sind innerhalb des Rahmens positioniert und natürlich auch ihre Haltung. Fangen wir jetzt mit Tom Hanks im Terminal an. Er befindet sich in der unteren rechten Ecke des Rahmens und zeigt deutlich zum Rand des Rahmens. Was uns das sagt, ist, dass er nicht in diesem Rahmen sein will. Er freut sich darauf zu gehen. Auch hier kommt es darauf an, dass wir erwarten würden, dass Dinge von links in den Rahmen kommen und rechts gehen. Und wieder einmal gilt dieser erwartete visuelle Fluss visuelle Fluss hauptsächlich für westliche Länder. Denn zum Beispiel würden sie in arabischen Ländern, in denen die Lesung von rechts nach links ist, denen die Lesung von rechts nach links ist, auch erwarten, dass Details und Elemente oder sogar Menschen von rechts in den Rahmen kommen und nach links gehen. Es ist also genau das Gegenteil von dem, was wir hier sehen verglichen mit dem, wenn wir uns das Poster für den Vorschlagsfilm ansehen , beide Schauspieler sehr nahe am linken Rand des Rahmens, und vor allem Ryan Reynolds Charakter wird fast bis zum Rand des Rahmens gequetscht. Jetzt sieht es eindeutig unangenehm aus und er möchte auch genauso leben wie Tom Hanks, aber er ist koordiniert. Und warum haben wir ihn auf der linken Seite und nicht auf der rechten Seite? Noch einmal, weil wir wissen, dass er auf der rechten Seite gehen könnte , weil das der allgemeine Fluss der Dinge ist. Auch hier blickt Tom Hanks rechts, wo er weiß, dass der Ausgang bei 1 geöffnet wird. Während Sandra Bullock in diesem Fall hindert Ryan Reynolds daran, den Rahmen zu verlassen. Aber jetzt schauen wir uns diesen dritten Postorder an, Mr. und Mrs. Smith mit Brad Pitt und Angelina Jolie, die herausragende, sich links und am rechten Rand des Rahmens gegenüberliegende . Und da sie sich auch in einer sehr ähnlichen Pose befinden, entsteht eine sehr schöne symmetrische Komposition. Das Wichtigste ist jedoch, dass sich diese beiden Charaktere in dieser Komposition gleich anfühlen. Es gibt also keinen dominanten Charakter, wie im vorherigen Beispiel. Sie sind sogar gleich groß und beide sind schwarz gekleidet, auch beide tragen eine Waffe. Was sagt uns die Platzierung dieser beiden Charaktere und die Richtung , in die sie sich befinden. Ich glaube, die Hauptsache , die es uns zu sagen versucht ist, ist, dass sie nicht unbedingt zusammen sein wollen. Sie nehmen also die zwei am weitesten möglichen Punkte innerhalb der Komposition auf, so dass sie sogar leicht ein V voneinander ablehnen, nicht zueinander. Hier erzeugt diese Positionierung hauptsächlich Spannungen zwischen diesen beiden Charakteren. Dies ist fast wie das Gegenteil von dem, was man in einer Komposition erreichen könnte , wenn sich zwei Charaktere umarmen oder küssen. So können Sie sehen, dass die Positionierung Ihrer Elemente in einer Komposition die Geschichte wirklich zugrunde liegen oder betonen kann . Und indem Sie die richtige Position wählen, können Sie die Geschichte, die Sie erzählen , wirklich verstärken und unterstreichen. Jetzt sind Sie möglicherweise nicht immer in der Lage, relevante Informationen nebeneinander zu platzieren. Wie bei diesem Layout haben wir diese schöne Illustration der Wahrzeichen von Barcelona. Und dann haben wir die Kopie in diese Spalten unterteilt, denen jeder über ein bestimmtes Wahrzeichen spricht. Die Reihenfolge der Kopie entspricht jedoch nicht der Reihenfolge der Abbildung. Aus diesem Grund muss der Designer diese Zahlen verwenden, um die Illustration mit der Kopie zu verbinden. Im Vergleich dazu gibt es in diesem Fall ein Layout im Inhaltsverzeichnis, das äußerst ungewöhnlich, aber sehr kreativ ist, bei dem wir diese kleineren Gruppen immer noch klar ausmachen können. Also die Seitenzahlen und die entsprechenden Artikel, aber es ist ein bisschen schwieriger, der Reihenfolge von ihnen zu folgen , weil sie offensichtlich wieder nicht auf konventionelle Weise angelegt sind. Es gibt jedoch immer noch eine Logik. Wir beginnen also mit der niedrigsten Zahl hier oben links Nummer Sechs. Dann machen wir uns in dieser Reihenfolge auf den Weg nach unten. Dann gehen wir von hier aus an den Anfang der nächsten Seite. Und dann folgen wir noch einmal einer ähnlichen Reihenfolge. Also geh von oben runter. Und der Grund, warum ich dieses Beispiel zeige ist, dass Position, unsere Ausrichtung sehr häufig in Kompositionen verwendet wird, insbesondere im redaktionellen Design, zum Gruppieren oder Anordnen bestimmter Elemente zusammen und erleichtert es dem Leser, die Informationen zu verdauen. In diesem Fall macht die ungewöhnliche und fast chaotische Platzierung und Skalierung sowie dieser Elemente bei besonderem Interesse an Trig und Skalierung sowie dieser Elemente bei besonderem Interesse an Trig und im Allgemeinen die Komposition viel dynamischer. Denken Sie also daran, dass es nicht immer darum geht die üblichste oder erwartete Position für etwas zu finden. Manchmal können Sie absichtlich gegen die Erwartungen arbeiten und unerwartete Platzierung für eines oder sogar mehrere Ihrer Elemente wählen . 13. Proportion und Übertreibung: Anteil im Grafikdesign bezieht sich auf die relative Größe Ihrer Elemente in einer Komposition. Und wir haben bereits besprochen , dass Größe für die Schaffung der richtigen visuellen Hierarchie äußerst wichtig ist. Und Proportionen ist eigentlich ein Begriff, der für viele verschiedene Dinge verwendet und angewendet werden kann . Sie können die Proportionen eines Charakters berücksichtigen. also relativ der Kopf, die Füße In diesem Fall sind also relativ der Kopf, die Füße und die Hände im Vergleich zum Körper winzig, aber wir können den Charakter auch mit der Umgebung vergleichen. In diesem Fall bilden dieser Hängesessel und ihre Beziehung zueinander auch ihre Beziehung zueinander auch ein Verhältnis, in dem der Charakter wieder einmal dominanter ist als der Stuhl nicht nur wahrgenommen wird auf diese Weise wegen der Größe des Charakters, aber auch weil der Stuhl mit diesen sehr dünnen Linien im Vergleich zur Dicke des Charakters gezeichnet wird diesen sehr dünnen Linien . Im Falle dieses Banners können wir den Anteil zwischen dem Bild und der Topographie berücksichtigen . Und unter diesem Gesichtspunkt nimmt das Bild ungefähr 40 Prozent der Komposition ein. Während das Logo, die Texte und die Call-to-Action-Button, die Foren visuell gruppieren, ebenfalls etwa 40 Prozent einnimmt , und der Rest ist ein negativer Raum. Ich bin sicher, Sie können sich vorstellen , dass wir im Falle dieses Banners, ohne eines der Elemente zu ändern, ohne eines der Elemente zu ändern, diese Proportionen leicht ändern und auf das verschieben können , was unserer Meinung nach am besten funktioniert. Denken Sie jedoch daran, wenn Sie Dinge auf und ab skalieren, dass die allgemeine Idee darin besteht, die wichtigen Details hervorzuheben die wichtigen Details hervorzuheben gleichzeitig die Harmonie und Integrität zwischen Ihren Elementen zu bewahren . Natürlich gibt es auch einen anderen Begriff, an den Sie sich erinnern sollten, und es ist eine Technik , die Sie in Ihren Designs anwenden können. Und es ist Übertreibung. Und das ist etwas , das normalerweise die Proportionen Ihrer Elemente durcheinander bringt und normalerweise für dramatische Effekte und zum Auffangen Ihrer Zuschauer verwendet wird . Nehmen wir zum Beispiel dieses Buchcover, wo das Haus im Vergleich zur Größe der Flammen und des Rauchs winzig ist . Und indem man diese Proportionen verwendet, um das Feuer als das dominierende Element in der Komposition zu halten , erhält es deutlich viel Wert und übernimmt so ziemlich das Cover dieses Buches. Übertreibung in der Illustration kann für viel mehr verwendet werden als nur um etwas wirklich groß und etwas wirklich Kleines aussehen zu lassen. Es kann auch verwendet werden, um die Form von etwas zu vereinfachen. So verwandeln Sie Formen oder Formen in etwas etwas Abstrakteres. Und genau das passiert hier. Das Tier ist also eine wirklich vereinfachte und die geniale Idee hier ist, dass das Auge tatsächlich eine Person ist. Es gibt also wieder einen großen Unterschied zwischen der Größe oder dem Maßstab dieser beiden Zeichen. Aber in diesem Fall hat der Illustrator, anstatt sie nebeneinander zu haben, diese sehr kluge Art, sie zu kombinieren. Wie Sie sehen können, sind Proportionen und Details deutlich übertrieben. Auch in diesem Fall für dramatische Wirkung. Hier ist ein weiteres sehr interessantes Beispiel, dieses Cover des New York Magazine, dass wieder einmal der Anteil eine wichtige Rolle spielt. Zuallererst haben wir die Gesichter dieser beiden Kinder ganz aus nächster Nähe. Sie sind also definitiv dominante Details innerhalb der gesamten Komposition. In Bezug auf die Proportionen nehmen sie also rund 90% der Deckung ein. Aber was hier wichtig ist, ist, wie entdeckt sich auf den Hauptartikel in diesem Magazin bezieht , dem es darum geht, Rassismus oder einen Artikel im Allgemeinen über Rassismus beizubringen ? Und in diesem Sinne ist dieses Design extrem leistungsstark, da es für jede dieser Phasen ungefähr den gleichen Anteil verwendet ungefähr den gleichen Anteil . Die beiden Kinder fühlen sich also gleich. Aber was extrem klug ist, ist, dass der Abstand zwischen den beiden Augen fast genau eine andere Augengröße hat, was fast identisch mit dem gleichen Verhältnis ist , den man mit dem Gesicht einer Person bekommt. Obwohl wir hier zwei Gesichter und nebeneinander sehen , ist es ähnlich, was wir, wenn Sie sich auf die Proportionen dieser Augen und den Abstand zwischen ihnen konzentrieren die Proportionen dieser Augen und den Abstand zwischen ihnen wenn Sie sich auf die Proportionen dieser Augen und den Abstand zwischen ihnen konzentrieren würde kommen, wenn eine einzelne Person uns anschaut. Ich liebe auch die Tatsache, dass dieser Textblock, den wir hier haben , nicht größer oder breiter eingestellt ist. Es entwickelt auch Foren wie eine Barriere zwischen diesen beiden Phasen oder zwischen diesen beiden Kindern. Diese betonen also weiter die Teilung, die mit der Komposition etabliert wird. Aber denken Sie daran, was das ausgleicht, ist die Art und Weise, wie diese beiden Gesichter durch clevere Proportionen auch eine einzige Phase bilden könnten . Ein weiterer Bereich im Grafikdesign, in dem die Proportionen eine wichtige Rolle spielen, ist die Einrichtung Ihrer Farbpalette. Darüber haben wir bereits im Farbthema gesprochen. Wie wichtig ist es sicherzustellen, dass Sie eine gute Harmonie zwischen Ihren Farben haben. Wichtig ist aber auch, wie viele dieser Farben in einer Komposition verwendet werden, genau wie beim Ausgleichen der Skala Ihrer Elemente können Sie sich auch Ihre Farben im Verhältnis zueinander vorstellen Ihre Farben im Verhältnis zueinander und die meiste Zeit, anstatt sie gleichermaßen zu verwenden, wird es interessanter , sie ähnlich zu denken, wie sie in der Innenarchitektur verwendet werden. Daher wird die 603010-Regel sehr häufig für die Dekoration von Innenräumen verwendet. Und im Allgemeinen bedeutet es , dass Sie immer eine Primär- oder Hauptfarbe haben sollten , die das Design dominieren wird. Und in Bezug auf die Innenarchitektur ist dies normalerweise eine neutrale Farbe als die Sekundärfarbe. Normalerweise ist eine ergänzende Farbe zur Hauptfarbe. Und die dritte Farbe nennen wir die Akzentfarbe, die normalerweise die lebendigste und intensivste Farbe in der Palette ist . Und Sie können Beispiele für diese Regel sehen, nicht nur in der Innenarchitektur, sondern auch im Modedesign. Aber wie gesagt, es ist etwas, das Ihnen auch bei Grafikdesign-Projekten helfen kann, aber Sie müssen es nicht strikt befolgen. beispielsweise zu diesem Banner zurückkehren, das wir zuvor gesehen haben, können wir sehen, dass die Haupt- oder dominante Farbe in diesem Fall Rosa ist, das für den Hintergrund verwendet wird. Dann ist die Sekundärfarbe Grau, das für diese monochrome Version der Person verwendet wird. Und dann haben wir als Akzentfarbe eigentlich zwei Farben. In diesem Fall haben wir dieses Lila, das für den Call-to-Action-Button und auch diese Blätter verwendet wird , aber unten haben wir auch ein bisschen Gelb. Aus diesen beiden Akzentfarben ist das Lila das stärkere , das mehr Kontrast hat. Und deshalb kann es für das wichtigste Element im Banner verwendet werden , nämlich den Call-to-Action-Button. Denken Sie also daran, wenn Sie die Proportionen in Ihrem Design denken, ist nicht nur die Skala der Elemente wichtig, sondern auch die Proportionen der Farben, die Sie verwenden. Und so ziemlich alles andere kann so betrachtet werden, sogar, sagen wir mal den Anteil der Bilder im Vergleich zum Typ auf einem Cover. Aber egal welchen Aspekt Ihres Designs Sie ändern oder anpassen. Denken Sie daran, dass die Proportionen für die auffallende Harmonie und Balance äußerst wichtig sind. Aber wenn Sie Übertreibung verwenden, können Sie auch Dinge aus dem Gleichgewicht bringen , um einen dramatischen Effekt zu erzielen. 14. Aussagebezogene Dichte: Bisher haben wir über visuelle Hierarchie in Bezug auf komplexere Designs wie Zeitschriftenaufstriche und Layouts, Buchcover, Filmplakate gesprochen komplexere Designs wie Zeitschriftenaufstriche und Layouts, . Vergessen Sie jedoch nicht, dass die visuelle Hierarchie auch auf kleinere oder weniger komplexe Designs angewendet werden sollte , wie im Falle eines Logos. Und um besser zu verstehen, wie visuelle Hierarchie speziell im Logodesign funktioniert, müssen wir über die Aussagendichte sprechen. Hier denken wir an die Beziehung und den Anteil zwischen der Anzahl der Elemente in einem Logo und der Menge der zugrunde liegenden oder versteckten Bedeutungen, die in sie gebunden sind. Nehmen wir dieses Logo zum Beispiel aus Barack Obamas Präsidentschaftskampagne 2008, die ein brillantes Beispiel dafür ist wie die Bedeutung die Anzahl der verwendeten Elemente bei weitem überwiegen kann. Und wir sprechen über Aussagendichte, die Bedeutungen, die wir normalerweise als tiefe Vorschläge bezeichnen . Und Sie können sich leicht daran erinnern , dass dies die versteckten Bedeutungen oder zugrunde liegenden Besprechungen sind, sie tief im Inneren liegen und die tatsächlichen Elemente, die in dem Design verwendet werden, das wir als Oberflächenvorschläge bezeichnen. Und das ist auch leicht zu merken , weil sie an der Oberfläche sind. Das können wir tatsächlich sehen. Es gibt eine sehr einfache mathematische Gleichung um die tatsächliche Aussagendichte zu erhalten, man muss einfach zählen wie viele tiefe Vorschläge man finden kann , und diese Zahl dann mit teilen die Anzahl der Oberflächenpropositionen. Zählen Sie also im Wesentlichen die Anzahl der Bedeutungen, die Sie finden können und teilen Sie sie mit der Anzahl der im Design verwendeten Elemente. Im Falle dieses Logos können wir also zehn Bedeutungen und nur drei Elemente finden , die verwendet werden. Die Gleichung ist also zehn geteilt durch drei, was zu einer Zahl höher als drei führt. Selbst wenn Sie erreichen können dass die Aussagesdichte höher als eine ist, leisten Sie bereits großartige Arbeit. Aber wie Sie in diesem Fall sehen können, gab es mehr als dreimal so viele Bedeutungen wie die tatsächlichen Elemente. Dies ist natürlich ein außergewöhnlich gutes Beispiel für die Aussagendichte. Aber um Ihnen das andere Extrem hier zu zeigen , ist ein Logo, das offensichtlich viel schwächer ist in Bezug auf die Aussagendichte offensichtlich viel schwächer ist. Und hier liegt diese Zahl höchstwahrscheinlich unter einer , weil es mehr Elemente als Bedeutungen gibt. Und ohne es zu zählen, können wir sofort sehen, dass wir den Weißkopfseeadler und die amerikanische Flagge haben , die im Grunde genau die gleiche Bedeutung von Patriotismus haben. Ebenso haben wir den Text In God We Trust hier unten, aber dann haben wir auch die Bibel und das Kreuz. Also nochmal drei Elemente, die der gleichen Bedeutung dienen. Ganz zu schweigen davon, dass selbst Text wiederholt wird. Die Grafschaft Saint Francois , die hier auf der Außenseite geschrieben ist, ist auch hier auf dieser winzigen Karte im Logo sichtbar. Ich bin mir ziemlich sicher, dass wir, auch ohne genau die Vorschläge der tiefen Oberfläche zu zählen , deutlich erkennen können, dass dieses Logo im Vergleich zur Obama-Kampagne weit weniger erfolgreich ist . Aber es gibt viele andere Logos mit einer großen Aussagendichte, wie das aktuelle Airbnb-Logo, das, obwohl es sich nur um eine einfache abstrakte Form handelt, es sich tatsächlich auf viele Dinge wie Menschen, Orte, Liebe und auch der Buchstabe a , der der erste Buchstabe des Namens ist. In diesem Fall gibt es zwei Oberflächenpräpositionen, die Form und den Text. Aber wir können sofort feststellen, dass diese vier tiefen Vorschläge, also vier geteilt durch zwei. Wir bekommen zwei für die aussagende Dichte, was wieder eine brillante Leistung ist und eine Marke einprägsam ist und dass die Menschen sie leicht erkennen können, die Effektivität stark ab der Aussagendichte, für die, wie wir sehen können, eine der wichtigsten Dinge darin besteht, Ihre Elemente so einfach oder so weniger wie möglich zu halten . Es gibt eine Studie namens Branded in Memory, die zeigt, wie verschiedene Marken von der breiten Öffentlichkeit in Erinnerung bleiben. Hier können wir zum Beispiel sehen, das Apple-Logo aus dem Speicher von mehr als 150 Personen so angezeigt wird , dass wir die genaueren Versionen erhalten, wenn wir nach unten rechts kommen. Und wir haben die am wenigsten genauen hier oben links. Die Zeichnungen verbessern sich also, wenn wir uns Weg in die untere rechte Ecke machen. Und es gibt auch einige zusätzliche interessante Statistiken hier unten. Von denen wahrscheinlich die interessanteste zeigt , dass die tatsächliche Farbe des Logos graue Substanz ist. Dies sind die Farben, die Leute verwenden, wenn sie diese Logos zeichnen. Obwohl die meisten Leute Grau verwendeten, gibt es auch ziemlich viele Leute, die Schwarz benutzen und niemals, sogar einige Leute verwenden Blau und Rot in diesen Zeichnungen. Jetzt ist definitiv die wichtigste Zahl hier der Prozentsatz wie viele Menschen es schaffen, eine nahezu perfekte Version des Logos zu zeichnen , denn das zeigt wirklich gut, wie einprägsam dieses Logo ist. Und im Falle von Apple waren es im Vergleich dazu 20 Prozent. Dieselbe genaue Studie ergab nur sechs Prozent für nahezu perfekte Zeichnungen für Starbucks. Und ein paar wirklich witzige Versionen des Logos hier oben links. Das Logo mit der besten Leistung in dieser Studie war jedoch das Ziel mit fünfundzwanzig Prozent nahezu perfekten Zeichnungen. Das bedeutet, dass jeder vierte Personen es geschafft hat, das Logo aus dem Gedächtnis zu ziehen , ohne Fehler zu machen. Und selbst die Farben und ihre Proportionen stimmten fast perfekt zum eigentlichen Logo aus all diesen Zeichnungen überein. Jetzt können wir deutlich erkennen , dass die Aussagendichte eine große Rolle beim Logodesign spielt . Die allgemeine Lektion, die wir daraus lernen können , ist, dass wir das Denken an Oberflächen- und tiefe Vorschläge Oberflächen- und tiefe Vorschläge auch auf alle Formen von Design anwenden können. Selbst wenn Sie an einer Broschüre, einem Poster, einer Zeitschrift oder einer Website arbeiten , sollten Sie sich immer fragen, ob Sie dieses zusätzliche Element hinzufügen müssen und ob es hinzugefügt werden soll irgendeine Bedeutung für Ihr Design oder machen Sie es den Zuschauern leichter zu verstehen, was sie sehen. Führen Sie also nur neue Elemente wenn sie wirklich wichtig sind und wenn im Design bereits nichts vorhanden ist , das dem gleichen Zweck dient, indem Sie die visuelle Hierarchie direkt in Ihrem Designs hängen nicht nur davon ab, bestimmte Elemente gegenüber anderen zu priorisieren, sondern auch von Ihrer Fähigkeit zu beurteilen, welche Elemente Sie in der Komposition wirklich benötigen und welche sind die, die du auslassen kannst. 15. Schlussbemerkung: Herzlichen Glückwunsch zum Abschluss dieses Kurses der Grafikdesign-Theorie-Serie. Ich hoffe, Sie fanden es nützlich und inspirierend. Vergessen Sie nicht, das Glossar der Begriffe PDF zu durchlaufen, alles zu überprüfen, was wir behandelt haben, und wenn Sie sich bereit fühlen, nehmen Sie am Quiz teil, um Ihr Wissen zu testen. Kommen Sie jederzeit zu den Referenzen auf den Millenial Boards zurück , die wir in diesem Kurs verwendet haben, um Ihnen zu helfen sich an die Dinge zu erinnern, über die wir gesprochen haben, oder definieren Sie Inspiration für Ihr nächstes Designprojekt . hatten das Gefühl, dass in diesem Kurs etwas fehlt oder wenn Sie Vorschläge haben , wie wir ihn verbessern können, senden Sie uns eine E-Mail an info unter der Aufgabe designer.com, und wir werden uns bei Ihnen melden, sobald möglich. Wir bedanken uns sehr für Ihren Beitrag und Ihre Hilfe. Jetzt ist es an der Zeit, dass Sie Ihr nächstes Thema auswählen und in einen anderen Kurs zur Grafikdesigntheorie eintauchen. Denken Sie daran, dass es keine richtige oder falsche Reihenfolge gibt, um diese Serie abzuschließen. Alle Regeln, die wir behandeln, sind gleichermaßen wichtig und alles hängt zusammen. Am wichtigsten ist es jedoch , diese Regeln gut zu verstehen und sie in Ihren Projekten anzuwenden. Ich bin sicher, dass Sie das Gelernte verwenden werden , um etwas Erstaunliches zu erschaffen. Und ich kann es kaum erwarten, es zu sehen.