Transkripte
1. Einführung: Was das
Erlernen der Designtheorie
schwierig macht , ist, dass
alles zusammenhängt. Es ist schwierig, über
ein einzelnes Regelprinzip oder
Element zu sprechen ein einzelnes Regelprinzip oder , ohne
sich auf andere zu beziehen. Das hat
mich dazu inspiriert,
meine umfassendste und
zugänglichste Schulungsreihe aller Zeiten zusammenzustellen meine umfassendste und
zugänglichste , alles
behandelt wird, was Sie über die Theorie des
Grafikdesigns
wissen müssen . 20 Jahre Erfahrung in der Anwendung dieser
Theorien in meiner Arbeit
als kreativer Profi und deren
Vermittlung an Studenten auf der
ganzen Welt haben mir
geholfen, einen einzigartigen Ansatz zu
entwickeln alles
erklärt,
ohne
dass Sie sich jemals überfordert fühlen Wir werden
reale Beispiele von Print-, Web-
und Mobildesigns analysieren und vergleichen, um Ihnen dabei
zu helfen,
eine mentale visuelle Bibliothek
mit großartigen Kompositionen aufzubauen eine mentale visuelle Bibliothek
mit großartigen Kompositionen Am Ende dieser Serie wirst
du in der Lage sein, dich an
viele kreative
Beispiele aus dem Gedächtnis zu erinnern . Sie werden auch lernen, Designs zu
analysieren und die richtigen Fragen zu
stellen bei der Beurteilung Ihrer
eigenen Kompositionen Egal, ob Sie ein
erfahrener
Kreativprofi sind oder gerade
erst als Grafikdesigner anfangen, die
Kurse dieser Reihe werden
Sie als
unglaublich interessant,
inspirierend und wertvoll empfinden unglaublich interessant,
inspirierend und Steigern Sie Ihr Selbstvertrauen, indem verstehen, wie
Sie ansprechende, klare und effektive
Kompositionen Und lernen Sie die
Sprache des Designs um
mit Kunden,
Druckern, Entwicklern und
anderen kreativen Fachleuten zu kommunizieren . In diesem Kurs werden wir
alle Prinzipien behandeln, die Gäste verlassen müssen,
einschließlich Schließung, Kontinuität, Ähnlichkeit,
Einfachheit,
Figuralität und vieles mehr. Um herauszufinden, wie sie in
Grafikdesign-Projekten
eingesetzt werden können . diese universellen Gesetze
der visuellen Kommunikation verstehen , gewinnen
Sie Selbstvertrauen
und können während
des gesamten Designprozesses leichter Entscheidungen
treffen. Zusammen mit dem
spannenden Klassenprojekt , das Sie hoffentlich
am Ende des Kurses abschließen werden. Sie haben 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. Gestalt-Prinzipien (Teil 1): Ich betrachte die Prinzipien des
Gaststils gerne als die Grammatik der
visuellen Kommunikation Jede Sprache auf der ganzen Welt stützt sich auf Grammatik
, die Regeln festlegt , Konsistenz
schafft und
sicherstellt , dass sich alle
verstehen können. Es ist interessant, aber
wenn Sie darüber nachdenken, lernen
wir in der Schule nicht wirklich wie man Dinge versteht
, wenn wir sie betrachten. Die visuelle Wahrnehmung
ist also fast instinktiv. Es ist etwas, das wir
lernen, wenn wir erwachsen werden. Und schon als Neugeborenes beginnen
wir, unsere Umwelt zu verarbeiten ,
indem wir sie betrachten. Natürlich nutzen wir zu Beginn
unseres Lebens
unsere anderen Sinne eher zum
Berühren und Schmecken von Dingen. Aber mit zunehmendem Alter verlassen wir uns immer mehr auf unsere Augen, um
unsere Umwelt zu verstehen und mit ihr interagieren zu
können. Offenbar sind fast 50%
unseres Gehirns ausschließlich der
Verarbeitung der visuellen
Reize gewidmet ,
mit denen wir tagsüber
ständig bombardiert werden mit denen wir tagsüber
ständig bombardiert Und selbst wenn wir schlafen, projiziert
unser Gehirn Bilder,
die wir als Träume verstehen Und ich stelle mir gerne
vor, dass Träume eine Art
Übung für das Gehirn sind. Selbst wenn wir Dinge
betrachten, versucht
es also, die
Muskeln zu trainieren, die wir einsetzen, wenn wir wieder
Dinge betrachten und versuchen zu
verstehen, was wir sehen. Also zurück zu den
Guesttop-Prinzipien und warum es wichtig ist
, etwas darüber zu lernen Denken Sie daran, dass ich gesagt habe, dass wir nicht
lernen müssen, Dinge zu sehen Das ist jedoch völlig richtig. Als Designer oder
Grafikdesigner müssen
wir besser
verstehen, wie Menschen
die von
uns entworfenen Designs wahrnehmen, um die Botschaft, um die es bei dem Projekt geht
, effektiv
vermitteln zu
können . In diesem Video
werde ich Ihnen
einen kurzen Überblick darüber geben , woher die Gestalprinzipien
stammen Und wir werden
dieses Unilever-Logo
auf der Tafel kurz analysieren , um zu
sehen, wie die Gesto-Prinzipien jede Art von Design angewendet werden
können In den folgenden Videos werden
wir uns
all diese Prinzipien
viel detaillierter ansehen und uns
viele,
viele Beispiele ansehen, um
sicherzustellen, dass Sie
verstehen, wie Sie sie in Ihren Designs implementieren Zuallererst
kommen die
Gastprinzipien also tatsächlich aus dem
Bereich der Psychologie. Es wurde Anfang des 20. Jahrhunderts von drei
Psychologen in Österreich und Deutschland gegründet. Und das wichtigste Zitat
, das die ganze Idee hinter dem
Gastutismus von Kurt Kofka wirklich gut
zusammenfasst , der sagte
, das Ganze sei etwas anderes
als die Summe Und das Wort „Andere“
ist sehr wichtig, es ist
also nicht mehr so,
wie Aristoteles gesagt hat, sondern es ist Sie können sich das Beispiel eines
Fahrrads ansehen , wenn wir alle seine Teile angeordnet haben und wenn
wir alles zusammenfügen, obwohl es genau
dieselben Komponenten
mit der richtigen
Konfiguration oder Montage sind, es uns von A nach B
bringen kann.
Es wird zu einem Fahrzeug Und das ist etwas, was
wir definitiv nicht über all
seine Teile sagen
können , einzeln oder
einfach so angeordnet, nur wenn sie richtig
zusammengesetzt sind. Und das ist eine großartige Analogie , um auch über Design nachzudenken ob Sie
Typografie, Bilder ,
Formen, Farben, Kontraste
usw. Sie können all diese Dinge verwenden, aber wenn Sie sie nicht richtig
oder effektiv
zusammenstellen , wird Ihr Design nicht gut aussehen oder die
Aufmerksamkeit der Zuschauer nicht auf sich Nur wenn Sie alles im richtigen Gleichgewicht, in
der richtigen Reihenfolge oder in der
richtigen Hierarchie
zusammenstellen richtigen Gleichgewicht, in
der richtigen Reihenfolge oder in der
richtigen Hierarchie
zusammenstellen , können Sie
ein effektives Design erstellen. Es gibt noch einen weiteren wichtigen
Grundbegriff, der
in den
Prinzipien des Gaststils verwendet wird: Emergenz. Und das bedeutet im Wesentlichen ,
dass wir dazu neigen,
das gesamte Objekt zu betrachten , bevor wir seine einzelnen Teile
sehen. also als
Grafikdesigner denken, bedeutet
das, dass, wenn Sie zum Beispiel
ein Poster erstellen, die
Leute das Poster in seiner Gesamtheit betrachten, bevor
sie anfangen kleinere Details wie
die Personen auf dem Poster oder den
Titel oder Untertitel usw. Und warum ist das wichtig? Denn für uns Designer müssen
wir immer
eine ansprechende Komposition oder ein angenehmes
Gesamtbild unseres Designs kreieren . Aber wir müssen auch sicherstellen , dass die Leute
alle relevanten
Informationen finden können, wenn sie etwas mehr Zeit nehmen, um sich das anzusehen
, was wir geschaffen haben.
3. Gestalt-Prinzipien (Teil 2): Wenn wir uns also das aktuelle
Design des Uni Liver-Logos ansehen, können
wir sofort einige der Guestyle-Prinzipien
aufgreifen ,
die hier angewendet werden Wie die Einfachheit, die auch als Gesetz der Schwangeren
bezeichnet wird , was wir in all
diesen kleinen Symbolen hier sehen können Sie sind alle
fast bis zur Abstraktion vereinfacht. Aber wenn wir aufpassen, können
wir hier immer noch ein paar Dinge
ausmachen und erkennen Als ob da ein kleines E wäre. Wir haben auch einen Vogel, es gibt einen Pfeffer, es gibt eine Palme, es gibt ein Symbol,
das für Recycling steht. Es gibt noch ein anderes
Symbol, das Herz, das als Liebe
interpretiert werden kann. In diesem Zusammenhang deutet
es jedoch eher auf gesunde Produkte hin. Warum war es Ihrer Meinung nach
wichtig, die Regel
der Einfachheit auf all
diese Symbole in diesem Logo anzuwenden ? Nun, wenn Sie darüber nachdenken, wenn sie zu komplex wären und zu
viele Details enthielten, würde
es am Ende zu
komplex und ablenkend werden Und definitiv
würde es nicht als Logo funktionieren. Unilever ist ein riesiges Unternehmen mit so vielen Marken Und um diese Komplexität
vermitteln zu können, beschloss
der Designer, viele Aspekte
dieser Marken
hervorzuheben, ohne dass beschloss
der Designer, viele Aspekte
dieser Marken
hervorzuheben sie zu überwältigend
oder überwältigend wirken Und das bringt uns zu der anderen
Regel, die hier angewendet wird,
nämlich Figure Ground genannt Das bedeutet, dass wir so etwas wie diese Form
hier als einheitlichen
Umriss des Buchstabens U
betrachten können hier als einheitlichen
Umriss des Buchstabens U Das ist
also etwas,
das wir
als Grund oder Hintergrund verstehen würden , und all die kleinen
Symbole darin sind die Figuren oder die
Vordergrundelemente. Die Grundregel für Figuren ist
etwas schwieriger zu verstehen. Sie werden
sie
also viel besser verstehen, Sie werden
sie
also viel besser verstehen wenn wir uns weitere
Beispiele dazu ansehen. Da diese U-Form nun
so viele
kleine Symbole enthält,
wurden auch einige
zusätzliche Regeln angewendet, um sie
ästhetisch ansprechend zu gestalten Eine davon, die ziemlich
offensichtlich ist, ist Ähnlichkeit. Im Grunde
bedeutet das, dass sich all diese Symbole einander
ähnlich anfühlen, sodass sie alle dieselbe Farbe verwenden. Sie haben alle abgerundete Kanten, sodass sie keine scharfen
Ecken haben. Und wenn man auf die Symbole
achtet, scheinen
sie alle
der Form des U
zu folgen Das nennen
wir gemeinsames Schicksal. Sie alle haben das Gefühl, in dieselbe Richtung zu gehen oder zu
fließen. Und eine weitere interessante
Sache, die wir hier
sehen können , ist, dass es nicht
notwendig war , einen festen
Umriss für den Buchstaben U zu erstellen, damit er aussieht, als wäre er geschlossen. Wir nehmen ihn also als eine enge Form wahr, obwohl
er Lücken aufweist. Und das ist ein perfektes Beispiel. Und die Verwendung des Prinzips
im Gaststil, der sogenannten Schließungssymmetrie, ist eine weitere
Regel, die wir hier sehen können Wenn wir also diese Linie
hier in der Mitte haben, können
Sie sehen, dass nicht nur der Buchstabe U darauf ausgerichtet ist, sondern auch der Text unten symmetrisch
zum Buchstaben darüber ausgerichtet
ist Dies trägt dazu bei, ein
angenehmes Gleichgewicht in
dieser Komposition zu schaffen angenehmes Gleichgewicht in
dieser Und wenn wir uns den Text selbst ansehen,
hier unten, dort auch eine andere
Regel angewendet, die als
Fortsetzung oder Kontinuität bezeichnet wird. Auch hier kann unser Gehirn das
leicht miteinander verbinden und es als ein
einziges Wort
verstehen, auch wenn es Lücken zwischen
den Buchstaben gibt. Das funktioniert
vor allem deshalb gut, weil es wie ein handgeschriebener
Text oder Manuskript
aussieht Wenn dieser Text jedoch in einer anderen Schrift geschrieben wäre,
etwa
in einer Serif- oder Sunserischrift,
dann würde es schon
Probleme geben, dann würde es schon
Probleme wenn wir diese großen
Lücken zwischen diesen Buchstaben hätten,
vor allem, wenn diese Lücken ungleichmäßig sind vor allem, wenn Und eine weitere
Regel, die hier verwendet wird, ist die Näherung, die in diesem Fall die Buchstabenmarke,
die wir
hier oben haben, und die Wortmarke,
die wir
darunter haben, verbindet hier oben haben, und die Wortmarke,
die wir
darunter haben, Also die Nähe
dieser beiden Elemente und die Tatsache, dass sie übereinander gestapelt
sind, wir müssen das immer
als eine Einheit betrachten, als Logo, auch wenn es
zum Beispiel zusammen mit
den Logos anderer Marken auf einer Anzeige
platziert wird . Zusammenfassend lässt sich sagen, dass
die Bedeutung der
Guest-Out-Prinzipien darin besteht, dass
Sie als Designer in der Lage sein müssen, Sie als Designer in der Lage sein müssen Und das können Sie nur effektiv
tun verstehen,
wie
Ihre Zuschauer die visuellen Informationen, die
Sie ihnen präsentieren, interpretieren oder wahrnehmen die visuellen Informationen, die
Sie ihnen präsentieren Ich hoffe, Sie sind gespannt
, denn jetzt werden wir uns einzelnen Regeln
der
Guest-Style-Prinzipien viel genauer ansehen . Und mach dir keine Sorgen, wenn du dich zu diesem Zeitpunkt
etwas überfordert fühlst diesem Zeitpunkt
etwas überfordert Es wird alles viel
mehr Sinn machen, wenn wir die Designs
in den kommenden Videos
durchgehen und analysieren und uns jedes Mal wirklich auf
einzelne Prinzipien konzentrieren jedes Mal wirklich auf
einzelne Prinzipien
4. Abschluss: Schließung ist eine
der einfacheren
Regeln der Gestaltprinzipien Wenn Sie also
ein Bild betrachten, bei
dem einige Details fehlen, kann
Ihr Gehirn
diese Lücken einfach und automatisch für Sie füllen Damit diese Regel funktioniert, ist
es wichtig, dass Sie
das richtige Gleichgewicht finden Wenn Sie zu viele Details
weglassen oder
zu viele Details
fehlen,
werden zu viele Details
fehlen, Ihre Zuschauer sie möglicherweise
als
eigenständige Details betrachten und Schwierigkeiten haben , das Design zu verstehen. Und wenn Sie andererseits zu viele Informationen
bereitstellen, müssen Sie die Lücken nicht füllen, sodass Ihr Design nicht so ansprechend oder interessant
anzusehen ist. Schauen wir uns zuerst diese Abbildung
hier links an.
Die wichtigen visuellen Details
hier, die wirklich helfen zu
verstehen, was wir
betrachten, sind diese
allgemeinen Details, die wir sehr schnell
verstehen
können, wie die Schuhe, das Skateboard, die
Haare und die Hand Obwohl alles
sehr stilisiert oder vereinfacht ist , können
wir sie dennoch verstehen Und sobald wir
diese paar Details gesehen haben, dieses Punktmuster ohne
festen Umriss Sinn, da es sich
um das Kleid handelt
, das diese weibliche
Figur trägt Achte darauf, dass es fast keine Details für das Gesicht gibt, sodass wir weder Augen noch Nase wirklich
sehen können. Vielleicht war ein winziger
Hinweis auf das Ohr ausreichend, um zu verstehen,
was wir sehen. Es reichen also einige solide
Details, die
komplett mit
Schwarz gefüllt sind , wie die Schuhe, die Haare und auch
das Skateboard, das einen klaren Umriss hat, aus, um
alles zusammenzuhalten Und noch einmal,
dieses schwebende Muster zu verstehen , das keine
Kontur oder Kontur Und Sie
fragen sich vielleicht, warum es
notwendig war , den Umriss
wegzulassen? Und eine einfache Antwort
darauf besteht darin, es fesselnd oder spannend zu gestalten
, wenn ein Verschluss verwendet wird. Nun, bei einem Design
fordert es den Betrachter in der Regel heraus und gibt ihm etwas
zum Nachdenken. Es ist fast wie ein kleines
visuelles Rätsel, das man lösen
muss
, um zu verstehen, was
man sieht In dieser speziellen
Abbildung spielen auch viele andere
Regeln eine Rolle,
wie Bewegung oder Bewegung, die wir wiederum deutlich
erkennen können, wenn wir uns zum Beispiel die Haare ansehen,
was
auf eine Vorwärtsbewegung hindeutet, was
auf eine Vorwärtsbewegung hindeutet weil wir wissen, dass langes Haar senkrecht nach unten fallen
würde Und wenn wir sehen, dass Haare
horizontal dargestellt sind, dann verstehen wir sofort , dass es sich
um eine Bewegung handeln muss. Oder vielleicht weht nur der
Wind von rechts. Ein weiteres Prinzip des Gaststopps,
Common Fate,
hilft uns jedoch, einige dieser Details
miteinander zu verbinden und die Bewegung
oder die Richtung dieser Bewegung zu
verstehen . Nicht nur die Haare, sondern auch das Bein sind nach hinten
ausgestreckt, und auch der Arm
zeigt in diese Richtung. All diese Details zusammen
helfen uns also ,
alles miteinander zu verbinden und verstehen,
dass hier tatsächlich ein schneller Vorlauf stattfindet. Auch wenn das ein
völlig statisches Bild ist. Wir werden viel
mehr über Bewegung sprechen
und darüber , wie wir
sie in unseren Designs angeben können. Sobald wir zum
Thema Balance gekommen sind, schauen wir uns das Beispiel des Johnny Walker-Logos an. sich gegenüber der ursprünglichen
Abbildung
stark weiterentwickelt und
verändert , aber dennoch
die ursprüngliche Ästhetik
des Designs bewahrt . Neben der offensichtlichen
Vereinfachung der Details zu machen ist
die Verwendung eines Verschlusses
die wichtigste Regel, die dazu beigetragen hat,
dieses Logo effektiver Ziemlich viele Details
hier schweben einfach im Raum. Aber auch hier können
wir dank ihrer
Nähe oder Nähe diese fehlenden Details sehr schnell miteinander verbinden und verstehen, dass wir hier mit Hosen
oder Hosen zu tun haben, obwohl sie
keine Kontur aufweisen Nun ist es interessant
, dass es
eine andere Version gab , die noch abstrakter
war, bei der sogar die Hand fehlte und es noch weniger
Details um den Kopf herum gab Aber diese Version
hat die Regel der Schließung wahrscheinlich etwas zu weit getrieben. Und sie haben ein
bisschen zu viele Details
ausgelassen , als dass sie
leicht erkannt werden könnten. Und wahrscheinlich haben sie
deshalb beschlossen , es zu ändern und
ein bisschen mehr Details zurückzubringen. Dies ist also ein großartiges Beispiel, an dem wir sehen können, wie große Marken wie Johnny Walker den Einsatz von Verschlüssen verfeinern. Ich liebe das Poster zu diesem
Film mit dem Titel The Lobster, dem wir sehen können, wie Colin
Farrell etwas umarmt, aber wir können nicht wirklich
erkennen, was es
ist, weil es völlig fehlt Das würden wir also als negativen Raum
bezeichnen. Aber in diesem Fall geht es
eher darum,
die Regel der Schließung anzuwenden ,
weil unser Verstand sofort versucht, diese Lücke
zu füllen und zu erkennen, was aus dem Bild
entfernt wird. Und es gibt einige sehr
subtile visuelle Hinweise auf das fehlende Detail Wenn Sie diesem Bereich hier genauer Aufmerksamkeit
schenken, können
wir tatsächlich sehen, dass es einige Details von Haaren
gibt Das ist also ein guter Hinweis darauf
, dass es hier höchstwahrscheinlich
eine Frau
gibt , die entfernt wurde, oder eine
Person mit langen Haaren. Und denken Sie daran, was wir
über
die Ausgewogenheit gesagt haben oder darüber, wie viele
Details angezeigt werden sollen, und die richtige Menge an
Details, die hier fehlen, gesagt haben. Die Hände sind unglaublich
wichtig, denn ohne sie wäre
es viel schwieriger zu
verstehen, was wir
hier sehen. Die Hände werden hauptsächlich
benötigt, damit wir verstehen, dass
hier eine Umarmung stattfindet. Sie dienen aber auch
als Rahmenelement, das
wirklich dieses Gefühl von Raum oder Tiefe erzeugt Und diese Komposition erinnert mich
an Pantomime, wo
Künstler wiederum nur aus dem Nichts beschreiben
, womit
sie interagieren Das Logo des World
Wildlife Fund ist auch ein hervorragendes
Beispiel für die Schließung der USA, wo wir
den Pandabären
sofort erkennen können ,
obwohl an der Kontur
wieder einige Details fehlen Das liegt vor allem an den
charakteristischen Details die noch sichtbar sind, wie den Flecken
um die Augen und den großen Ohren und all
diesen kurvigen Formen Was
unserem Gehirn weiter hilft,
diese fehlenden Details zu schließen , ist die
Art
und Weise, wie dieses Detail hier und auch dieses andere
hier rechts allmählich dünner
wird Es handelt sich also nicht um eine
kontinuierliche Dicke, sondern um
einen schönen Übergang von dicken Linien zu
dünneren, spitzen Kanten Dieser Übergang oder die allmähliche
Änderung der Dicke führt
tatsächlich zu einer Bewegung
oder einem Fehler im Design Und es betont
die Form des Bären weiter. So können wir
die fehlenden Details für den
Kopf und auch für den Körper sehr deutlich erkennen . Und ich liebe dieses lustige
Beispiel hier rechts, das eindeutig nicht die
aktualisierte Version dieses Logos ist, sondern zeigt, wie ein Eisbär im
gleichen visuellen Stil aussehen
könnte. Aber natürlich
ging auch hier
das Tuning der Schließung zu weit. Es wurden einfach zu viele
Details ausgelassen dass
dies als Logo wirklich
effektiv funktionieren könnte. Wenn wir die beiden Versionen
nebeneinander sehen, ist es
natürlich leicht zu
verstehen, worum es bei dem
Bild geht, aber stellen Sie sich vor, Sie sehen
es alleine. Nun, ich bin mir sicher, dass Sie sich vorstellen
können, dass es als Logo nicht wirklich funktioniert. Es gibt auch einen Begriff
namens Ratifizierung oder
Verdinglichung , der diese ganze Idee
der Schließung
beschreibt und wie unser Gehirn
und unsere Augen dazu neigen Lücken
dort
zu füllen, wo Konturen oder Konturen fehlen Und obwohl es hier noch so viele andere wirklich gute Beispiele Abschließend wollte ich nur noch dieses Poster
oder Design
hervorheben , bei dem wir sehen können, dass der
Verschluss auch
extrem eingesetzt werden kann. Wo wir nicht
einmal Umrisse des
Themas unseres Designs zeigen , was in diesem Fall dieses
fehlende Kunstwerk ist, das nur von Details
umgeben ist, den drei Händen und
dem Text hier der oberen linken Ecke
dieses fehlenden Stücks. Aber wenn Sie hier
darüber nachdenken, für dieses Detail eigentlich überhaupt keine Konturen
verwendet. Obwohl es sich also um eine ziemlich
extreme Verwendung von Verschlüssen
handelt, funktioniert sie vor allem
deshalb, weil alle vier Ecken dieser rechteckigen Form
ein Detail aufweisen , das sie zusammenhält. Stellen Sie sich vor, Sie würden
eine dieser Hände entfernen die Komposition würde
sofort auseinanderfallen.
5. Kontinuität (Teil 1): Kontinuität ist ein weiteres Prinzip , bei dem es darum geht, Punkte zu
verbinden. Auch dies ist etwas, das unser Verstand automatisch tut. Im Grunde genommen
mögen wir es also, Dinge in einer Reihe,
einer Linie oder einer Kurve
angeordnet zu sehen , und das ist einfach
angenehm für das Auge und auch für
uns leichter zu verstehen. Das ist der Grund,
warum wir gerne
Bäume in einem Garten in einer
Reihe pflanzen sehen Bäume in einem Garten in einer
Reihe pflanzen oder Kleidung
in einem Umkleideraum
in der gleichen Reihenfolge anordnen , wie
wir sie tragen würden
, mit Hüten oben und
Schuhen im unteren Regal Auch wenn es keinen
wirklich logischen Grund gibt sie in dieser Reihenfolge
anzuordnen, schafft
sie einfach eine ästhetisch ansprechende Kombination
und hilft unserem Geist, diese Gegenstände oder
die Bäume, die in einer Reihe
gepflanzt wurden, miteinander zu verbinden die Bäume, die in einer Reihe
gepflanzt wurden, Es ist ein Instinkt für
uns, einem Fluss, einem Pfad oder
einem Zaun zu folgen Pfad oder
einem Zaun Und genau das sehen wir auch
gerne in Designs Wann immer es also eine Einladung
gibt, einen Weg, dem unsere Augen folgen können, werden
wir das höchstwahrscheinlich tun.
Als Grafikdesigner ist
Kontinuität ein hervorragendes Mittel, ist
Kontinuität ein hervorragendes Mittel das Ihnen helfen kann, den Blick Ihres Betrachters
innerhalb Ihrer Designs wirklich von
einem Punkt zum anderen zu
lenken . Und du kannst es dir als
eine ähnliche visuelle Herausforderung vorstellen wie der Abschluss, den du
für deine Zuschauer festlegst. Du lädst sie ein und
gibst ihnen etwas zum Nachdenken, indem du
einige Details weglässt oder vielleicht
verschiedene Dinge zusammenfügst, aber eine Fortsetzung
zwischen ihnen bevor wir anfangen,
einige tolle Designs
auf diesem Board zu analysieren . Hier ist ein sehr
interessantes Beispiel. Wir sehen ein paar Punkte, einige davon sind rot,
andere schwarz. Und obwohl diese Farben
sie deutlich voneinander trennen, würden die meisten Menschen dies
dennoch als gerade und gekrümmte Linie betrachten oder es als eine gerade
und eine gekrümmte Linie
verstehen. Anstatt den
Punkten anhand ihrer Farbe zu folgen, ziehen
wir es vor, ihrer Form zu folgen. Hier ist eine gerade Linie
und hier ist eine Kurvenlinie. Es ist
für unseren Geist viel angenehmer, diese Punkte auf diese Weise zu verbinden ,
als eine Form
wie diese und eine andere
Form zu haben . Dies erklärt oder führt zu einer sehr wichtigen
Entdeckung, dass abrupte Veränderungen im Allgemeinen in
Ihrem täglichen Leben,
aber auch im Grafikdesign niemals
gut sind im Allgemeinen in
Ihrem täglichen Leben,
aber auch im Grafikdesign niemals
gut aber auch im Grafikdesign Wenn wir uns zum Beispiel dieses Bild zuerst
ansehen, zieht es
unser Verstand vor,
diese beiden Personen auf diese Weise zu betrachten Natürlich
gibt es hier
oben eine Person und unten
eine andere Person. das zu vereinfachen, können
wir uns auch
ein Dreieck hier oben
und ein weiteres Dreieck
unten vorstellen ein Dreieck hier oben und ein weiteres Dreieck
unten Und das ist der Punkt, an
dem die abrupte Veränderung sowohl
oben als auch unten
stattfindet Oder hier ist ein anderes Beispiel. Wenn wir uns diese Pfeile ansehen, haben
wir, obwohl es sich um ein
zweidimensionales Bild handelt, obwohl es sich um ein
zweidimensionales Bild handelt, immer noch das Gefühl, dass hier
ein Gefühl von Tiefe und Raum entsteht,
dank der Art und Weise, wie hier
ein Gefühl von Tiefe und Raum entsteht, diese
Linien angeordnet sind. Aber noch wichtiger ist, dass diese
Kurven hier mit
einem schönen, allmählichen Übergang von
hier unten nach oben bis
zur Spitze dieser Unebenheit erzeugt einem schönen, allmählichen Übergang von werden. Wir haben diesen allmählichen Übergang in der Dicke und
Richtung der Linien Und die Veränderung dieser
Eigenschaften bereitet uns vor und hilft uns,
den Richtungswechsel zu verstehen. Stellen Sie sich also vor, diese Linien
wären völlig gerade und dann
würde eine weitere Linie neben ihnen erscheinen.
Es wäre
für uns viel schwieriger, sie als
durchgehende Linien wahrzunehmen oder
die Kontinuität in ihnen zu erkennen. Ihre Aufgabe als Grafikdesigner
besteht
natürlich wie immer darin, wenn Sie erst einmal verstanden haben, dass
die Regel darin besteht,
es herauszufordern oder zu einer
Herausforderung für Ihre Zuschauer zu machen. Interessante an dieser
Komposition ist, dass der Designer ein Porträt nicht nur
zeigt,
sondern es
in einzelne Teile aufgeteilt hat. Da sie jedoch übereinander gestapelt
sind, kann
unser Verstand sie immer noch leicht
miteinander kombinieren. Und ich bin mir sicher, dass
Sie in Ihrem Kopf auch automatisch all
diese Details
visualisieren , die
aufeinander fallen und
den eigentlichen Kopf bilden Hier ist ein weiteres sehr ähnliches
Beispiel, bei dem
wir, anstatt
das gesamte Porträt zu sehen, anstatt
das gesamte Porträt zu sehen, nur Teile davon sehen Und was das Ganze
interessant macht, ist die Tatsache, dass
wir dieses Band haben, durchgehende einzelne Linie, die die gesamte Form
bildet Damit wir es leicht nachvollziehen können, kann
man wirklich sehen, dass
es eine einfache Form ist, fast wie die Schale einer Kartoffel, die in einem Stück
geschält wurde. Und die
Kontinuität dieses Bandes hilft unserem Auge, alles
miteinander zu verbinden und macht das
Ganze auch interessant.
6. Kontinuität (Teil 2): Eine wichtige Regel der
Typografie ist die Lesbarkeit. also sicher, dass die Leute alles
lesen können , was in einem Design
steht Titel oder umfangreicherer
Text können jedoch immer
interessanter gestaltet werden ,
wenn Sie einige
Details
aus ihnen weglassen oder abdecken. Dieses Design ist das
perfekte Beispiel dafür, der Textdschungel viel größer geschrieben
ist als
der Rest der Kopie. Und aufgrund seines Maßstabs und auch seines hohen Kontrasts zu
den übrigen Details funktioniert und liest
es
sich perfekt, obwohl die Blattdetails
in der Komposition
ziemlich viel verdecken . Wenn Sie genau hinschauen, werden
Sie feststellen, dass bei jedem
einzelnen Buchstaben
des Wortes Dschungel einige Teile von überlappenden Details bedeckt sind Also da ist etwas
auf dem Buchstaben J, da ist ein ziemlich großer Teil
hier, der Buchstabe U bedeckt. Außerdem gibt es
noch ein Detail hier, noch eines dort und
noch eins Übrigens verwenden auch
diese Blumenmotive die
Regel der Kontinuität Hier ist also ein schönes Detail
, das aufgegriffen wird und nicht nur das Wort
Buch mit dem Wort Dschungel
verbindet, sondern auch die Buchstaben des Dschungels, die in
diesen beiden Rollen getrennt sind. Derselbe Zweig, der hier
auftaucht, hat auch einen anderen Zweig, der sich
dreht, den Buchstaben U.
Das ist ein weiterer wunderbarer Ausdruck von
Kontinuität Zuerst am
Ende der Komposition beginnen, dann hochkommen, sich umdrehen und dann wieder hochkommen Es
dreht sich um den Buchstaben U und schafft ein
Gefühl von Kontinuität, verleiht dem Design
aber auch eine gewisse
Tiefe Und das Gleiche gilt für
alle anderen Details,
wie zum Beispiel, dass dieser Zweig auch hier eine schöne durchgehende Kurve
hat Und unsere Augen können
solchen Kurven leicht folgen und sie
als ein einziges Element verstehen ,
obwohl sie
durch den Buchstaben geteilt sind. Und in ähnlicher Weise
verstehen wir den Buchstaben als ein Objekt, obwohl er durch diese
floralen Elemente
unterbrochen wird. Dieses Poster ist ein weiteres
hervorragendes Beispiel dafür wie Sie
Ihre Zuschauer hier herausfordern können. Die Aufgabe besteht natürlich darin, den Text lesen zu
können, wiederum in mehrere Zeilen
aufgeteilt ist. Mehr Zeilen als die
tatsächliche Anzahl an Wörtern. Es sind also nur drei Wörter, aber es gibt fünf Zeilen. Diese Anordnung des Textes
würde die Zuschauer also schon ein wenig herausfordern , zu
verstehen, worum es sich bei dem Text handelt. Aber die Zuschauer stellen
eine weitere Herausforderung dar, wenn sie
diese Glockenarena hier sehen, verflechtet oder
verzahnt Und als ob das noch nicht
genug wäre, haben sie sogar den Körper
oder den zentralen Körperteil dieser Ballerina
weggelassen ,
wo wir erwarten würden, das weiße Kleid zu sehen,
das sie normalerweise tragen würden weiße Kleid zu sehen,
das Aber hier kommt
unser Verstand ins Spiel. Und weil wir
die Proportionen des
menschlichen Körpers sehr gut verstehen , weil wir ihn
die ganze Zeit sehen, jeden Tag, verstehen
wir sofort,
dass diese Details hier oben irgendwie
mit
den Beinen darunter verbunden sein müssen . Damit diese Komposition funktioniert, war
es sehr wichtig
sicherzustellen , dass der Abstand
zwischen den Details hier unten
und den Details oben
der gleiche sein muss wie
auf dem Originalfoto. Wenn sie sich
weiter
voneinander entfernen oder vielleicht
näher zusammenrücken würden, würde sich
das Ganze
unangenehm und seltsam anfühlen unangenehm und seltsam anfühlen Um es noch einmal zusammenzufassen: Es gibt
drei verschiedene Arten, wie
wir hier herausgefordert werden Was die Kontinuität angeht, müssen
wir zunächst die
Textzeilen miteinander verbinden Wir stehen auch vor der Herausforderung, dass ein
beträchtlicher Teil
des Textes mit
Angaben zur Ballerina bedeckt Wir müssen uns also die fehlenden Details
in
diesen Briefen vorstellen fehlenden Details
in
diesen Und drittens haben wir auch das große fehlende Detail
der Ballerina Die Lektion, die
ich daraus ziehen will, ist, dass, wenn
man eine einzige Regel,
in diesem Fall Kontinuität,
nimmt , man sie nicht nur
einmal in einer Komposition verwenden kann, sondern dass man sie
mehrfach verwenden kann, um sie wirklich zu
betonen oder sie so weit zu
übertreiben, dass sie immer noch betonen oder sie so weit zu
übertreiben, dass sie erkennbar ist Denken Sie also daran,
diese Dinge zu verfeinern und nicht zu weit zu
gehen, denn dann verlieren Sie
Ihre Zuschauer und sie werden Ihre Zuschauer und sie nicht verstehen, was
sie sehen, oder sie werden einfach verwirrt sein, und das ist nie gut. Bei diesem Design zum Beispiel, obwohl bei diesen Zahlen
ziemlich viele Details fehlen
, ist
es immer noch fast
sofort erkennbar. Und wir können sie lesen. Und wir können auch
verstehen, dass es sich dabei
höchstwahrscheinlich um
Daten handelt. Und diese Komposition, genau
wie die anderen zuvor, hängt
auch stark von
Fortsetzung oder Kontinuität ab. Unser Verstand wird leicht in der Lage sein, diese Details
miteinander zu verbinden, auch wenn es
Lücken zwischen ihnen gibt. Nicht nur die Zahlen
verwenden die Regel der Kontinuität, sondern auch diese rot
eingefärbten Formen oder Kleckse Anstatt nur
ein paar Punkte zu haben, gibt es hier tatsächlich
miteinander verbundene Teile. Wir können also
hier eine Fortsetzung sehen und auch eine weitere hier. Und auch zwischen diesen beiden
Punkten könnten Sie sich fragen,
warum es notwendig war, diese roten Punkte zu
verbinden abgesehen davon, dass die Zahlen in ihnen
besser lesbar waren Nun, hauptsächlich, weil sie
den Blick des Betrachters in die Richtung lenken, diese Zahlen rot sein
sollen Damit die Daten Sinn machen, müssen
wir hier oben
links beginnen und dann zu
dieser Zahl hier gehen. Dann können wir hier unten weitermachen. Und diese Zeile hier ist
eigentlich auch sehr wichtig, weil sie die beiden Daten voneinander trennt Also noch einmal, diese Punkte lenken
unseren Blick hier nach unten. Sobald wir den Punkt dort sehen, können
wir nach oben gehen und diese Zahl
zusammen mit dem Punkt zu Ende lesen. Auch ohne diese vier Punkte würde
das gesamte Design
auseinanderfallen und wir könnten diese Zahlen nicht wirklich
verstehen. Diese Punkte oder
Punkte sind also
genauso wichtig wie die
Zahlen selbst. Und wenn Sie sich jetzt nur
auf diese miteinander verbundenen Formen konzentrieren , helfen
sie
Ihnen wirklich dabei,
diese wichtigen Details in
der Komposition in
der perfekten Reihenfolge zu verfolgen diese wichtigen Details in
der Komposition in .
7. Figuren-Boden (Teil 1): Eines der interessantesten
oder faszinierendsten Gestaltprinzipien muss die Beziehung zwischen Figur und Grund sein Figur ist normalerweise das
Thema des Bildes
und der Boden ist die Umgebung
oder der Aber es kann viele
verschiedene Interpretationen haben. Der beste Weg, um zu
spezifizieren, welche Figur in einer Komposition enthalten ist, besteht darin,
sie als das Element zu bezeichnen , das im Fokus steht. Der Boden
ist, wie gesagt, der Hintergrund oder die Umgebung, in der sich
diese Figur oder das Motiv oder der Mittelpunkt befindet oder
in dem sie sich befindet. Das Einzigartige an dieser Beziehung ist, dass
unser Gehirn automatisch oder instinktiv versucht, die Figur im
Vordergrund
zu halten oder zu
erwarten, dass die Figur oder das Subjekt im Hier ist ein interessantes Beispiel. Wenn wir uns diese einfache
abstrakte Abbildung ansehen, würden
wir automatisch denken dass
diese Quadrate das Motiv unabhängig von ihrer Farbe. Wir würden
das weiße Quadrat in
diesem schwarzen Rechteck als
das Subjekt oder die Figur betrachten . Und genauso würden wir dieses schwarze Quadrat
wieder als die Figur im Boden
betrachten , die in
diesem Fall weiß ist. Was wir aus diesem
sehr vereinfachten Beispiel lernen können ,
ist, dass
wir in den meisten Fällen erwarten würden, dass die
Figur kleiner als der Boden ist. Natürlich
kann es Ausnahmen geben, oder Sie können bewusst
gegen diese Art des
Verständnisses von
Figur und Grund vorgehen gegen diese Art des
Verständnisses von . Es gibt noch einen anderen
wichtigen Begriff, der es wert erwähnt zu werden, wenn wir über
die Beziehung zwischen Figur
und Grund sprechen , wenn wir über
die Beziehung zwischen Figur
und Grund , und
das ist Multistabilität
oder multistabile Wahrnehmung, was diese seltsame
Erfahrung ist, wenn man
etwas betrachtet und es ständig hin und her
springt In diesem Fall können
Sie sich zum Beispiel diesen
Würfel ansehen, der übrigens Necker Cube genannt
wird, Necker Cube genannt
wird weil sich dieses Gesicht näher an Ihnen befindet und der Rest des
Würfels sich in den Weltraum zurückzieht. Aber wenn Sie
wegschauen und zurückschauen, Sie vielleicht feststellen, dass dieses Gesicht näher an Ihnen ist und der Rest des Würfels wieder in
den Weltraum
zurückgeht. Wenn man bedenkt,
dass diese Phase uns näher ist, ist
es, als würde man
den Würfel von unten betrachten Wenn wir diese
Phase als vorne betrachten, betrachten
wir
den Würfel von oben. Diese spezielle Art der Ansicht , die uns die
Darstellung eines dreidimensionalen Objekts in
einer zweidimensionalen Ebene ermöglicht dreidimensionalen Objekts in
einer zweidimensionalen ,
wird als isometrische Ansicht bezeichnet, bei der alle Linien, die sich
in den Raum zurückziehen, parallel
zueinander verlaufen Im Vergleich dazu, wenn wir
Dinge perspektivisch betrachten, bei denen alle parallelen Linien an einem
Fluchtpunkt zusammenlaufen würden Wir werden viel mehr über
perspektivische und
exxonometrische Ansichten sprechen perspektivische und
exxonometrische Ansichten da es für einen Grafikdesigner
sehr wichtig ist, diese zu verstehen Aber das ist Teil
eines anderen Themas, also konzentrieren wir uns auf die Beziehung zwischen Figur Hier ist ein weiteres sehr
interessantes Beispiel. Der Rubin war der Ort, an dem
wir wieder dieses Gefühl
von Multistabilität haben, wo wir dieses
Bild als Tasse oder Vase betrachten können Aber vielleicht haben
Sie sofort
diese beiden Gesichter
hier auf beiden Seiten gesehen diese beiden Gesichter
hier auf beiden Seiten In diesem Fall wird unser
Verständnis von
Figurgrund also in Frage gestellt, weil wir nicht
wirklich entscheiden können , ob die Gesichter die Figur oder das
Subjekt oder die Vase
sind. Wenn wir also die
Gesichter als Figur betrachten, dann sehen wir das schwarze
Feld als Hintergrund. Wenn wir
die Vase jedoch als das
Motiv oder die Figur betrachten , dann bedeutet das, dass
wir sie in
einer weißen Umgebung
oder einem weißen Hintergrund sehen . Sie fragen sich vielleicht, ob Multistabilität tatsächlich
eine gute Sache ist oder nicht und ob Sie dies
in Ihren Designs anwenden sollten oder nicht. Die Antwort ist, dass
sie natürlich genutzt und in eine
positive und gute Sache umgewandelt werden
kann. Aber wenn Sie nicht vorsichtig
sind, wie Sie es verwenden, könnte
es Ihre Zuschauer nur
nerven. Hier ist also ein gutes Beispiel
für Multistabilität, bei dem wir
Batman auf den Kopf gestellt haben, oder die Silhouette von Batman und
die Silhouette von Penguin oder Copa Pot,
einem der berühmten Bösewichte aus dem DC Comics-Universum Der Grund, warum diese
Komposition so
gut funktioniert , liegt darin, dass
der Illustrator oder
Designer wirklich versteht, wie die Designer wirklich versteht Beziehung zwischen Figur und Boden funktioniert. Zuallererst betrachten wir,
genauso wie
wir
das kleinere Objekt
als Figur sehen , normalerweise auch die helleren und gesättigteren
Details als die Figur Weil Objekte
dazu neigen, dunkler und
entsättigter zu werden, je
weiter sie sich im Aus diesem Grund würde
fast jeder auf den ersten Blick diese Zahl für sich halten Und deshalb war es klug, diese Figur normal
stehen zu lassen, also den Kopf oben und
dann den Körper darunter. Weil das einfach die natürliche oder erwartete Art ist, wie wir eine Figur
in einer Illustration sehen würden. Aber dann passt die Tatsache, dass
Batman Silhouette schwarz ist, natürlich gut zur Figur selbst, weil Batman einen schwarzen
Umhang trägt Aber andererseits
passt die Tatsache,
dass er auf dem Kopf steht , perfekt zu seinem Verhalten in
der Es ist ein weiteres hervorragendes Beispiel eine minimalistische Illustration , die uns helfen kann, einen
anderen Begriff zu verstehen , an den es sich zu erinnern
lohnt Es wird untere Region genannt. Und das ist eine weitere instinktive
Sache, bei der wir zwei Regionen betrachten
würden , die
durch eine horizontale Linie getrennt sind Die untere Region, um uns näher
zu sein , oder die untere
Region, ist die Figur Obwohl
diese Abbildung
nicht viele Details enthält und
sie sehr abstrakt ist, können
wir trotzdem sofort verstehen , dass wir
einen Strand mit einem Boot betrachten. Das ist also unsere
Figur und sie ist
im Vordergrund, während wir
das Meer und eine Insel
im Hintergrund haben . Und denken Sie daran, was wir gesagt haben: Es wird erwartet, dass die helleren Details uns wieder näher
sind als die dunkleren Details, die
auch hier angewendet werden. Und das macht es einfacher zu verstehen,
was wir betrachten.
8. Figuren-Boden (Teil 2): Hier sind nun ein paar Beispiele für achromatische Kompositionen, bei denen wir nur schwarze
und weiße Details
haben Und all diese Poster spielen
wiederum mit diesem
multiplen Stabilitätsfaktor Höchstwahrscheinlich
würden Sie jedoch zuerst
die Formen oder Silhouetten
der Objekte erkennen die Formen oder Silhouetten , die
weiß sind Also sind es die Beine hier, oder das Gesicht und der Körper auf diesem und die Gabel
auf diesem dritten Poster Aber wenn du einmal
darauf geachtet hast, was du zuerst als Hintergrund
oder diese schwarzen Details
wahrgenommen hast, dann kannst du auch anfangen
zu sehen, dass sie die Figur sind. Hier sehen wir also die Hand, hier
auch die Hand, und
in diesem Beispiel die Weinflaschen. In diesen ersten beiden Beispielen war
diese Multistabilität
eine hervorragende Möglichkeit, war
diese Multistabilität die Aufmerksamkeit der
Zuschauer zu erregen und sie auf diese sehr wichtigen Themen,
sexuelle Belästigung
und häusliche Gewalt, aufmerksam
zu machen diese sehr wichtigen Themen,
sexuelle Belästigung
und häusliche Gewalt, aufmerksam
zu . Im Fall
des dritten Posters ist
es dagegen etwas weniger hart. Es ist einfach ein sehr cleveres
Poster, das
die beiden wichtigen Details zu
diesem Thema oder dieser Veranstaltung kombiniert die beiden wichtigen Details , für die
dieses Poster erstellt wurde. Es ist also ein Essen- und
Weinfest und wir können sofort sehen,
auf welches Essen
in der Abbildung mit der Gabel verwiesen wird . Und dann können wir den Wein
natürlich durch die Flaschen hindurch sehen . Und ich denke, es gibt
einen Grund, warum sie beschlossen haben,
die Gabel in Weiß zu haben. Ich glaube, es gibt eine
Möglichkeit, dieselbe Reihenfolge einzuhalten, wie
der Titel geschrieben ist. Wir haben also Essen und Wein, weil wir
die Gabel in Weiß haben, das ist das Erste,
was wir sehen, Essen. Und dann sehen wir die Flaschen, was das zweite
Wort im Titel ist, einfach weil wir wissen, welche
Farbe die Leute sehen werden. Zunächst haben wir bereits
die visuelle Reihenfolge oder
Hierarchie festgelegt , in der die Menschen mit diesem Design interagieren
werden. Ich liebe diese Komposition
, weil sie uns herausfordert. Und wieder zeigt sie
sehr gut, wie Beziehung zwischen
Figur und Grund
genutzt werden kann , um ein Design
oder eine Illustration, in diesem Fall, interessanter zu gestalten. Wenn man sich das
anschaut, ist klar, dass der Mittelpunkt die Katze ist. Aber welche Katze? Nun, das hier hat genau die gleiche Silhouette und sogar die gleiche Größe wie das, was wir hier sehen. Es unterscheidet sich nur
in der Farbe und offensichtlich in seiner Position
in der Komposition. Aber Sie haben wahrscheinlich ein
bisschen Zeit gebraucht, um
herauszufinden , welche die Katze und
welche der Schatten ist. Und der Grund, warum nicht sofort
ersichtlich ist, welcher
welcher ist, liegt darin, dass
es hier
nur diese einzige Linie gibt , die
darauf hindeutet, dass die Lichtquelle von oben rechts
kommt. Und das würde erklären der Schatten
in diese Richtung geworfen wird. Normalerweise hätten
wir auf einem Foto oder einer etwas
komplexeren Abbildung viele Hinweise das Licht und
die Entstehung der Schatten. Dabei handelt es sich wirklich bewusst nur
um
diese einzelne Linie, was wiederum eine großartige Möglichkeit ist, den Betrachter herauszufordern. Das Logo des Pittsburgh Zoo ist
ein weiteres hervorragendes Beispiel für die
Anwendung des Figurgrund-Prinzips Am wahrscheinlichsten werden
Sie zuerst den Baum sehen, aber dann werden Sie irgendwann die Silhouetten dieser beiden Tiere,
des Gorillas und
des Löwen,
bemerken Gorillas und
des Wenn Sie etwas
mehr Zeit damit verbringen, das Logo zu analysieren, werden
Sie auch
diese Vögel hier oben und
die Fische
hier unten bemerken oben und
die Fische
hier unten Es gibt hier also tatsächlich eine
Pflanze und vier Tiere, obwohl Sie zunächst
höchstwahrscheinlich nur die Pflanze sehen. Ich liebe auch diese Illustration
von Olimos, wo
wir wieder vor der Herausforderung stehen, zu entscheiden, was das Subjekt der Figur
und was der Boden ist Weil wir
sofort den Charakter
von
Sheer Khan, dem Tiger, verstehen den Charakter
von
Sheer Khan, dem Tiger, Und Sie würden es
gerne als Gegenstand
der Figur
innerhalb der Komposition betrachten . Sie werden jedoch bald feststellen,
dass diese Streifen tatsächlich
eine sehr wichtige Geschichte
aus dem Dschungelbuch darstellen ,
in der Mowgli auf
das Schlangenauto trifft und sich davon
hypnotisieren lässt Was zunächst
nur so aussah, die Streifen auf dem Tiger werden
zum Thema oder zur Figur, und der Tiger selbst
wird zum Boden Und denken Sie daran
, dass wir gesagt haben, dass sich kleinere Dinge instinktiv
wie die Figur anfühlen während Sie hier sind, Mogli, und im Vergleich zum
Rest der Komposition
wirklich klein Das
unterstreicht nur noch mehr die
Kontroverse oder
Multistabilität bei der Entscheidung, welche Figur und welche
die Erde
ist Ich liebe diese
Illustration auch. Im Hintergrund
haben wir eine Flasche und der Wein oder was auch immer
das für eine Flüssigkeit ist, fließt heraus Wenn wir dann anfangen, diesen Linien zu
folgen, führen
sie uns zu dem
interessanten Detail in der Komposition, wo
wir hinterfragt und
verwirrt haben , um zu erkennen, dass
es
sich tatsächlich um
einen Teppich oder vielleicht um eine Schlucht handeln könnte es
sich tatsächlich um
einen Teppich oder vielleicht um eine Schlucht handeln Hier gibt es nicht zwei, sondern drei verschiedene
Wahrnehmungen, die wir zwischen verschüttetem Wein,
Teppich und Canyon hin und her
wechseln können verschüttetem Wein,
Teppich und Canyon hin und her
wechseln ,
Teppich und Canyon hin und Ähnlich wie diese ist
auch
diese Illustration über Monstertinte sehr intelligent.
Obwohl es nur
eine einzige Verwendung von Farbe gibt, schafft es
Grün auf diesem gelblichen
Hintergrund,
drei Schichten zu bilden , sodass wir
die drei wichtigsten
Charaktere der Geschichte sehen die drei wichtigsten
Charaktere der Natürlich hilft es auch, dass die meisten Disney- und Pixar-Animationen Charaktere gut
erkennbare Silhouetten haben für Aber ich finde es trotzdem toll, dass der Kopf
des kleinen
Mädchens perfekt
auf die Stelle ausgerichtet ist , an der wir das große Auge oder den großen Augapfel
dieses Monsters erwarten
würden große Auge oder den großen Augapfel
dieses Und nicht nur das, auch
diese kleinen Hörner hier dienen gleichzeitig als Zähne oder
die großen Stoßzähne des Monsters, das im Hintergrund befleckt
ist Das ist also wieder einmal
ein hervorragendes Beispiel Verwendung
dieser
Figuren-Grund-Beziehung Aber dieselbe Gliederung steht für unterschiedliche Dinge, je nachdem wie wir sie betrachten
und verstehen.
9. Gemeinsames Schicksal: Gemeinsamer Glaube ist ein
interessantes Prinzip, das wir verwenden können, um
verschiedene Details miteinander zu verknüpfen und
ihnen das Gefühl
zu geben, dass sie miteinander
verbunden sind oder dass sie miteinander verwandt sind, wenn
es richtig angewendet wird .
Auch wenn sich die Elemente
in Größe, Farbe oder Form unterscheiden in Größe, Farbe oder Form können
sie sich dennoch
verbunden anfühlen , solange sie sich in
dieselbe Richtung bewegen oder
sie auf dem gleiche Flugbahn Dieses Poster ist ein gutes Beispiel dafür gemeinsame Glaube genutzt wird, wo wir all
diese Menschen von oben sehen können Und normalerweise ist
es von
diesem Standpunkt aus sehr schwer zu sagen, in welche Richtung sie sich bewegen, verglichen mit der Betrachtung
von der Seite Aber
wenn wir
das Gefühl haben, dass sich die meisten
dieser Menschen hier
in diese Richtung bewegen, dann sind sie hier sofort
überfüllter dann sind sie hier sofort
überfüllter wenn wir
das Gefühl haben, dass sich die meisten
dieser Menschen hier
in diese Richtung bewegen, dann sind Das hängt nun von
unserem Verständnis und unserer Erfahrung mit
Menschenansammlungen ab Normalerweise würde das
bedeuten, dass Menschen aus allen möglichen
Richtungen
kommen, aber am Ende gehen sie
an denselben Ort Denken Sie daran, im Stadion oder auf einem
Konzert Schlange zu stehen. Was diese
Komposition noch
brillanter macht , ist die Tatsache, dass
die tatsächlichen Informationen, sowohl das Datum, der Name als auch der Ort
dieses Festivals, der Ort
dieses Festivals in diesem
winzigen Bereich
in der oberen rechten Ecke
komprimiert der oberen rechten Ecke Das ist eine ungewöhnliche Platzierung
der Informationen, denn normalerweise würden wir erwarten, dass sie irgendwo
in der Mitte oder vielleicht hier oben links stehen. Aber durch die Nutzung des gemeinsamen
Glaubens und durch dieser unsichtbaren Linien, die alle auf diesen
Teil des Entwurfs zeigen, gelingt
es ihm immer noch, ein
sehr starker Blickfang zu sein. Außerdem haben wir das
Gefühl oder das Gefühl, dass dieses Festival sehr beliebt ist und viele Leute daran teilnehmen
werden. Diese Abbildung ist
ein weiteres gutes Beispiel dafür wie wir Interesse wecken können, indem einfach ein paar
florale Elemente oder
Dekorationen um diesen Text herum platzieren . Und wieder nutzen wir ein gemeinsames Schicksal, indem wir alle
zur Mitte
zeigen , damit sich alles in dieser Komposition harmonisch und vereint anfühlt
. Dieses Poster, das
versucht, das
Bewusstsein für den
Plastikmüll in den Ozeanen zu schärfen,
schafft es,
ein sehr komplexes Thema
mit einfachen Silhouetten
einiger Objekte zu vermitteln mit einfachen Silhouetten
einiger Objekte Wir haben also
hier auf der rechten Seite einen Delfin, und dann
fließt all
dieser Plastikmüll in
Richtung Mund Das heißt, es besteht eine
große Gefahr, dass all
dieser Abfall in den Bäuchen
dieser Tiere landet Und offensichtlich wird es ihren Tod
verursachen. Das gemeinsame Schicksal wird in diesem
Fall also dadurch ausgenutzt all diese Gegenstände auf
derselben Bahn befinden Selbst wenn zwischen ihnen ein
gewisses Maß an Zufälligkeit besteht, scheinen
sie alle auf diesen einen
Punkt hinzuweisen Und sie konvergieren auch hier von einem größeren Raum in diesen
kleineren Raum Wir haben also, dass sich diese beiden Kurven an diesem Punkt
treffen
, der offensichtlich der Mittelpunkt
der Komposition ist Übrigens,
das ist eine sehr kluge
Platzierung, weil es sich hier
auch um einen
Schnittpunkt nach der Drittelregel handelt. Und falls Sie mit diesem Begriff nicht
vertraut sind, behandeln
wir ihn
im Kompositionsthema ausführlich. Und schließlich noch ein Beispiel,
bei dem das gemeinsame Schicksal
benutzt wird , um zwei
verschiedene Bedeutungen
innerhalb derselben Komposition voneinander zu trennen . Wir haben also die
vertikale Anordnung oder Positionierung
dieser Weinflaschen, wir haben die diagonale
Anordnung ihrer Schatten. Und das sind eigentlich nicht
die Schatten der Flaschen, sondern die Schatten
berühmter Wahrzeichen. Normalerweise würden wir uns
ein Objekt ansehen und es
mit seinem Schatten kombinieren. Auf diese Weise würden wir also
wieder diese Flasche
mit ihrem Schatten kombinieren . In diesem Fall besteht
tatsächlich mehr Verbindung oder Beziehung zwischen
den Schatten selbst. Um diese richtige
Art der Gruppierung der
Dinge innerhalb der
Komposition zu erreichen , wird wiederum erreicht, dass sie in
dieselbe Richtung gehen oder in diese Richtung
zeigen, während die Flaschen alle
in einer senkrechteren Position stehen und nach oben
zeigen, wodurch sie sich wieder stärker miteinander verbunden fühlen als ihre Schatten Auf dieser Tafel sind noch viele andere
großartige Beispiele für gemeinsamen Glauben
zu Und ich möchte, dass Sie
sie analysieren und versuchen, herauszufinden, wie sie
verwendet werden und was sie in jeder
dieser Kompositionen
hervorheben.
10. Einfachheit (Teil 1): Einfachheit ist ein weiteres
dieser Prinzipien, das sehr leicht zu verstehen ist
und sich offensichtlich anfühlt. Es steckt jedoch ein
bisschen mehr
dahinter als zunächst, denken
Sie vielleicht. Es ist tatsächlich
eine große Herausforderung für jeden
Grafikdesigner, besonders für diejenigen, die
gerade erst anfangen, diese Arbeit
in den meisten Berufen einfach zu halten. Um ehrlich zu sein, je einfacher
etwas sein muss, desto schwieriger muss
man dafür arbeiten. Das mag zunächst
seltsam klingen, aber wenn Sie darüber nachdenken, etwas, um einfach zu sein, muss etwas, um einfach zu sein,
wirklich nur die wichtigsten Details oder Informationen enthalten und gleichzeitig
ästhetisch ansprechend sein Wenn wir natürlich über
Grafikdesign sprechen, aber das gilt für
fast alles, auch für das Produktdesign, ist
am Anfang alles komplex Und dann kommen
wir durch Iteration zu immer
einfacheren Versionen, kommen
wir durch Iteration zu immer
einfacheren Versionen bis nichts mehr übrig
ist, das entfernt oder vereinfacht Ein Begriff, der ebenfalls
ursprünglich aus dem Produktdesign
stammt , verwende ich auch
gerne im Grafikdesign Es heißt Kiss und steht für Keep it
simple, stupid. Oder halte es kurz und einfach. Dies ist eine großartige
Richtlinie, an die Sie
denken können , wenn
Sie etwas entwerfen. Im Wesentlichen
möchten Sie also etwas schaffen, das
jeder verstehen kann, und dass jeder verstehen kann, und seine Erfahrung mit Ihrer Arbeit, ob gedruckt oder
webbasiert, reibungslos und schmerzlos sein wird Einfachheit im
Grafikdesign kann
Ihnen immer dabei helfen , Ihre
Botschaft klarer zu formulieren, und es
Ihnen ermöglichen , die
Aufmerksamkeit Ihrer Zuschauer und ihr
Verständnis Ihre Botschaft viel
schneller zu wecken, als wenn Sie ihnen
komplexere Designs präsentieren Weniger ist mehr ist eine weitere Sache , die wir im Design immer wieder
sagen. Und das ist nur eine weitere Art zu erklären, wie wichtig
Einfachheit ist. Selbst wenn es sich
widersprüchlich anfühlt, stimmt
es tatsächlich,
dass Sie Ihre Arbeit wirkungsvoller
machen, indem Sie
Elemente und Komplexität
entfernen Sie Ihre Arbeit wirkungsvoller
machen, indem Sie
Elemente und Komplexität
entfernen wirkungsvoller
machen Und glauben Sie mir, einer der
häufigsten Fehler von Designern, die gerade erst anfangen, ist, dass sie ihre
Arbeit Sie versuchen,
viel zu viele Elemente und
Komponenten in ihre Arbeit aufzunehmen ,
was die Botschaft, die sie zu vermitteln versuchen
, nur schmälert sie zu vermitteln versuchen
, Der Unterschied zwischen
Komplexität und Einfachheit im
Grafikdesign kann einfach der Einführung einer
zusätzlichen Textphase oder einer zusätzlichen Farbe liegen, die nicht mit dem
Rest der Palette harmoniert Es ist also sehr einfach,
vom Pfad der
Einfachheit abzuweichen und hinzuzufügen in
Versuchung zu geraten, Ihrer Arbeit
immer mehr Elemente
oder Komponenten Einfachheit
hat, wie alle
anderen Prinzipien, etwas damit zu tun,
wie unser Gehirn funktioniert und wie wir
visuelle Informationen wahrnehmen Generell gilt für jeden auf der
Welt, dass wir Dinge
bevorzugen, die
einfach, klar und geordnet sind. liegt daran, dass wir instinktiv das
Gefühl haben, dass diese
Dinge sicherer sind Wenn wir eine komplexe
und unbekannte Form sehen, versucht
unser Gehirn sofort, ihr einen Sinn
zu geben, indem es sie in kleinere
und einfachere Komponenten
zerlegt Fast jeder, der sich
diese seltsame Silhouette hier auf der linken Seite ansieht, würde sofort das Rechteck, die Ellipse und das
Dreieck darin sehen, obwohl wir
ihre Konturen nicht definiert haben Wenn wir uns noch einmal das Logo
der Olympischen Spiele ansehen, würde
fast jeder
sofort erkennen, dass es sich um fünf
miteinander verbundene Kreise
handelt Auch das fühlt sich offensichtlich an, aber wenn man darüber nachdenkt, gibt es keinen klaren Unterschied
zwischen diesen Formen und sie sind
an diesen Kreuzungspunkten vollständig miteinander verbunden . Wir haben also eigentlich keine visuellen Informationen
darüber, ob es sich
wirklich um unabhängige Kreise handelt , die übereinander
gelegt wurden. Oder vielleicht ist das nur eine komplexe
oder zusammengesetzte Form, die sich aus diesen größeren
und kleineren Regionen zusammensetzt. Wenn ich Ihnen also
dieselbe genaue Anordnung
von Kreisen in einem etwas
anderen Format zeige von Kreisen in einem etwas
anderen Format , muss
Ihr Verstand wieder
ein wenig arbeiten, um
herauszufinden, was hier vor sich geht. Aber auch hier dauert es normalerweise nur Bruchteil
einer Sekunde, bis wir die Kreise
erkennen. Und obwohl es anders
aussieht, versuchen
wir erneut,
dies zu verstehen und so
viel wie möglich zu vereinfachen. Was wir sehen, vielleicht
denken Sie, dass
Einfachheit zwar eine gute Sache ist, bei manchen Dingen, wie zum Beispiel
Schmuck, wir aber
bei manchen Dingen, wie zum Beispiel
Schmuck, gerne Komplexität haben. Wir sehen uns gerne
komplizierte Details an. Aber wenn man sich diese Ornamente
oder Verzierungen
anschaut , lassen sich die
meisten von ihnen wiederum in einfache geometrische Formen
und Formen zerlegen in einfache geometrische Formen Ich liebe keltische Kreuze, und das ist wieder ein schönes
Beispiel für etwas, das zunächst ziemlich
komplex aussieht ,
aber dann wiederum kann
unser Verstand sehr schnell diese
einfachen Formen darin finden,
also gibt es also gibt Dieses andere Detail hier kann zu einem Dreieck
vereinfacht werden , oder Sie sehen vielleicht
den Abschnitt eines Kreises In diesen Formen
gibt es dort einen Abschnitt, hier einen weiteren
großen Kreis und hier noch einen. Er besteht eigentlich aus
vier Kreisen, einem in der Mitte und drei größeren, die noch nicht fertig
sind. Stattdessen
drehen sie sich einfach um und
fügen sich ineinander. Was diese Ornamente jedoch
interessanter macht, ist die Tatsache, dass sie
auch ein Gefühl von Tiefe Wenn diese Form zum Beispiel hier
nach oben geht, geht sie
unter den kleineren Kreis Aber wenn es dann zurückkommt, ist
es tatsächlich ganz oben drauf. Und das Gleiche passiert
immer und immer wieder. Es gibt also diese
komplizierte Verzahnung dieser vier Formen, die
wir bereits erwähnt haben Obwohl es sich um
ein einfaches Design handelt aus vier Kreisen besteht, ist
es so präsentiert, dass
es sich komplexer
und faszinierender anfühlt Ein weiterer Begriff, an den man sich
erinnern sollte, wenn wir
über Einfachheit sprechen , ist Hicks Law . Er besagt, dass je mehr Optionen Sie Ihrem
Benutzer oder Zuschauer anbieten, desto länger dauert es, bis er eine
Entscheidung Nun, dieses Gesetz ist
sehr wichtig Webdesign und UX-Design, wo wir mit Stolz sagen können, dass wir einen langen Weg von
Websites zurückgelegt haben , die einfach mit vielen
unnötigen Informationen
überladen waren , hin zu Websites, die viel übersichtlicher,
sauberer und besser organisiert sind . Diese beiden Beispiele
waren also dieselbe Website, gut, das ist die ursprüngliche Website
und die aktuelle, viel
einfachere Version Und nicht nur die Seite wurde
einfacher, sondern auch das Logo, sodass Sie sich vielleicht an
dieses seltsame Logo
erinnern , das originell
war und sich definitiv von den anderen
abhob. Aber wenn Sie sich jetzt ihr Logo
ansehen, ist
es viel
einfacher und sauberer. Ich sage nicht, dass es
unbedingt besser ist ,
aber im Allgemeinen fühlt sich
die Seite selbst viel einladender und professioneller an. Und das ist eine sehr häufige
Art, wie
Leute sich auf Dinge beziehen
, die einfach aussehen, dass sie professionell aussehen. Und denken Sie
daran, dass das Erstellen einfacher Designs normalerweise die meiste Erfahrung
erfordert. Weil Sie in der Lage sein müssen, die
wichtigsten Komponenten
auszuwählen. Und haben auch ein sehr gutes Gespür dafür wie groß sie sein sollten, welche Farben sie verwenden sollten und wo sie positioniert
werden sollten. Als Designer
verfügst du in den meisten Fällen über eine Menge Informationen, die du in deiner Arbeit komprimieren
musst. Und es liegt an Ihnen, Ordnung und Einfachheit zu
schaffen indem Sie die Dinge organisieren und
alles für
Ihre Benutzer oder Zuschauer übersichtlich halten .
11. Einfachheit (Teil 2): Es gibt einen Grund, warum berühmte internationale Marken wie Apple, Nike und Target
sehr einfache Logos haben. Obwohl sie nicht so einfach
angefangen haben, sie am Ende
diese reinste Form, sodass wir sie immer noch erkennen
können Aber wenn Sie
darüber nachdenken, wäre es unmöglich, sie mit der Marke
zu
verbinden,
wenn wir weitere
Details von ihnen entfernen würden Also selbst wenn ich
diese kleine Form hier entfernen würde, die für das
Blatt des Apfels steht, würde
es seltsam aussehen und du würdest
es vielleicht nicht sofort erkennen. Wenn ich diesen
Teil des Nachtlogos abschneiden würde, oder vielleicht noch einmal das Ende, würde
es seltsam aussehen und du würdest es vielleicht nicht sofort
erkennen. Oder wenn ich
den kleineren Kreis
aus dem Target-Logo entfernen würde, wäre
es am Ende
nur ein normaler Kreis. Also nochmal, Sie könnten ihn nicht
erkennen. Hier ist ein weiteres berühmtes Logo,
das anfangs
viel komplexer war Mit der Entwicklung der Marke wurde
das Logo
immer
einfacher, das Logo
immer
einfacher während es
seine ursprüngliche Ästhetik beibehielt. Es ist heutzutage
üblich, dass sogar Elemente innerhalb eines Logos separat verwendet werden
können, und wenn Sie
es immer noch in Verbindung mit der Marke erkennen können, bedeutet
das, dass Ihr
Logo wirklich ikonisch ist. Ein gutes Beispiel ist das D
aus dem Walt Disney-Logo oder der Rote Stern aus
dem Heineken-Logo Und ähnlich wie
bei Logos ist es auch bei Icons extrem wichtig, die Dinge einfach
zu halten Und selbst wenn Sie
denken würden, dass Symbole
bereits sehr einfach
oder vereinfacht sind , können
sie dennoch einfacher gemacht werden. Dies ist also ein perfektes
Beispiel dafür, wie alle Google-Logos
neu gestaltet und vereinfacht wurden neu gestaltet und vereinfacht Aus diesen, die wir hier oben sehen
können, haben wir am Ende
diese gesehen,
die aktuellen Symbole für die
verschiedenen Google-Dienste Wenn Sie sich diese
Symbole genau ansehen, können
Sie feststellen, dass wir
fast alle sehen können, abgesehen davon
, dass
die Designer
diese kleinen Farbverläufe
und Schatten von den Originalsymbolen übernommen diese kleinen Farbverläufe
und Schatten von wir
fast alle sehen können, abgesehen davon
, dass
die Designer
diese kleinen Farbverläufe
und Schatten von den Originalsymbolen In der neuen Version besteht
alles aus den einfachsten
geometrischen Formen, Rechtecken und Dreiecken
mit Selbst wenn es um
ein komplexeres Symbol
wie eine Kamera geht,
haben sie es geschafft,
es so ein komplexeres Symbol
wie eine Kamera geht,
haben sie es geschafft, zu vereinfachen, dass hier rechts
nur ein Quadrat und ein
Dreieck verwendet hier rechts
nur ein Quadrat und ein
Dreieck Eine Sache, die
Ihnen helfen kann,
Einfachheit zu erreichen ,
ist normalerweise Konsistenz. Und das können
wir auch hier sehen. Im ursprünglichen Design hatten
alle Symbole
eine Art Tiefenangabe, aber sie waren einander nicht wirklich
ähnlich. Das Mail-Symbol hatte zwar nur einen subtilen Hauch von Tiefe, weil es hier diesen Schatten
hatte. Das gefaltete Detail fühlt sich also an, als ob es etwas höher
als der Rest des Symbols ist. Das Kalendersymbol zum Beispiel hat im Vergleich zu diesem Symbol viel mehr Tiefe und
Bewegung. Auch hier
fühlt sich das Google Docs-Symbol im Vergleich zum Kalender im Vergleich zum Kalender in
Bezug auf die verwendeten Formen viel flacher an. Auch hier gibt es
eine große Vielfalt, von Kreisen über
Dreiecke bis hin zu Rechtecken Durch mehr Konsistenz in Bezug auf die verwendeten
Formen und
auch die verwendete
Tiefe wurden
diese Symbole einfacher und auch
zusammenhängender oder Beim Entwerfen von Visitenkarten ist
es auch eine gute Übung, zu
versuchen, sie so
einfach wie möglich zu gestalten Und ich finde es toll, wie
kreativ diese Karte ist, bei der nicht alle
Informationen angezeigt werden,
sondern nur eine einzige
Informationszeile angezeigt wird. Und diese Bildunterschriften
helfen uns dabei, zu sehen, welche Informationen tatsächlich relevant
sind, und zwar für die Website, Instagram, E-Mail und
so weiter und so weiter Anstatt zum Beispiel
den Singenden
Bärenladen dreimal zu schreiben , musste
man
ihn nur einmal aufschreiben Ich liebe auch diese minimalistische
Illustration
und ich habe das Gefühl, dass selbst ohne sie, Tennis hier
unten
sehen, die meisten von uns
erkennen könnten, dass es hier um Tennis geht. Oder wir können uns einen Tennisplatz ansehen. Und wenn Sie
darüber nachdenken, wird dies erreicht indem Sie nur ein paar einfache
Formen verwenden. Wir haben also den Ball, einen Kreis, seinen
Schatten und seine Ellipse,
und dann haben wir diese
beiden weißen Linien, eine diagonal in diese Richtung verläuft und die andere in dieser Richtung
nach oben Und natürlich werden hier zwei
verschiedene Farben verwendet, die das tatsächliche Spielfeld
und die Umgebung
darstellen Also noch einmal, ich glaube nicht, dass man noch mehr Details entfernen
kann ohne dass es unmöglich wird , zu erkennen, was wir sehen. Zum Schluss nur zwei Beispiele
von einem Unternehmen, das für seine Anwendung
von Einfachheit in der Arbeit Apple
bekannt ist für seine Anwendung
von Einfachheit in der Arbeit Apple
bekannt . Hier sehen wir zum Beispiel die
Apple-Karte
, auf der wieder nur die
nötigsten Informationen nur die
nötigsten Informationen stehen und sonst nichts. Selbst dieses Banner, das
für diese Karte wirbt, kann nicht einfacher
sein, als dass der Name und das Symbol des
Produkts hier oben stehen. Dann die Beschreibung und darunter der Aufruf zu den
Aktionsoptionen. Die Karte wird vor
einem rein weißen Hintergrund dargestellt, und nur ein subtiler Schatten
weist auf Tiefe hin, was sie
einladender und greifbarer macht. Und zum Schluss werfen Sie einen Blick auf
diese drei Poster
hier oben. Auch hier handelt es sich um
ziemlich komplexe Geschichten. Wir haben die beiden Filme
Truman Show und Interstellar sowie das bekannte Märchen The Little Red Writing
Code auf
der Und obwohl die Geschichten
viel komplexer sind , können
diese vereinfachten,
minimalistischen Designs
dennoch
die wichtigsten
Informationen über sie können
diese vereinfachten,
minimalistischen Designs hervorheben die wichtigsten
Informationen über All diese Designs verwenden
viel negativen Raum, wodurch die wichtigen Details
wie
die Kamera, das
Raumschiff und die Wand wirklich hervorgehoben oder hervorstechen wie
die Kamera, das
Raumschiff und die Wand Denken Sie daran, dass weniger mehr ist. Versuchen Sie immer,
Ihre Arbeit so weit wie möglich zu vereinfachen bis keine
unnötigen Details mehr übrig sind.
12. Symmetrie (Teil 1): Wir haben bereits festgestellt, dass eine der besten Möglichkeiten, ein
Gleichgewicht in Ihren Kompositionen zu erreichen ,
darin besteht, sich auf Symmetrie zu verlassen Tatsächlich gibt es jedoch
viele verschiedene Arten von Symmetrie, die Sie in Ihren Designs
verwenden können Und Sie können sogar
mehrere Symmetrien in
einer einzigen Komposition kombinieren mehrere Symmetrien in
einer einzigen In diesem Video werden wir einige
sehr kreative Beispiele für
all diese verschiedenen
Arten von Symmetrien
analysieren sehr kreative Beispiele für all diese verschiedenen
Arten von Symmetrien Wir werden auch sehen, wie Asymmetrie Ihren Kompositionen visuelles
Interesse verleihen kann Und wir werden sogar
einige Zeit damit verbringen, uns anzusehen wie Symmetrie
im Logodesign verwendet wird Zuallererst, warum ist Symmetrie jeden auf der Welt
allgemein attraktiv Der Hauptgrund dafür ist
, dass sie in der Natur sehr häufig
vorkommt der menschliche Körper selbst und das Gesicht fast
perfekt symmetrisch Obwohl es zwischen
den beiden Seiten geringfügige Unterschiede gibt, sind
alle
Körperbestandteile symmetrisch Selbst wenn wir uns das Gesicht ansehen, haben
wir Dinge,
die zentriert sind, wie die Nase und die Lippen Dabei haben Augen und Ohren
, die nicht zentriert sind, auf beiden Seiten genau den gleichen Abstand von der
Mittellinie. Das Gleiche gilt auch für
die Gliedmaßen, wie zwei Hände mit fünf
Finger auf jeder Seite. Diese besondere Symmetrie
nennen wir Spiegelsymmetrie
oder bilaterale Symmetrie, bei der das Gleichgewicht und
die Symmetrie durch
Spiegelung von Details erreicht Gleichgewicht und
die Symmetrie durch
Spiegelung Zurück zum Beispiel mit den
Händen:
Sie können es sehen, das ist ein
perfektes Spiegelbild, die Daumen
in der Mitte treffen und
alle anderen Ziffern an den Seiten reflektiert bei dem sich
die Daumen
in der Mitte treffen und
alle anderen Ziffern an den Seiten reflektiert werden. Und Sie würden bei fast allen lebenden Organismen,
einschließlich Tieren und Pflanzen,
dieselbe Reflexionsssymmetrie fast allen lebenden Organismen,
einschließlich Tieren und Pflanzen, feststellen. Denken Sie nur an Bäume, das ist wahrscheinlich am
einfachsten vorstellbar Sowohl die Wurzeln als auch die Zweige
zielen auf Symmetrie Je nach den Umständen
und Bedingungen,
z. B. starker Wind, der
immer von
derselben Seite kommt,
kann ein Baum jedoch und Bedingungen,
z. B. starker Wind, immer von
derselben Seite kommt, asymmetrisch Was nicht bedeutet, dass es nicht mehr ästhetisch ansprechend
sein Im Gegenteil, es kann
interessanter und einzigartiger werden interessanter und einzigartiger Nun ist es wichtig,
dass die
Reflexionssymmetrie im Design nicht nur zwischen
der linken und rechten Seite Ihrer Komposition
angewendet werden kann nicht nur zwischen
der linken und rechten Seite Ihrer Komposition
angewendet ,
sondern auch zwischen
der Ober- und Unterseite Und es kann sogar
in einem Diagonalformat verwendet werden. Wenn Sie Ihr
Symmetriezentrum auf einer diagonalen Linie platzieren, können
Sie die
reflektierten oder gespiegelten Details
in den gegenüberliegenden beiden Ecken haben in den gegenüberliegenden Wie in diesem Fall
verwendet
der Designer dieses Posters Hirtenfee dieses Posters Hirtenfee mehrere Symmetrien
innerhalb Wir haben eindeutig diese
Spiegelungssymetrie für das Gesicht und dieses
Bild in Wir haben hier auch eine radiale Symmetrie für die Elemente um
diesen Kreis herum Aber die Typografie deutet auf
mehrere Symmetrielinien hin, sodass wir
hier eine in der Mitte platzieren können Und wir können sehen, dass sich
diese Form hier oben symmetrisch anfühlt, obwohl die
tatsächlichen Zeichen nicht perfekt ausbalanciert
sind Wir können hier aber auch
eine weitere Symmetrielinie platzieren, weil wir wieder
dieselbe Textmenge
unten und oben haben dieselbe Textmenge
unten und oben Aber was die für den Text verwendeten
Farben angeht, können
wir hier auch ein Symmetriezentrum
verwenden,
diagonal, denn
wie Sie sehen können, haben
wir Weiß in
den gegenüberliegenden Ecken und auch
Schwarz in gegenüberliegenden Ecken verwendet Wie bei allen anderen Tools und Methoden im Grafikdesign kann
es
interessanter sein, beginnen, wenn Sie Symmetrie
in Ihren Kompositionen anwenden, wenn Sie verschiedene Arten von
Symmetrien zu kombinieren oder sogar Symmetrie Und beachten Sie, dass das Gesicht nicht perfekt symmetrisch ist
. So wie diese Zeile hier auf der linken Seite nicht
wiederholt wird. Außerdem sind die Lippen nicht
perfekt symmetrisch. Selbst Details auf dem Haar
sind nicht symmetrisch, während die Blüten im Haar tatsächlich eine
perfekte Symmetrie aufweisen Diese subtilen Details, die
zu Asymmetrie
im Gesicht führen, tragen dazu bei, dass es sich
natürlicher anfühlt , da,
wie bereits erwähnt, insbesondere
Gesichter
nicht perfekt symmetrisch sind Und wenn sie so aussehen
,
werden sie sich seltsam und unbehaglich anfühlen Aber
was die Komposition angeht, ist das Tolle, dass wir
diese asymmetrischen
und symmetrischen
Details nahe beieinander haben diese asymmetrischen
und symmetrischen Details nahe beieinander Und genau wie Yin und Yang, die wir erwähnt haben, als wir über Balance
gesprochen haben, funktionieren
diese beiden gegensätzlichen
Dinge tatsächlich sehr gut zusammen und ergänzen
sich gegenseitig Und du findest viele
andere Beispiele auf dieser Tafel,
wie dieses Poster für
den Film Rogue One, wo im Allgemeinen alles
symmetrisch ist , bis auf
ein kleines Detail In diesem Fall ist das
die Hauptfigur, die nach links
schaut,
anstatt uns zuzuschauen Aber auch der Titel und der Text werden nach rechts
ausgerichtet abgespielt. Und selbst subtile Dinge wie diese Person,
die nach links schaut , können
die Tatsache ausgleichen , dass wir den
Text hier auf der rechten Seite haben. Und der Grund
dafür ist wiederum impliziter Raum oder
implizite Obwohl wir also nicht wirklich sehen, was
sie sieht, stellen
wir uns vor, dass hier
auf der linken Seite etwas
sein muss hier
auf der linken Seite etwas
sein Und obwohl es aus dem Rahmen gerissen
ist, hilft
es trotzdem, die Details
hier auf der rechten Seite
auszubalancieren . Wenn Sie sich in einer Komposition auf perfekte
Symmetrie verlassen, fühlt
sie sich vielleicht etwas
zu statisch und langweilig Und das ist auch der Grund, warum selbst beim Titanic-Poster, obwohl der untere Teil
des Posters sehr symmetrisch ist, die Gesichter hier
oben nicht symmetrisch sind Kate Winslet
schaut nach rechts und Leonardo
Dicaprio Selbst auf diesem Buchcover, das sich wie wir anfühlt
, herrscht perfekte Symmetrie Wenn Sie auf einige Details achten
,
insbesondere in
diesem Bereich hier, werden
Sie feststellen, dass es
tatsächlich
einige Unvollkommenheiten gibt, um werden
Sie feststellen, dass es
tatsächlich
einige Unvollkommenheiten gibt Spiegelung oder Symmetrie zu erreichen Sie müssen nicht immer genau
dasselbe
auf beiden Seiten verwenden genau
dasselbe
auf Sie können sich auch einfach
auf ähnliche Objekte verlassen. Und dieses Poster zeigt
das sehr gut. Wo wir zwei völlig
unterschiedliche Objekte haben , die
aufeinander ausgerichtet einen perfekten Kreis
bilden, aber dennoch
in ihrer Mittellinie,
dem Symmetriezentrum, geteilt dem Symmetriezentrum Natürlich verwendet Wes Anderson, der berühmte Filmregisseur, auch gerne
Symmetrie in seiner Arbeit Sie werden also in all seinen Filmen viele
Szenen finden denen Sie leicht ein
Symmetriezentrum in der Mitte
platzieren können ein
Symmetriezentrum in der Mitte
platzieren Neben der Herstellung eines solchen
Gleichgewichts verwendet
er auch gerne
die Wahrscheinlichkeitsregel,
bei der das Motiv
in der Mitte von zwei anderen
Motiven an den Seiten begleitet oder eingerahmt wird
13. Symmetrie (Teil 2): Es gibt auch einen
interessanten Begriff namens Translationssymmetrie Das heißt,
anstatt nur eine gespiegelte Version
desselben Details zu haben, würden
sich
mehrere Kopien desselben Objekts an einer beliebigen Stelle
im Raum wiederholen, wodurch
im
Wesentlichen ein Muster entsteht, das auf Wiederholung und Rhythmus basiert Aber dieses Poster
verwendet zum Beispiel beide Reflexionssymetrien,
sodass wir die Symmetrielinie hier in der Mitte platzieren könnten Es verwendet aber auch
translatorische Symmetrie wiederholt dieselben Details
auf einer horizontalen Es gibt auch
eine weitere spezielle Form der Variation der
Reflexionsssymmetrie, die wir als
Gleitreflexionssymmetrie bezeichnen. Dabei sind die gespiegelten Details nicht
perfekt der Variation der
Reflexionsssymmetrie,
die wir als
Gleitreflexionssymmetrie bezeichnen. Dabei sind die gespiegelten Details nicht
perfekt aufeinander ausgerichtet. Stattdessen sind sie leicht voneinander verschoben. In diesem Fall wird die
Spiegelsymmetrie des Gleitens an den
Händen verwendet Obwohl sie symmetrisch
sind, sind
sie in keiner Weise
aufeinander ausgerichtet Diese besondere Komposition
kombiniert auch sehr gut Tiefe und
Rhythmus. Wir können sehen, dass diese
geschwungene gelbe Linie mit den Händen ineinandergreift Manchmal ist sie hinter der Hand, manchmal ist
sie davor Und der Rhythmus entsteht durch diesen überlappenden Effekt : Einmal ist es hinten, nächstes Mal ist es vorne, dann ist es wieder hinten, dann ist es vorne und
wieder am Ende ist es hinten Und das Gleiche passiert auch
hier oben. Eine andere sehr verbreitete
und effektive Form der Symmetrie ist die Radial - oder Rotationssymmetrie,
bei der die meisten Objekte und Designelemente
um einen bestimmten Mittelpunkt gedreht werden um einen bestimmten Mittelpunkt Und wir können
diese Mittelpunkte
sehr schnell und einfach erkennen sehr schnell Da ist einer hier, noch einer hier, noch einer hier, wieder einer hier in der
Mitte, dieser, dann noch einer
hier oben und so weiter und so fort. Es ist wichtig, dass der
Mittelpunkt nicht im physischen
oder visuellen Zentrum liegen muss . Wie ich bereits in
einem anderen Video erwähnt habe , können
wir,
wie in diesem Fall , den
Mittelpunkt hier platzieren, ganz am linken
Rand des Rahmens. Auch wenn es sich in der
Mittellinie der Komposition befindet, kann
es weiter unten,
nicht genau in der
Mitte, vertikal platziert werden . Genau wie bei den anderen
Formen der Symmetrie. Sie müssen die
Radiosymmetrie nicht perfekt verwenden,
obwohl sie in einigen Fällen,
wie bei diesem Muster, so obwohl sie in einigen Fällen verwendet wird, dass sich
alle Elemente
perfekt wiederholen und um
das Symmetriezentrum herum liegen perfekt wiederholen und um
das Symmetriezentrum herum Aber Sie können großartige
Beispiele wie dieses Poster sehen, bei denen die Details eindeutig nicht identisch
sind Auch wenn die Radiosymmetrie nicht perfekt
ist, wir dennoch der Meinung, dass
in dieser
Komposition alles sehr ausgewogen ist Wenn Radiosymmetrie mit Perspektive
kombiniert wird, wo wir die
starken Linien haben, die unsere Aufmerksamkeit wiederum auf das
Zentrum der Komposition
lenken, kann
der Effekt, Ihren Betrachter in
Ihr Design hineinzuziehen Ihren Betrachter in
Ihr Design Mir gefällt auch an diesem Poster
, wie die Farben
verwendet werden, um
die beiden Brennpunkte miteinander zu verbinden und Einheit und
Harmonie herzustellen Und Sie fragen sich vielleicht, ob uns
symmetrische Designs
gefallen. Warum sollten wir jemals
Asymmetrie in einer Komposition verwenden wollen? Die beste Antwort darauf ist
, dass es Dramatik
und
Intensität oder Spannung erzeugen kann Dramatik
und
Intensität oder Spannung erzeugen Wenn das gut
zur Hauptaussage
oder zum Hauptthema Ihres Designs passt , ist es
effektiver, Asymmetrie als Symmetrie zu verwenden Ein gutes Beispiel dafür ist
das „Fall in Love“ -Poster. Wir alle wissen, dass wir,
wenn
wir verliebt sind, nicht klar denken und die Dinge ein
bisschen chaotisch werden können Die Verwendung von Asymmetrie für
dieses Thema funktioniert also wirklich gut, genau wie auf diesem Poster
für den Film Joker, wo sich die Hauptfigur in dieser
asymmetrischen Position
befindet und
betont, wie instabil
er am Ende des Films wird ohne Ihnen etwas
zu
verraten, falls Sie
den Film noch nicht Und dieselbe asymmetrische
Komposition eignet auch
sehr gut für
diesen Pixar-Film, dem sie diese
prekäre Situation
eines
am Himmel schwebenden Hauses betont, das an Luftballons befestigt ist . Es ist schwer, sich etwas vorzustellen, das
mehr aus dem mehr aus Und deshalb hätte eine perfekt
symmetrische Komposition, bei der wir
den Titel hier in
der Mitte hätten und der Ballon
auch in der Mitte steht, nicht
so erfolgreich funktioniert. Und nicht zuletzt, wenn Sie sich Logo-Designs ansehen, werden
Sie feststellen, dass
Symmetrie sehr häufig verwendet wird. Sie
hilft dabei, Ausgewogenheit, Stabilität,
Stärke, Macht
oder was auch immer für eine bestimmte Marke am besten geeignet ist,
zu erreichen und
hervorzuheben Stärke, Macht
oder was auch immer für eine bestimmte Marke am besten geeignet ist, zu Und denken Sie daran, was ich über die
Vermeidung perfekter Symmetrie
in bestimmten Fällen gesagt habe Vermeidung perfekter Symmetrie
in bestimmten Genau das werden
Sie im Starbucks-Logo sehen ,
wo
das Gesicht auch hier einige Unterschiede
zwischen
der linken und rechten Seite aufweist ,
da es sich etwas
seltsam anfühlen würde, es perfekt symmetrisch zu haben Und selbst das Google-Logo verwendet
keinen perfekten Kreis, sodass Sie diesen Unterschied
dort auf der rechten Seite sehen können Diese subtilen Unvollkommenheiten
in der Symmetrie oder Form können die Dinge immer
etwas faszinierender machen
14. Erfahrungen in der Vergangenheit: Erfahrungen aus der Vergangenheit, auch Isomorphismus
genannt, sind wahrscheinlich
das
subjektivste aller Prinzipien des
Gaststils Es beruht ausschließlich auf
dem Wissen und Interesse
einer Person Und es funktioniert normalerweise
gut, wenn Sie etwas
Ikonisches oder Berühmtes zeigen, wie das Porträt von Bengog, die Pommes frites
von McDonald's oder die Ampel, die überall der
Welt dieselbe ist Ähnlich wie bei den
anderen Prinzipien sind Erfahrungen aus der
Vergangenheit auch ein
Instrument, mit dem Sie
Ihre Zuschauer dazu bringen können , etwas
mehr zu arbeiten , um zu verstehen, was
sie gerade sehen Auch hier ist es wie eine
kleine Herausforderung , die du ihnen stellst. Wie im Fall des
Jazz-Posters hier :
Anstatt
ein Instrument zu zeigen, sehen
wir nur ein paar Socken, die auf einem Heizkörper trocknen. Aber aufgrund der
Art und Weise, wie sie angeordnet sind und hauptsächlich wegen
der Abstände zwischen ihnen, und natürlich
hilft uns auch die Tatsache
, dass sie alle schwarz
auf einem weißen Heizkörper sind , zu assoziieren. Erinnert uns an die
Tastatur eines Klaviers. Hier ist ein weiteres
brillantes Poster,
auf dem die Grabsteine
den Tod darstellen Und obwohl es ein
christlicher Brauch und ein christliches Symbol ist, würde
es dennoch
auf der ganzen Welt anerkannt werden, auch in nichtchristlichen Ländern Und wenn wir diese perfekten
Reihen von Kreuzen
rundum sehen ,
schauen wir sofort auf den leeren Raum hier
, der natürlich
der Mittelpunkt
der gesamten Komposition ist , wenn
man sagt, das ist der
Nichtraucherbereich. Dieser Text verwendet übrigens auch die Regel
der dritten Platzierung. Außerdem befindet es sich auf der
visuellen Mittellinie, die immer nur
geringfügig höher ist als die physische
Mittellinie, wenn Sie ein Bild in eine
obere und eine untere Hälfte
teilen. Wir werden diese Regeln
viel ausführlicher besprechen , wenn wir
zum Thema Komposition kommen. Mir gefällt auch die Schlichtheit dieses Posters über Brustkrebs, das gerade genug Details
dieser beiden Buchstaben zeigt ,
damit wir sie erkennen können. Aber wenn wir sie
an der Hand verstecken, können
wir das
auch als Beat Cancer lesen Jetzt
fragen Sie sich vielleicht, was dieses Design
mit früheren Erfahrungen zu tun hat Und wenn Sie darüber nachdenken, ist
Brustkrebs eines
der am häufigsten
diskutierten Themen. Und es gibt viele
Kampagnen zur Sensibilisierung, weil
es etwas ist , das wirklich
vermieden werden kann, wenn sich
die Menschen regelmäßig
selbst untersuchen. Die Tatsache, dass wir von
Brustkrebs hören ,
hilft uns oft dabei, dies zu lesen, auch wenn diese beiden Buchstaben fast vollständig
versteckt
sind. Ich liebe auch diese beiden
Layoutbeispiele. beziehe mich wieder auf Fastfood oder insbesondere auf McDonald's, wo der eigentliche
Fließtext und die Typografie als integraler Bestandteil
der Illustrationen
verwendet werden Im Text sehen wir den Text, der zur Herstellung eines Burgers verwendet wurde,
die Getränkedose und
auch den
Nachholtext die Getränkedose und
auch den
Nachholtext Hier auf der
rechten Seite wird er
als einzelne
Stücke der Pommes verwendet , indem
einfach
eine andere Farbe
auf den Haupttext aufgetragen wird . Denken Sie also daran, dass Sie
sehr clevere Designs erstellen können , indem sich auf die bisherigen
Erfahrungen Ihrer Zuschauer verlassen. Sie müssen jedoch
vorsichtig sein, wenn Sie Artikel oder
Objekte verwenden , die allgemein
bekannt sind oder verstanden werden, auch wenn sie vereinfacht verdeckt oder
einfach nur erwähnt
15. Ähnlichkeit: Ähnlichkeit ist ein weiteres Prinzip im
Gaststil, was bedeutet, dass
wir instinktiv Objekte oder Elemente mit
ähnlichen Attributen
verbinden und
sie als Teil derselben Gruppe betrachten sie als Teil derselben Gruppe Dieses Prinzip kann
auf alles angewendet werden, aber es funktioniert sehr gut
auf Websites, auf denen Sie viele verschiedene
Produkte anbieten, die Ihre Nutzer vielleicht miteinander
vergleichen
sollen Und wieder einmal macht Apple dabei
hervorragende Arbeit. Auch hier gilt, die Dinge so
einfach wie möglich zu halten und sicherzustellen, dass Sie
nicht nur die Ähnlichkeiten, sondern auch die Unterschiede zwischen den Produkten
leicht erkennen können. zwischen diesen
drei MacBook-Modellen liegt also Der Hauptunterschied zwischen diesen
drei MacBook-Modellen liegt also
natürlich in der Größe. Und wenn wir sie
perfekt nebeneinander platzieren, können
wir
die Unterschiede in
den Bildschirmgrößen sehr schnell erkennen . Wir können aber auch
subtile Unterschiede erkennen , wie zum Beispiel, dass die
Abschrägungen hier größer sind, die Kerbe für die Webcam, bei
diesen beiden Modellen
auffälliger Und auch die Basis
des Macbooks. Etwas anders
bei den größeren Modellen als bei den kleinsten. Diese Seite
würde also zum Beispiel nicht so gut funktionieren, wenn wir
diese Macbooks an ihrem
vertikalen Mittelpunkt ausrichten würden diese Macbooks an ihrem
vertikalen Mittelpunkt Das würde bedeuten, dass
der untere Punkt jedem
von ihnen leicht
verschoben
würde und es viel schwieriger
wäre die Unterschiede
in den Bildschirmgrößen
zu erkennen Ähnlichkeit kann
mit vielen verschiedenen Dingen erreicht werden . In diesem Poster mussten
wir zum Beispiel einfach dafür sorgen, dass
der Text dieselbe Schrift
und dieselbe Farbe verwendet dieselbe Schrift
und dieselbe Farbe Und obwohl die Buchstaben über
das gesamte Poster
verstreut
sind und sich sogar auf verschiedene Arten
dehnen und ihre Größe ändern lassen, können
wir
sie dennoch verbinden und
diese Texte ziemlich
schnell und einfach lesen diese Texte ziemlich
schnell und einfach Du musst wieder vorsichtig sein,
wie du Ähnlichkeit benutzt. Wenn du Dinge zu
offensichtlich ähnlich machst, ist es vielleicht ein bisschen
zu langweilig und statisch. Wenn Sie ein wenig
Abwechslung oder Unterschiede einführen und gleichzeitig
sicherstellen, dass die Menschen diese
Details miteinander verbinden
können, können
Sie ein
dynamischeres und ansprechenderes Design erzielen . Es gibt noch einen anderen Begriff, den Sie sich
merken sollten , wenn es
um Ähnlichkeit geht. Es wird Invarianz genannt, was
bedeutet, dass wir
ähnliche oder vertraute Formen
erkennen ähnliche oder vertraute Formen obwohl ihre Farbe, Größe und Dieses Poster beweist
das wirklich gut. Obwohl wir übereinander gestapelte
Flugzeuge sehen , können
wir hier
dank der kleinen leuchtenden Lichter
am Ende jedes Flügels auch sehr schnell einen Weihnachtsbaum
erkennen kleinen leuchtenden Lichter
am Ende jedes Flügels am Ende jedes Wie bei allen anderen Prinzipien des
Gaststils kann auch das
Durchbrechen der Ähnlichkeit
eine gute Möglichkeit sein, kann auch das
Durchbrechen der Ähnlichkeit
eine gute Möglichkeit sein die
Aufmerksamkeit auf ein bestimmtes Detail zu lenken Und normalerweise nennen wir das eine Anomalie an diesem
ähnlichen Element
oder ein Element, das sich
vom Rest
der Umgebung abhebt vom Rest
der Umgebung Es ist also eine großartige Möglichkeit, einen Brennpunkt wie
diesen zu
erzeugen , bei dem der rote
Pfeil in die entgegengesetzte Richtung Invarianz ist eine wichtige Fähigkeit die fast jeder besitzt, und Sie als Grafikdesigner
können sich
darauf verlassen , dass Menschen
Objekte oder Charaktere erkennen, auch wenn sie wirklich
vereinfacht und zu einer
minimalistischen Version geworden sind , wie wir es
hier mit diesen Symbolen sehen können Sie müssen nur ein paar
Linien in der richtigen Reihenfolge und den
richtigen Proportionen zeichnen richtigen Proportionen um etwas wie eine Katze,
einen Pudel oder eine Blume,
einen Pinsel oder
sogar eine Ananas zu kreieren einen Pudel oder eine Blume, . Ähnlich wie
Karikaturkünstler erkennen und übertreiben
müssen, um herausragenden und einzigartigen
Merkmale von Menschen erkennen und übertreiben
müssen, um überzeugende und unterhaltsame Illustrationen von ihnen zu erstellen Sie als Grafikdesigner oder Illustrator müssen auch
lernen,
die wichtigsten
Details zu erkennen, die den Menschen
dennoch helfen können, zu erkennen Manchmal kann es schwierig
sein, dies zu erreichen, insbesondere wenn
Sie viele
Informationen haben , die Sie in Ihrer Komposition
komprimieren müssen in Ihrer Komposition
komprimieren Nehmen wir zum Beispiel dieses Beispiel der
Karte des Los Angeles Zoos. Neben all den Abbildungen
der Tiere gibt es hier auch viele
wichtige Schilder, darunter die Erfrischungsbereiche und auch botanische Highlights Aber auch hier
hilft die Ähnlichkeit, sie miteinander
zu verbinden, da alle
Erfrischungsbereiche mit
roten Quadraten und
alle botanischen Highlights
mit grünen Blättern gekennzeichnet sind roten Quadraten und alle botanischen Highlights
mit grünen Es ist
für uns sehr schnell und einfach , sie auf
der Karte zu finden, obwohl sie viele
zusätzliche Details
und Informationen enthält zusätzliche Details
und Informationen Normalerweise möchten Sie, dass
Ihre Designs
auffallen und die Aufmerksamkeit
Ihrer Zuschauer auf sich ziehen. Manchmal kann es für
Ihre Benutzer jedoch
effektiver oder einfacher sein, wenn Sie sich auf
bekannte Vorlagen oder Layouts verlassen , was definitiv der
Fall ist, wenn es darum geht, Konten zu erstellen und sich bei verschiedenen Diensten
anzumelden. Inzwischen finden Sie
fast überall verschiedene
Möglichkeiten, sich anzumelden, egal ob Sie soziale Medien
oder andere Konten
wie Google oder Apple verwenden . Neben der manuellen Eingabe Ihrer E-Mail-Adresse und Ihres Passworts
und fast die ganze Zeit müssten
Sie
sich an mich erinnern und
Ihre Passwörter vergessen , die
hier unten links und die eigentliche
Anmeldeschaltfläche unten rechts stehen. Hier sehen Sie also
die Anmeldeoptionen für drei völlig
unterschiedliche Websites. Und Sie können die Ähnlichkeit sowohl in der Platzierung
der Optionen der Größe
und sogar in der Ausrichtung erkennen . Ähnlichkeit kann
auf Mikroebene verwendet werden, also innerhalb Ihres Designs, aber auch
auf Makroebene,
was bedeutet, dass Sie
etwas erstellen, das
anderen Designs ähnelt, an die Leute gewöhnt
sind Selbst wenn es um die Logos
berühmter Modemarken geht, gibt es einen Grund,
warum sich einige von ihnen so ähnlich
sehen Höchstwahrscheinlich, weil sie miteinander konkurrieren und auch versuchen,
dieselbe Ästhetik zu erreichen. Normalerweise möchten Sie, dass der Text in Ihrem Logo sehr
klar und lesbar ist Und wenn Sie Ihrem Kunden sagen , dass Sie
planen,
50% des Textes in seinem Logo zu vertuschen , würde
er Sie wahrscheinlich für verrückt halten Aber genau das ist mit dem IBM-Logo
passiert. Und obwohl wir
diese leeren, breiten Lücken
im Text haben , können
wir ihn trotzdem leicht
lesen, dank des anderen Guestyle-Prinzips, über das wir bereits gesprochen haben,
nämlich der Schließung Aber auch die Tatsache, dass all diese Linien, die wir immer noch
sehen können , einander ähnlich sind, nicht nur in ihrer Farbe, sondern
auch in ihrer Dicke Und selbst die hinzugefügten Lücken
oder Zwischenräume haben exakt
dieselbe Größe, sodass es innerhalb dieses
Linienmusters sogar einen Rhythmus und eine
Wiederholung Je mehr wir über die Prinzipien des
Gaststils sprechen und je mehr Sie über sie
wissen, desto mehr werden Sie feststellen, dass sie in jedem Design
miteinander verbunden sind Ein erfolgreiches Design beruht also fast nie auf einem
einzigen Prinzip. Es würde viele von
ihnen kombinieren und sie dazu bringen,
zusammenzuarbeiten , um etwas
Einzigartiges und Ansprechendes zu schaffen.
16. Einheitliche Konnektivität: Einheitliche Verbundenheit ist
ein weiteres Prinzip beim Gaststart , das Ihnen helfen kann,
Objekte miteinander zu verknüpfen Anstatt sich jedoch
auf Ähnlichkeit
im Erscheinungsbild zu verlassen , verwenden
Sie Linien, Pfeile
oder andere Formen, um bestimmte
Elemente miteinander zu
verbinden Diese Verbindungsgeräte
können dem Betrachter helfen, Informationen
mit
bestimmten Details
innerhalb einer Komposition zu verknüpfen , selbst wenn diese sehr
komplex ist und selbst wenn die beiden verbundenen Details weit voneinander entfernt
angeordnet sind. Flussdiagramme zum Beispiel würden ohne die Verwendung
einheitlicher Zusammenhänge nicht funktionieren. Und das Gleiche gilt hier für
Infografiken. Zum Beispiel
gibt es neben
der Linie, die die Zeitleiste für die
Geschichte der Kommunikation
zeigt, die die Zeitleiste für die
Geschichte der Kommunikation
zeigt, auch diese
kleineren Pfeile, um
die relevanten Informationen mit den
einzelnen Punkten
auf der Zeitleiste zu verbinden die relevanten Informationen mit den
einzelnen Punkten
auf der Zeitleiste zu einzelnen Punkten
auf der Verbindungslinien müssen
nicht immer auf bestimmte Details zeigen
und wichtige Merkmale eines Fotos
oder einer Illustration hervorheben . Sie können auch einfach zum
Gruppieren von Informationen verwendet werden. Wie bei diesem Poster wo uns
diese Zeile hilft, nachdem wir etwas
beschrieben haben, zu dem Paar
zurückzukehren. Und dann führt
uns eine weitere Zeile zur nächsten Information. Diese Linien dienen als visuelle
Pfade innerhalb des Designs. Und das Gleiche gilt für
dieses Plakatdesign, bei dem eine einfache Botschaft, ein einziger Satz, in
vier verschiedene Teile aufgeteilt
wird , die durch Punkte und Linien
miteinander verbunden sind,
was unterstreicht, wie
wichtig es ist, sich
einen Leitfaden zu besorgen ,
um die Hinweise zu überspringen, aber trotzdem alle
wichtigen Sehenswürdigkeiten sehen zu können Dieses Layout verwendet eine ähnliche
Zusammensetzung,
bei der der Titel wiederum in
drei separate Wörter aufgeteilt ist, die vollständig auf dieser Doppelseite verstreut sind Und die vereinfachten
und kurvigen Linien des Statoskops sind
das einzige , was sie
miteinander verbindet und dem Leser
hilft, diesen Titel lesen zu
können Mir gefällt an diesem
speziellen Beispiel auch
, dass das Mittel , mit dem diese
Verbundenheit hergestellt wurde,
auch mit der Typografie verflochten ist auch Wir können also einen sehr
subtilen Einsatz von Tiefe erkennen. Das V zum Beispiel versteckt sich hier
leicht hinter
der schwarzen Linie, während sich das E bereits
davor befindet. Auch hier geht es
hinter die schwarze Linie, während das U davor steht. Und es ist sogar einheitlich wie alle drei Wörter leicht
gekürzt sind. Es fehlt also die Hälfte
des T hier, Hälfte des H fehlt
auf der rechten Seite und auch die Hälfte
des fehlenden Hs hier. In diesem Fall wird also neben der
gleichmäßigen Verbundenheit auch Ähnlichkeit verwendet, um sicherzustellen, dass wir
diese drei Wörter miteinander verknüpfen können diese drei Wörter miteinander Sie haben dieselbe Typphase, haben
aber auch
die subtile Tiefe
oder den Verflechtungseffekt Und sie sind auch alle an ihren Enden leicht
beschnitten. Auch hier
würde eine einheitliche
Verbundenheit nicht so gut funktionieren, wie wenn sie mit den
anderen Guestyle-Prinzipien kombiniert würde
, die ,
17. Häufige Regionen: gemeinsame Region ist ein weiteres
ziemlich
naheliegendes Prinzip, das besagt, dass Elemente als Teil
derselben Gruppe
wahrgenommen werden , wenn sie derselben
geschlossenen Region zugeordnet werden. Ihre Aufgabe als Designer besteht
darin, diese Bereiche auf kreative
Weise zu
gestalten , sei es durch die Verwendung von Rahmen, unterschiedlichen
Hintergrundfarben für jeden Abschnitt oder einfach durch einfache
Linien zur Unterteilung. Auf dieser Tafel findest du einige
traditionelle Beispiele, aber auch einige einzigartige
und kreative Beispiele. Hier
ist zum Beispiel ein Layout, bei dem wir diese Linien
haben,
die die verschiedenen Geschichten trennen. Und
was den Zuschauern neben diesen
dünnen Trennlinien auch hilft zu
erkennen, was den Zuschauern neben diesen
dünnen Trennlinien auch hilft zu wo die
einzelnen Geschichten beginnen, sind die Einstiegspunkte ,
die hier mit
diesen Zahlen
gekennzeichnet sind und die den Zuschauer dank
ihrer Ähnlichkeit sofort
von einem Punkt zum nächsten führen . Sie müssen
nicht immer Geräte wie
Linien oder Rahmen verwenden , um
diese gemeinsamen Bereiche zu erstellen. Manchmal reicht es
einfach aus, viel Platz oder Lücken zu nutzen. Wie hier
auf dieser Seite aus einem Reiseführer brauchen
wir keine
einzelnen Trennlinien
zwischen den einzelnen
Komponenten zu sehen , da die Lücke
zwischen den Bildern und dem
Text sie bereits
miteinander gruppiert und es
einfach macht ,
diese gemeinsamen Regionen zu erkennen Und
eine Linie wird nur verwendet wenn es wichtig ist,
sicherzustellen, dass wir
die
Kategorie Essen und Trinken vom Rest trennen können die
Kategorie Essen und Trinken vom Rest Und Kategorie ist wie
immer weniger mehr. Und die einmalige Verwendung einer Linie
ist viel effektiver als Erstellung eines Netzes oder
Rasters, das
in diesem Layout
völlig unnötig wäre , obwohl wir ein paar
Trennlinien
zwischen den Spalten haben . Das Hauptwerkzeug,
das zur Erstellung
dieser gemeinsamen Bereiche verwendet wird , sind die
unterschiedlichen Hintergrundfarben. Und auch hier liegt der Grund,
warum sich dieses Design
elegant und
mühelos anfühlt , darin, dass oder dekorative Muster
wie Wellenlinien oder
Zickzacks oder vielleicht sogar einen
Winkel auf dieser Trennlinie einzuführen ,
anstatt
starke Kanten
zwischen diesen beiden Bereichen oder dekorative Muster
wie Wellenlinien oder
Zickzacks oder , bereits
wunderbar funktioniert, so wie
es ist, wenn
es um
das Design von Benutzeroberflächen geht Es ist auch wichtig, in der
Lage zu sein , diese
gemeinsamen Bereiche zu erstellen und alle
wichtigen Funktionen
oder Merkmale
zu gruppieren alle
wichtigen Funktionen
oder Merkmale
zu gruppieren. Aber auch hier ist es wichtig, dass die Geräte oder Details
, mit denen Sie diese Bereiche
erstellt haben, immer zweitrangig und sehr
schwach im Hintergrund sind. Achten Sie darauf, dass sie die eigentlichen Funktionen,
die hervorstechen müssen
, nicht überlagern Sie können hier zum Beispiel sehen, wie subtil diese
Trennlinien sind Sie sind nicht nur dünn,
sondern auch sehr schwach und haben fast dieselbe Farbe wie die umgebende
Hintergrundfarbe Der zentrale Bereich
hier ist auch nur ein bisschen
dunkler als die
anderen Regionen in der Umgebung Es würde sich zu
überwältigend anfühlen, wenn wir eine stärkere
Hintergrundfarbe
einführen , dass die Verwendung der Farbe aus dem Logo hier
auf diesem Hintergrund Sie können sich vorstellen, dass die Verwendung der Farbe
aus dem Logo hier
auf diesem Hintergrund viel
zu intensiv wäre und zu viel Kontrast zum
Rest
der Komposition
erzeugen würde zu viel Kontrast zum
Rest
der Komposition
erzeugen Rest
der Komposition Stärkere Kontraste bei
Hintergrunddetails werden
nur bei kleineren und
wichtigeren Elementen wie diesen verwendet nur bei kleineren und
wichtigeren Elementen wie diesen Und nicht zuletzt können
Sie,
wie ich bereits erwähnt habe, sehr kreativ
sein wenn es darum geht, gemeinsame Regionen
zu schaffen Wie in diesem
Beispiel von Apple sind
die Macbooks selbst
die Geräte, mit sind
die Macbooks selbst denen die Regionen getrennt werden Die Informationen hier
auf der linken Seite und auf
der rechten Seite sind also eindeutig
nicht miteinander verbunden, sondern mit den
Geräten neben ihnen Und natürlich
hilft es auch, dass sie
unterschiedlich ausgerichtet sind. Während dieser Text hier nach links
ausgerichtet ist, ist
der andere nach rechts
ausgerichtet. Und selbst einfache Dinge wie die Ausrichtung von Text können helfen , eine Verbindung
zum richtigen Detail
innerhalb einer Komposition herzustellen. Ausrichtung
ist natürlich ein weiteres großes Thema, das wir noch
viel ausführlicher eingehen werden , sobald wir
über den Raum sprechen.
18. Nähe: Nähe ist ein weiteres
Gaststartprinzip , das besagt, dass wir Objekte, die näher
beieinander
liegen, als
verwandter
wahrnehmen näher
beieinander
liegen, als
verwandter als Elemente oder
Objekte, die weiter voneinander entfernt sind. Das ist vergleichbar mit
gewöhnlichen Regionen, aber anstatt Geräte wie
Rahmen oder Linien zu
verwenden, gruppiert man Dinge
einfach indem man
sie einfach nahe beieinander platziert. Dies ist ein sehr wichtiger
Grundsatz, den Sie sowohl beim Druck
- als auch beim Webdesign
anwenden müssen sowohl beim Druck
- als auch beim Webdesign
anwenden um eine
Hierarchie zu schaffen und
Ihre Zuschauer in der vorgesehenen Reihenfolge durch Ihr
Design zu führen . Auch wenn es sich
wie eine naheliegende
Sache anhört, wie eine naheliegende
Sache anhört, ist
es tatsächlich ein großes Thema
und es steckt noch viel mehr dahinter. Und ich glaube, es ist
sinnvoller, darüber im
Kontext des Raums zu sprechen und darüber, wie wir den Raum in unseren Entwürfen
nutzen, was ein weiteres großes
Thema in diesem Kurs ist. Wenn Sie also jetzt mehr über
dieses
Prinzip im Gaststil erfahren möchten ,
können Sie gerne direkt zum Kapitel mit
dem Titel Raum übergehen. Und wenn Sie fertig sind, können
Sie zurückkommen und mit dem
Rest dieses Kapitels
fortfahren. Nähe ist ein weiteres
Gaststartprinzip , das besagt, dass wir Objekte, die näher
beieinander
liegen, als
verwandter
wahrnehmen näher
beieinander
liegen, als
verwandter als Elemente oder
Objekte, die weiter voneinander entfernt sind. Das ist also
vergleichbar mit gewöhnlichen Regionen, aber anstatt Geräte wie
Rahmen oder Linien zu
verwenden, gruppiert man Dinge
einfach indem man
sie einfach nahe beieinander platziert. Dies ist ein sehr wichtiger
Grundsatz, den Sie sowohl beim Druck
- als auch beim Webdesign
anwenden müssen sowohl beim Druck
- als auch beim Webdesign
anwenden um eine
Hierarchie zu schaffen und
Ihre Zuschauer in der vorgesehenen Reihenfolge durch Ihr
Design zu führen . Und obwohl
es sich wiederum nach einer ziemlich naheliegenden
Sache
anhört , ist
es tatsächlich ein großes Thema
und es steckt noch viel mehr dahinter. Und ich glaube, es ist
sinnvoller, darüber im
Kontext des Raums zu sprechen und darüber, wie wir den Raum in unseren Designs
nutzen, was ein weiteres großes Thema in
dieser Reihe zur
Theorie des Grafikdesigns ist . Wenn Sie also daran interessiert sind, mehr darüber
zu erfahren, schauen Sie sich das an. Ähnlich wie bei den anderen Prinzipien des
Gaststils die wir in diesem Kurs behandelt haben, gehe
ich sehr
detailliert darauf ein und analysiere
alle Beispiele, die Sie in diesem Forum sehen
können. Sie werden
aber auch hören, dass ich in einigen der
kommenden Videos
darauf Bezug nehme. Und natürlich
können Sie auf dieses Forum zugreifen , um sich diese
Beispiele in Ihrer Freizeit genauer anzusehen.
19. Schlussbemerkung: Herzlichen Glückwunsch zum
Abschluss dieses
Kurses der Reihe
Theorie des Grafikdesigns. Ich hoffe, Sie fanden ihn
nützlich und inspirierend. Vergessen Sie nicht,
das Glossar mit Begriffen (PDF) durchzugehen, 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 Schauen Sie sich jederzeit die Referenzen
auf den Miller Not Boards an,
die wir
in diesem Kurs verwenden, um Ihnen zu helfen, sich an die Dinge zu erinnern, über die
wir gesprochen haben, oder um Inspiration für Ihr
nächstes Designprojekt zu finden Bitte teilen Sie uns mit, ob Sie der
Meinung sind, dass in
diesem Kurs
etwas fehlt oder ob Sie
Vorschläge haben , wie
wir ihn verbessern können. Senden Sie uns eine E-Mail an Info at Sm Designer.com und wir werden
uns so
schnell wie möglich bei Ihnen melden Wir freuen uns sehr über
Ihren Beitrag und Ihre Hilfe. Jetzt ist es an der Zeit
, dass Sie Ihr nächstes Thema auswählen und in einen weiteren Kurs zur Theorie des
Grafikdesigns eintauchen. Denken Sie daran, dass es keine
richtige oder falsche Reihenfolge , um diese Serie abzuschließen. Alle Regeln, die wir
behandeln, sind gleich wichtig und
alles hängt zusammen. Am
wichtigsten ist es jedoch, diese Regeln gut
zu verstehen und sie
in Ihren Projekten anzuwenden. Ich bin mir sicher, dass Sie das Gelernte nutzen werden , um
etwas Tolles zu schaffen, und ich kann es kaum erwarten, es zu sehen.