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.