Theorie des Grafikdesigns – Komposition und Layout

1. Einführung: Habe die auffälligsten Fotos und Illustrationen in deiner Arbeit, die coolsten Schriften und die tollste Farbpalette Aber ohne eine solide Zusammensetzung oder Struktur wird alles auseinanderfallen In diesem Kurs behandeln wir alles, was Sie über den Rahmen des Grafikdesigns wissen müssen , den Klebstoff, der alle Elemente zusammenhält. Wir werden etwas über weit verbreitete Kompositionsmethoden wie die Drittelregel, den Goldenen Schnitt, Diagonalen, Silhuetten, Tangenten Wir werden außerdem Hunderte fantastischer Designs aus allen Bereichen des Grafikdesigns analysieren , um Ihnen zu helfen, alle Begriffe und Regeln, die in diesem Kurs behandelt werden, leicht zu visualisieren und zu verstehen Begriffe und Regeln, die in diesem Kurs behandelt werden, leicht zu visualisieren und Zusammen mit dem spannenden Klassenprojekt , das Sie hoffentlich am Ende des Kurses abschließen werden, haben Sie auch das Analyse-Arbeitsblatt und das Begriffs-Glossar , mit denen Sie alles, was Sie gelernt haben, in die Praxis umsetzen können Ich hoffe, Sie freuen sich genauso wie ich darauf, loszulegen und in das Meer des Wissens und der schönen Grafikdesign-Beispiele einzutauchen und der schönen Grafikdesign-Beispiele 2. Komposition: Egal was Sie entwerfen, ob es sich um ein Logo, eine Visitenkarte, ein Poster oder eine Website handelt, Sie müssen immer eine Komposition erstellen, was wörtlich bedeutet, Dinge zusammenzustellen oder was etwas besteht aus allen Elementen, die wir im Grafikdesign verwenden, einschließlich Bildern, Topographie, Formen, Farben und sogar Platzhalter, müssen auf eine bestimmte Weise angeordnet werden , um ein angenehmes ergebnis. Und das Gute ist, dass die meisten Menschen eine ähnliche Wahrnehmung von Harmonie und Einheit zwischen Komponenten haben von Harmonie und Einheit , die Sie zusammenstellen. Und es gilt nicht nur für Grafikdesign, denken Sie zum Beispiel nur an Musik. Komposition ist auch ein anderes Wort, das wir verwenden, sowohl in der Literatur, wenn es darum geht, Gedichte zu komponieren, auch hauptsächlich in der Musik. Komposition ist auch der Prozess des Schreibens oder Produzierens von Musik. Und in diesem Fall geht es um die Anordnung von Instrumenten und Musiknoten im Vergleich zu visuellen Elementen, mit denen wir im Grafikdesign arbeiten. Aber denken Sie nicht, dass das Komponieren oder Erstellen von Kompositionen ein so anspruchsvoller und aufwendiger Prozess ist , zu dem nur Künstler fähig sind, weil es tatsächlich etwas ist , was wir alle in unserem Alltag tun fast die ganze Zeit. Um Ihnen ein paar Beispiele zu nennen, wenn Sie Ihre Kleidung anziehen , komponieren Sie auch Kleidungsstücke und Accessoires, um sich auf eine bestimmte Weise zu präsentieren. Oder wann immer Sie Salat zubereiten , wählen Sie wieder Zutaten. Du zerkleinerst sie auf eine bestimmte Art und Weise. Sie fügen eine bestimmte Quelle hinzu. Und das ist wieder eine Art , wie du Essen komponierst. Und selbst wenn Sie Ihre Koffer oder Koffer für eine Reise packen , stellen Sie wieder eine Komposition von Dingen zusammen , die Sie benötigen, während Sie weg sind. Und das ist der Grund, warum ich diese drei Beispiele hier unten in dieses Board aufgenommen habe , nur um Sie an diese einfachen, alltäglichen Referenzen zu erinnern, die ich erwähnt habe. Der Hauptzweck der Komposition im Grafikdesign besteht darin, sicherzustellen , dass es die richtige Balancenhierarchie gibt oder dass es sich um eine Anordnung aller visuellen Elemente in Ihrer Arbeit handelt, um den meisten kommuniziere effektiv eine bestimmte Botschaft oder Geschichte. Wie ich schon immer erwähnt habe, funktioniert die Komposition nicht ohne das Verständnis und Verwendung der meisten Designprinzipien, die wir in diesem Kurs behandelt haben. Um also auf unsere Referenzen des Packen für eine Reise zurückzukehren, zu verlassen wäre das Erstellen einer Komposition, ohne sich auch auf Balance, Hierarchie und Einheit , ähnlich wie das Zufallsprinzip in einen Koffer mit unser erstes arrangieren und falten sie ordentlich oder versuchen, einen Salat zuzubereiten, ohne die Zutaten zu zerkleinern. Es gibt keine wirkliche Möglichkeit, die Arten von Kompositionen im Grafikdesign zu kategorisieren , abgesehen von einer einfachen Unterscheidung offener und geschlossener Kompositionen. Und es ist ein ziemlich einfaches Konzept, das man verstehen muss. Im Falle einer offenen Komposition ist der visuelle Fluss nicht eingeschränkt. So können die Elemente in Ihrem Design problemlos mit ihrer Umgebung interagieren. Und das würde ich zum Beispiel definitiv als offene Komposition in Betracht ziehen. Aber auch dieses hier, verglichen mit diesem Layout, das zwei Textblöcke auf den beiden Seiten verwendet, fast Rahmen oder Grenze für die Komposition bilden. Dies würde also eher als geschlossene Komposition angesehen werden. Aber schauen wir uns ein anderes Beispiel an, einen Vergleich zweier ähnlicher Designs. Wieder einmal, hier auf der linken Seite, sehen wir eine offene Komposition. Obwohl wir ein paar Trennlinien haben, gibt es im Allgemeinen keine visuelle Grenze die diese zusammenschließen würde, verglichen damit hier auf der rechten Seite in diesem Menü, wir haben viel strengere Struktur, die zu einer geschlosseneren Komposition führt. Ein weiterer wichtiger Aspekt für die Arbeit von Kompositionen besteht darin , sicherzustellen, dass zwischen den Elementen eine Hierarchie besteht. Und es wird noch wichtiger, wenn Sie im Layout viele Informationen anzeigen können, zum Beispiel damit eine Komposition funktioniert. Es geht nicht nur darum, den richtigen Ort und das richtige Verhältnis zu finden oder Größe der Elemente, aber auch über die Hierarchie oder Beziehungen zwischen den Elementen nachdenken . Und das ist ein weiteres großes Thema das wir ausführlich behandeln, einschließlich der Art und Weise, wie Sie Schwerpunkte und Einstiegspunkte festlegen und Skalierung, Position, Proportionen und Dominanz in Ihrer Arbeit nutzen . Je mehr Elemente Sie in einem Design hinzufügen müssen, was bedeutet, desto komplexer wird es, desto wichtiger ist es auch, diese Regeln und Techniken zu verstehen diese Regeln und Techniken , mit denen Sie eine Komposition erstellen können. Die gute Nachricht ist jedoch , dass Sie diesen Prozess auf einfacheren Designs lernen können . Und mit der Praxis werden Sie schließlich in der Lage sein, dieselben Techniken für viel komplexere Projekte anzuwenden . Bevor wir über Layouts sprechen, wollte ich nur diese vier Beispiele aus berühmten Szenen in Filmen und Fernsehserien zeigen diese vier Beispiele aus berühmten Szenen in Filmen und Fernsehserien , die zeigen, wie die Komposition von Szenen auch in der Kinematografie entscheidend ist . Ob es darum geht, eine Ein-Punkt-Perspektive zu verwenden und die Hauptfigur in den Fluchtpunkt zu platzieren oder den Rahmen in zwei gleiche Seiten zu teilen und wieder viel negativen Raum zu verwenden, um sich mehr auf die Hauptfigur in der Szene zu konzentrieren, verwenden Sie Formsprache und Dreiecke, um Kraft und Stärke darzustellen. Zusammenfassend lässt sich sagen, dass Komposition eigentlich nicht etwas ist , das man separat lernen muss. Es wird immer ein natürlicher Prozess werden. Sie müssen nicht einmal darüber nachdenken , da es sich in gewisser Weise die Kombination aus der Verwendung aller anderen Designprinzipien und -regeln handelt, die wir in diesem Kurs behandeln. 3. Layout: Neben der Komposition ist ein anderer Begriff, auf den wir im Grafikdesign sehr häufig Bezug genommen haben, das Layout, auf den wir hauptsächlich im Kontext des redaktionellen Designs Bezug nehmen. Es wurde jedoch auch im Web- und UX-Design verwendet . Sie fragen sich vielleicht, warum müssen wir getrennt über Liao sprechen Wenn wir bereits im vorherigen Video über die Komposition berichtet haben. Da es einige Leute gibt, klingen diese beiden Wörter vielleicht wie genau das Gleiche oder Synonyme voneinander. Es gibt jedoch einen subtilen Unterschied , wenn wir den Begriff Komposition verwenden Wir konzentrieren uns auf die Auswahl der Komponenten oder Elemente in einem Design nach Layout bezieht sich auf den tatsächlichen Prozess von alle diese Elemente in einem Design anordnen und auslegen. Und ich stelle mir diese gerne als die beiden Hauptschritte oder Phasen in jedem Grafikdesign-Projekt vor. Komposition ist die erste, wählt aus, was wir brauchen, und geht dann zur Layoutphase über , in der wir alles zusammenstellen. Natürlich können Sie argumentieren, dass Sie bei der Arbeit an einem Layout immer noch über die Zusammensetzung der Elemente nachdenken . Aber das ist nur meine Präferenz und eine vereinfachte Art diese beiden Begriffe in Bezug zueinander zu denken. Es gibt viele Definitionen , die mit Layouts sowohl für Druck- als auch für Webdesign verwendet wurden . Und wir werden all dies in separaten Themen behandeln. In diesem Video möchte ich mich jedoch auf den allgemeinen Zweck oder das Ziel eines Layouts konzentrieren . Und ich glaube, dieses Zitat fasst es am besten zusammen. Also lese ich das eigentlich für dich vor. Perfekte Buchstaben oder Ornamente machen also keine perfekten Meinungsforscher aus. Ein gutes Layout ist viel wichtiger als perfekter Schriftzug oder eine ausgefallene Dekoration. Der Student, der Kopien in einfache Gruppen arrangieren und diese Blöcke entsprechend ihrer Stärke und Bedeutung ausgleichen kann, hat das Geheimnis von effektiv gelernt. Dies bedeutet also , dass es nicht um die Anzahl der visuellen Elemente geht die Anzahl der visuellen Elemente , die Sie in einer Arbeit einführen, die wichtig ist, sondern um die Harmonie und Hierarchie zwischen diesen Elementen und das ist der Zweck oder das Ergebnis eines guten Layouts. Denken Sie also an das Layout eines Lebenslaufs, hier ist es wichtig, alle notwendigen Informationen sehr effektiv darzustellen, um sicherzustellen, dass der Arbeitgeber das findet, wonach er sucht. Aus diesem Grund ist es so wichtig, eine Struktur zu haben, Gruppen und gemeinsame Regionen zu erstellen und Hierarchie und Einheit zu schaffen, indem der gleiche Stil oder die gleiche Formatierung von Text wiederverwendet oder wiederholt wird. Sie können sich also die Effektivität eines Layouts vorstellen eines Layouts wie schnell Ihr Betrachter findet, wonach er sucht. Und dazu müssen Sie sich daran erinnern, dass es etwas gibt, das als Lesegravitation bezeichnet wird. Das bedeutet, dass Zuschauer und Leser besonders in westlichen Ländern dazu neigen, oben links auf einer Seite oder einem Layout zu beginnen oben links auf einer Seite oder einem Layout und langsam aber allmählich die untere rechte Ecke zu gelangen. Das nennen wir also die Lesegrivitation, und es beruht auf der allgemeinen Orientierung des Lesens von links nach rechts. Und deshalb habe ich westliche Länder erwähnt , weil in bestimmten Sprachen, wie auf Arabisch, das Schreiben in die entgegengesetzte Richtung fließen würde. Also von links nach rechts. Oder in bestimmten asiatischen Ländern wäre es von oben nach unten vertikal. Aber ohne zu viel zu verallgemeinern, konzentrieren wir uns auf die ursprüngliche Schwerkraft von links nach rechts, von oben nach unten, was auch bedeutet, dass der primäre optische Bereich, wir die obere linke Ecke nennen, ist der Ort, an dem Sie die wichtigsten Informationen platzieren sollten , denn das werden die meisten Zuschauer zuerst sehen. Und dann auf der anderen Seite die untere rechte Ecke nennen wir die untere rechte Ecke den Terminalbereich. Und das ist auch ziemlich wichtig da fast jeder Zuschauer hier sein wird hier sein wird nachdem er den Rest des Layouts gescannt hat. Sie sollten also sekundäre, aber immer noch wichtige Informationen in diesem Terminalbereich platzieren aber immer noch wichtige Informationen . Und in Bezug auf die anderen beiden verbleibenden Bereiche ist die obere rechte Ecke viel stärker als unten links. Diesen hier bezeichnen wir normalerweise als VQ-Kollegen. Und der oben rechts ist der starke Fellow Area. Und wenn Sie mit dem Wort Brach nicht vertraut sind, stammt es tatsächlich aus Landwirtschaft und wird für Land genutzt, das normalerweise angebaut wird, aber derzeit nicht verwendet wird oder nicht geerntet Land oder Gebiet, das untätig ist. Und ich liebe die Tatsache , dass das Denken an Landwirtschaft uns helfen kann zu verstehen, wie unsere Zuschauer ein Design erleben werden , das wir kreieren. Denken Sie also daran, an die Schwerkraft des Lesens und diese vier verschiedenen Bereiche zu denken, wenn Sie an einem Layout arbeiten. Letzt ist es erwähnenswert, dass ein Layout normalerweise über die Anordnung von Elementen innerhalb einer Seite oder einer Spread hinausgeht . Denn in den meisten Fällen, insbesondere im Druckdesign, müssten Sie das Layout über die Grenzen dieser hinaus erweitern und über das Layout des gesamten Artikels oder sogar des Ganzen nachdenken Zeitschrift oder im Falle eines Buches das Layout eines Kapitels und das Layout des gesamten Buches. Und der Grund, warum Sie globaler denken müssen , wenn es um Layouts geht , liegt darin, dass Sie Ihren Zuschauern helfen können, die Struktur innerhalb eines Magazins zu sehen , katalog oder ein Buch. Wir können also sehen, dass das gleiche Layout wieder wiederholt wird. Selbst wenn die Seiten ausgetauscht werden, erkennen die Zuschauer ein Muster und das erneute Auftreten derselben Layouts. Und um die Konsistenz im Falle von Zeitschriften zu erleichtern , werden Outs in der Regel nicht nur innerhalb einer einzigen Ausgabe, sondern in allen veröffentlichten Ausgaben wiederholt . Denken Sie nur an das Cover, das die meiste Zeit sehr ähnlich aussehen würde , selbst wenn sich das Hauptbild ändert. Aber auch die Inhaltsverzeichnisseite in den meisten Zeitschriften wird ein sehr ähnliches Layout haben. Und hauptsächlich aufgrund dieser wiederholten Strukturen und des Layouts im redaktionellen Design verwenden wir in InDesign Vorlagen oder Masterseiten , die jetzt als übergeordnete Seiten bezeichnet werden. 4. Drittel-Regel: Die Drittelregel ist eine sehr häufig verwendete Technik in der bildenden Kunst. Bevor es also im Grafikdesign verwendet wurde, wurde es schon lange in der Malerei, Fotografie und sogar in der Kinematografie angewendet . Es ist eine sehr einfache Regel , die leicht zu verstehen und auch auf jedes Ihrer Projekte anzuwenden ist . Und es gibt nur ein paar Dinge, die ich in diesem Video besprechen möchte , außerdem werden einige kreative Beispiele nach Drittelregel verwendet, um die Schwerpunkte in Designs auszurichten , denn das ist die beste und gebräuchlichste Art, die Drittelregel zu verwenden. Aber zuerst lasst uns einfach verstehen, wie es funktioniert. Im Wesentlichen müssen Sie Ihren Rahmen in drei gleiche Abschnitte aufteilen , sowohl vertikal als auch horizontal. Und diese horizontalen und vertikalen Teilungslinien führen gemäß der Drittelregel zu vier Schnittpunkten . Dies sind die Positionen, an denen es am effektivsten ist , einen Brennpunkt zu platzieren. Jetzt erinnern Sie sich vielleicht daran, dass wir über das Lesen der Schwerkraft gesprochen haben, als wir über Layouts diskutierten. Und aus dem gleichen Grund, die meisten Zuschauer von oben links beginnen und sich dann nach unten rechts in jeder Komposition und jedem Frame hinziehen . Selbst diese vier Kreuzungen innerhalb der Drittelregel sind nicht gleich mächtig. Sie haben es also erraten, der obere linke Schnittpunkt die effektivste Platzierung für einen Brennpunkt ist, da die meisten Zuschauer dies zuerst betrachten werden, wenn sie eine Komposition sehen. Und die meisten Menschen neigen nicht nur dazu, zuerst hier zu schauen, sondern behalten diese Position auch am längsten im Auge . Laut Statistik erhält dieser oberste linke Schnittpunkt 41% der Aufmerksamkeit, gefolgt von der darunter liegenden, fünfundzwanzig Prozent und dann oben rechts 20%. Und schließlich ist der letzte unten rechts 14%. Nach diesen Prozentsätzen können wir uns vorstellen, dass diese vier Punkte die Richtung oder allgemeine Richtung der Augenbewegung des Betrachters sind, was wiederum gut der Lesegrivitation entspricht die wir vorhin besprochen haben. Bevor wir uns ein paar Beispiele aus dem Grafikdesign ansehen, wollte ich nur etwas Zeit mit diesen beiden Fotografien verbringen , was uns helfen kann zu verstehen, dass nicht nur die Schnittpunkte wichtig, wenn es um die Drittelregel geht, aber auch wie wir die Linien nutzen , die die Komposition teilen. Sie also nicht, dass dieses Brett hier in der Nähe eines der Schnittpunkte platziert wird, Beachten Sie also nicht, dass dieses Brett hier in der Nähe eines der Schnittpunkte platziert wird, wie der Horizont auch mit einer der Drittelteilungslinien in der Fotografie und auch einer Illustration ausgerichtet der Drittelteilungslinien in der ist und Grafikdesign, die Entscheidung, wo sich die Horizontlinie befindet, wird sich stark auf den Standpunkt und die Wahrnehmung Ihrer Komposition auswirken. Und es ist üblich, es entweder an der unteren oder obersten horizontalen dritten Linie auszurichten . Hier ist ein Beispiel, bei dem der Horizont erneut ausgerichtet ist, in diesem Fall auf die obere dritte Zeile. Und in diesem Fall wäre der Schwerpunkt dieses Mädchen, das perfekt auf diese vertikale dritte Linie ausgerichtet ist . Und obwohl wir ihr Gesicht nicht sehen können, ist der Kopf immer noch perfekt auf eine dieser Kreuzungslinien ausgerichtet . Es ist wichtig zu erwähnen , dass Sie bei der Verwendung dieser Regel nicht extrem streng sein müssen . Es ist eher eine Richtlinie. Und die allgemeine Idee ist, dass Ihr Thema oder Ihren Brennpunkt aus dem Mittelpunkt Ihrer Komposition bewegen aus dem Mittelpunkt es dynamischer und interessanter wird, wenn Sie Ihr Thema oder Ihren Brennpunkt aus dem Mittelpunkt Ihrer Komposition bewegen. Während Sie Ihr Motiv in der Mitte einer Komposition halten , kann es untätiger oder statischer werden. Natürlich gibt es Ausnahmen wie wenn Sie eine perfekte Reflexion in Ihren Kompositionen oder radiale Symmetrie erreichen möchten perfekte Reflexion oder wenn Sie die Stabilität betonen möchten, oder wenn Sie die Stabilität betonen möchten indem Sie alles ausrichten die Mitte Ihres Rahmens. Aber sehen wir uns die Drittelregel in Aktion in diesen kreativen Beispielen hier an. Zunächst beginnend mit diesem Titelblatt des Magazins. Wenn ich dieses Rechteck, das ich erstellt habe, auf dem Cover selbst ausrichte erstellt habe, auf dem Cover selbst können wir sehen, dass es den Mittelpunkt haben wird, nämlich natürlich das Gesicht dieser Frau und auch der große runde Hut , den sie trägt voll, fast genau am Schnittpunkt oben rechts, abgesehen davon, dass die Frau auf dieses vertikale Drittel ausgerichtet ist, haben wir auch die Hauptdeckungslinie an der anderen vertikalen dritten Linie ausgerichtet. Und es könnte auch beabsichtigt sein, dass diese Textgruppe tatsächlich perfekt in der unteren horizontalen dritten Zeile sitzt . Eine andere Sache , die wir auf der Skyline oder Strip hier oben auf dem Cover erkennen können , ist, dass die drei darin enthaltenen Wörter auch perfekt geteilt und nach der Drittelregel verteilt sind , wo wir diese kleinen Teilungspunkte haben perfekt an den vertikalen Teilungslinien ausgerichtet sind. Wenn ich diesen Frame also etwas nach unten bewege und näher zoome, können Sie sehen, worauf ich mich bezog , indem Sie sich dieses Beispiel noch einmal ansehen Wir können sehen, dass der Haupttitel perfekt darauf ausgerichtet oder zentriert ist erster Kreuzungspunkt hier, aber es ist der rechte Rand. Das g ist auch perfekt auf die zweite vertikale, dritte Linie ausgerichtet . Obwohl sich diese Komposition zunächst etwas chaotisch anfühlt, können Sie sehen, dass tatsächlich eine Menge zugrunde liegender Strukturen verwendet wird. Hier ist ein wirklich schönes Cover des New Yorker Magazins, das New York komplett schneebedeckt zeigt und viel negativen Platz oder Leerzeichen schafft. Aber genau wie zuvor die Drittelregel hier wieder perfekt verwendet, um das einzig sichtbare Gebäude auszurichten. Und obwohl es keine gerade Linie ist, aber die aktuelle , sogar der Schnee, ist auf eine der dritten Linien ausgerichtet, ähnlich wie eine Horizontlinie, obwohl wir nicht wirklich sehen können das in dieser Komposition. Dieses Poster des Filmjokers verwendet auch die Drittelregel perfekt, wo wir deutlich erkennen können, dass der Schwerpunkt sein soll ich auf sehr kluge Weise erreiche, ist eine Kombination aus beidem die reale Person und das Spiegelbild des Charakters , den er in der Geschichte wird. Diese Dualität wird also in dieser besonderen Ausrichtung dargestellt. Und wenn wir unseren Guide nehmen und ihn hierher ziehen, werden wir sehen, dass er fast perfekt auf diesen Schnittpunkt ausgerichtet ist . Und wie bei den vorherigen Beispielen ist sogar die Topographie an derselben vertikalen Teilungslinie ausgerichtet. Manchmal kann man sogar mehrere Schnittpunkte verwenden , wie in diesem Fall wird das Kaninchen vom Ego auf einen von ihnen gelegt, liegt sehr nahe an einem der anderen Schnittpunkte. Und wenn wir diese beiden Punkte verbinden, bilden sie tatsächlich eine Diagonale , die eine sehr dynamische Komposition erzeugt. Und in einem anderen Video werden wir viele kreative Beispiele sehen. Auch hier ist die Verwendung von Diagonalen diagonale Anordnung von visuellen Elementen. Und zu guter Letzt ist hier ein weiteres Poster, auf dem fast alle Schnittpunkte verwendet werden. Wir haben also das Gesicht dieser Person an diesem Schnittpunkt, ein anderes hier auf der rechten Seite. Und dann haben wir unten die Texte, die die beiden unteren Schnittpunkte verdecken. Und ich bin mir nicht sicher, ob dies beabsichtigt war oder nicht, aber selbst dieser Buchstabe D ist an der linken vertikalen Teilungslinie ausgerichtet und der Text selbst ist perfekt auf diese untere Horizontale zentriert Divisionslinie. Denken Sie also daran, dass die Drittelregel keine strenge Struktur wie ein Gitter in einer Komposition ist keine strenge Struktur wie ein Gitter in einer Komposition , an der Sie Ihre Elemente ausrichten müssen. Sie können es sich eher als eine Hilfe vorstellen oder sogar erreicht werden, die Ihnen helfen kann, die richtige Platzierung für die wichtigsten Elemente in Ihrem Design zu finden . 5. Goldener Schnitt: Ähnlich wie die Drittelregel eine andere häufig erwähnte kompositorische Technik ist eine andere häufig erwähnte kompositorische Technik das Goldene Verhältnis, das manchmal auch als göttliches Verhältnis oder göttliches Verhältnis bezeichnet wird. Egal welche Version des Begriffs Sie verwenden, es klingt ziemlich bedeutsam. Und etwas, das wir in diesem Kurs auf jeden Fall behandeln sollten, genau wie ich über die Drittelregel erwähnt habe, ist nicht etwas, dem Sie folgen müssen. Es ist wieder eher eine Richtlinie oder ein Framework , der Ihnen helfen kann, eine ausgewogene und interessante Komposition zu erstellen . Und es ist eine Technik, die selbst Leonardo da Vinci bereits in seiner Arbeit verwendete, sowohl für seine Gemälde, seine Skulpturen als auch für die Architektur. Aber der Grund, warum es Göttliche Proportion genannt wird, weil es auch in Naturmustern gefunden oder erkannt werden kann . Hier sehen Sie also einige dieser Beispiele , die auf diesem Verhältnis oder Verhältnis basieren. So können wir das gleiche Muster darin sehen wie sich die Galaxien in Muscheln, bei Stürmen und sogar in Pflanzen, Tieren und mehreren Proportionen des menschlichen Körpers bildeten bei Stürmen und sogar in Pflanzen, . Obwohl Sie sich als Grafikdesigner nicht wirklich um die Mathematik kümmern müssen, Sie sich als Grafikdesigner nicht wirklich um die Mathematik kümmern müssen die hinter dem Goldenen Verhältnis steckt. Es ist immer noch gut zu wissen , dass es aus der Fibonacci-Sequenz stammt oder auf dieser basiert, die nicht mit den Primzahlen zu verwechseln ist. Um also die nächste Zahl in der Sequenz zu erhalten, müssen Sie immer die letzten beiden Zahlen nebeneinander hinzufügen . Wenn Sie also mit 01 beginnen, das gleich eins, dann fügen Sie eins plus eins hinzu, das entspricht zwei. Dann ist es eins plus zwei gleich drei und dann zwei plus drei gleich fünf und so weiter und so weiter. Das ist also die Fibonacci-Sequenz. Um jedoch das goldene Verhältnis zu erhalten, müssen Sie in dieser Reihenfolge zwei Zahlen nebeneinander teilen . So zum Beispiel 987 geteilt durch 610, was zu einer Nummerierung von etwa 1,618 führen wird. Und das ist das Goldene Verhältnis. Und um dieses Verhältnis im Grafikdesign nutzen zu können, verwenden wir üblicherweise die goldene Spirale, die durch Anwendung dieses Verhältnisses erzeugt wird, den Rahmen aufteilen und dies nach jeder Teilung fortsetzen. Sie haben immer das gleiche Verhältnis zwischen diesen Elementen, bis die Spirale auf einen bestimmten Punkt innerhalb des Rahmens zeigt. Und im Gegensatz zur Drittelregel, wenn Sie die goldene Spirale verwenden, Es ist nicht nur der Punkt, zu dem diese Spirale führt wichtig sein kann, sondern auch die allgemeine Flugbahn des Spirale und was auch immer du darauf ausrichtest. Hier sind also zwei Beispiele für sehr berühmte Gemälde, bei denen wir bereits die goldene Spirale haben , die zeigt, wie sie angewendet oder verwendet wurde , um diese erfreulichen Kompositionen zu kreieren. Einer von ihnen ist das schöne Werk der japanischen Künstler Hokusai namens The Great Wave of Kanagawa. Und Sie können sehen, dass die goldene Spirale nicht unbedingt exakt am Rahmen ausgerichtet sein muss, damit sie sogar gedreht werden kann. Und sogar so, Wenn ein wichtiges Element oder das Thema des Bildes zu einer universell erfreulichen Komposition führen wird . Ich habe bereits erwähnt, dass Leonardo da Vinci gerne das Goldene Verhältnis oder den göttlichen Anteil verwendet. Und in einem seiner berühmtesten Werke, der Mona Lisa, können wir auch die Verwendung der goldenen Spirale identifizieren. In diesem Fall spielt sowohl der Start- als auch der Endpunkt der Spirale eine wichtige Rolle in der Zusammensetzung. Der Ausgangspunkt liegt also an den Händen und der Endpunkt befindet sich in der Mitte des Gesichts. Beide Details können als Schwerpunkte des Gemäldes betrachtet werden . Aber selbst entlang der Spirale hätten wir Details, die perfekt ausgerichtet sind, wie die Oberseite des Kopfes, die tangential zur Spirale ist. Und selbst die Arme wären, wenn wir sie ausdehnen, wenn wir sie ausdehnen, perfekt auf die Spirale ausgerichtet. Und das goldene Verhältnis wird häufig auch im Grafikdesign verwendet, wo Sie sich nicht unbedingt auf die goldene Spirale verlassen müssen , sondern nur auf den göttlichen Anteil oder das Verhältnis, von dem wir jetzt wissen, dass es nahe 1,618 liegt. Und wir können das gleiche Verhältnis zwischen den beiden Seiten des National Geographic Rechtecks oder den beiden Radius finden den beiden Seiten des National Geographic Rechtecks oder den , die für die Kreise innerhalb des BP-Logos verwendet werden . Und selbst mehrere Details in Logos wie Apple und Toyota verwenden wieder das gleiche Verhältnis. Und wie gesagt, das Goldene Verhältnis beschränkt sich nicht den Mittelpunkt Ihrer Komposition zu finden. Es kann beispielsweise auch verwendet werden, um den Anteil oder das Verhältnis zwischen den Hintergrundfarben innerhalb einer Komposition festzulegen , wie in diesem Verpackungsdesign hier oder sogar innerhalb einer Website oder einer Banner wiederum unter Verwendung des gleichen Anteils zwischen den beiden Seiten. 6. Goldene Spirale: Die wahrscheinlich interessantesten Beispiele finden wir unsere Illustrationen oder digitale Kunst- und Filmplakate. Und genau wie bei der Drittelregel habe ich hier die goldene Spirale vorbereitet, die wir ausrichten und auf diese Bilder passen können. Beginnend mit diesem ersten Bild hier werde ich es einfach an den Rändern ausrichten. Und Sie werden sehen, dass Sie manchmal nicht unbedingt alle Teile der goldenen Spirale verwenden müssen. Sie können also sehen, obwohl es nichts Wichtiges gibt das am Endpunkt der Spirale ausgerichtet ist. Die meisten Details in dieser Abbildung, wie die Form dieser Hügel links und auch auf der rechten Seite. Selbst der allgemeine Fluss dieser Wolken folgt alle der unsichtbaren Struktur der Spirale und sogar der Windmühle hier, obwohl sie nicht tangential zur Spirale ist, ist die Krümmung darüber tatsächlich parallel zu die Spirale oder zumindest dieser Abschnitt innerhalb der Spirale. Und in diesem nächsten Beispiel wollte ich Ihnen zeigen, dass Sie manchmal in einer einzigen Komposition sogar mehrere Orientierungen der goldenen Spirale verwenden können und wichtige Details Ihrer Komposition auf sie ausgerichtet. also in diesem Fall Wenn ich also in diesem Fall die Orientierung so behalte, können wir sofort sehen, dass es tatsächlich viele Details gibt , die dieser Form folgen, besonders in diesem Bereich hier. Also die Schafe hier unten, sogar das Huhn sitzt hier am Zaun. Aber wenn ich die Spirale auswähle und sie sowohl horizontal als auch vertikal umdrehe , können wir sehen, dass der Endpunkt, der auf diese Weise angezeigt wird, genau auf diese Person im Vordergrund zeigt. Und genau wie bei der Drittelregel, wenn Sie darauf achten, können Sie schließlich ein Auge entwickeln, wenn Sie diese versteckten Spiralen in Kompositionen sehen . Manchmal, wie Sie sehen können, sogar mehrere Orientierungen gleichzeitig. Selbst in der Konzeptkunst für Spiele wie Assassin's Creed, Valhalla, können wir die goldene Spirale erneut verwenden , die unseren Blick auf wichtige Details wie diese Charaktere hier im unten. Aber genau wie zuvor, wenn ich diese Spirale in die andere Richtung schiebe, können wir sehen, dass alle diese Details im Vordergrund dieser Spirale folgen, uns zuerst zu den Charakteren hier in der Mitte führt Boden, und lenkt dann auch unsere Aufmerksamkeit auf den Hintergrund. Und nur ein weiteres Beispiel für eine Konzeptkunst. Aber wieder einmal haben wir die Charaktere perfekt auf die Spirale und den höchsten Gipfel in der Distanz ausgerichtet , der auch perfekt auf den Endpunkt der Spirale ausgerichtet ist . Und es ist kein Zufall, dass sich die meisten Animationsfilme von Pixar, Disney und sogar DreamWorks auch auf die goldene Spirale verlassen würden . So können wir bei Kung Fu Panda Poster sehen, dass es unser Auge perfekt zum Fuß führt, was durch das radiale Muster im Hintergrund weiter betont wird . Wenn wir die Spirale hier rechts mit dem Poster nach oben bewegen , können wir sehen, dass alle Charaktere auf die Spirale ausgerichtet sind. Und wieder einmal lenkt die Spirale unsere Aufmerksamkeit auf den Titel. Und das Gleiche passiert hier mit dem Finding Nemo Betrüger oder die Fische im Hintergrund sind auf die goldene Spirale ausgerichtet, indem Nemo an diesem bestimmten Punkt innerhalb der Spirale ausgerichtet ist . Es ist also nicht der Endpunkt der Spirale, sondern immer noch auf eine wichtige Tangente innerhalb der Spirale ausgerichtet . Und ein weiteres großartiges Beispiel ist dieses Poster für den Film Brave. Das Kap der Hauptfigur im Vordergrund hat genau die gleiche Form wie die Spirale. Und selbst ihre Haltung folgt diesem Fluss. Aber wenn wir die Spirale weiter verfolgen, werden wir sehen, dass alle anderen wichtigen Charaktere tatsächlich auf den Endpunkt der Spirale ausgerichtet sind. Glauben Sie mir, sobald Sie anfangen, darauf zu achten, werden Sie auch in vielen Dingen um Sie herum das goldene Verhältnis und die goldene Spirale erkennen . 7. Richtung: Betonung einer bestimmten Richtung innerhalb einer Komposition ist eine sehr wirkungsvolle Möglichkeit, sie hervorzuheben und faszinierend zu machen . Und der allgemeine Weg, um dies zu erreichen, besteht in erster Linie darin, die richtige Ausrichtung oder das richtige Seitenverhältnis für Ihre Arbeit auszuwählen . Wenn Sie sich also auf eine vertikale Richtung oder einen Fluss konzentrieren, ist es besser, mit einem Porträtformat anstelle einer Landschaft zu beginnen . Neben der Auswahl der richtigen Ausrichtung und des richtigen Seitenverhältnisses sollten Sie auch alle Elemente in Ihrer Komposition ausrichten und anordnen , um diese beabsichtigte Richtung zu verstärken. In diesem Video werden wir viele kreative Beispiele sehen, die alle Arten von kreative Beispiele verschiedenen Richtungen verwenden, von vertikal über diagonal bis hin zu sogar zufälligen Winkeln. Beginnen wir mit einigen Entwürfen, die die vertikale Richtung oder den Fluss verwenden oder betonen. Wie Sie sehen können, kann es auf viele verschiedene Arten erreicht werden . Sie können entweder Typografie verwenden, wie bei diesem Poster, und alles in der Mitte der Komposition ausgerichtet haben , wobei sowohl die linke die rechte Seite vollständig leer bleiben. In diesem Fall wird dasselbe mit der Coca-Cola-Werbung und auch diesem Poster für die Poetry Slam-Nacht verwendet. Und neben einer sehr intelligenten Nutzung von Figurenboden oder negativem Raum hier, wobei das Mikrofon in der Silhouette eines Stiftes auftaucht . Aber ich denke, es gibt sogar einen Hinweis auf Bücher oben auf dem Stift. Was mir an dieser Komposition wirklich gefällt, ist, wie sie die vertikale Richtung von beiden Seiten nutzt. Über den Stift zeigt also nach unten und lenkt unsere Aufmerksamkeit auf diesen Teil hier unten, verhält sich das Mikrofon fast wie ein anderer Pfeil , der auf den Haupttitel der Veranstaltung zeigt. Wenn Sie die vertikale Richtung in einer Komposition betonen, müssen Sie nicht unbedingt alles in der Mitte ausrichten. Wir können mit diesem Poster sehen, die meisten Informationen nach links ausgerichtet werden können. Und in diesem Fall, um die Dinge auszugleichen, haben sie tatsächlich eine Person, die in einer ziemlich ungewöhnlichen Ernte aus dem Rahmen geht . Aber ich denke, das funktioniert perfekt mit dem Thema dieses Festivals, bei dem es um Reisen geht. Anstatt also jemanden zu zeigen, der im Rahmen ist, sehen wir, dass diese Person den Rahmen tatsächlich verlässt. Das ist also eine perfekte visuelle Analogie zum Prozess der vertikalen Richtung kann auch verwendet werden , wenn Sie die Schwerkraft betonen und Dinge wie Farbe oder Blut zeigen möchten , in diesem Fall tropfen oder um andere vertikale Bewegungen wie Regen oder sogar fliegende Superhelden zu zeigen. Und selbst wenn Sie Typografie verwenden um vertikale Richtung anzuzeigen, können die Schwerkraft und herunterfallende Dinge auch eine sehr einzigartige und interessante Komposition erzeugen. Ich liebe auch die Tatsache, dass wir neben diesem Teil hier, deutlich auf die vertikale Bewegung hinweist , der deutlich auf die vertikale Bewegung hinweist , auch so kleine Details hier im Haupttitel haben , dass der S-Buchstabe kurz davor steht, fallen zu lassen und herunterzufallen auch. Die Lesbarkeit des Haupttitels leidet also nicht, aber das ist ein subtiler Hinweis, funktioniert sehr gut mit dem Rest der Komposition. Einfache, aber clevere Lösungen wie diese können ganz einfach Einheit in Ihrem Design schaffen. Im Falle dieser Komposition liebe ich die Art und Weise, wie wieder ein sehr Werkzeugformat verwendet wird, aber auch die Art und Weise der gemeinsame oder übliche Standpunkt auf den Kopf gestellt wird. Und wir haben diese Stühle an der Decke und die Person, die sich an ihnen festhält, was alle darauf hindeutet, dass diese Person irgendwann herunterfallen wird. Und manchmal, selbst ohne etwas zu zeigen, kann es sehr effektiv sein, den Betrachter auf etwas vorzubereiten , um seine Aufmerksamkeit zu erregen. Ich werde die horizontale Richtung überspringen , weil dies etwas ist, das ziemlich normal und üblich ist, was wir im Grafikdesign sehen würden. Ich springe direkt zu Diagonalen, was wahrscheinlich meine bevorzugte Art von visuellem Fluss ist , den ich gerne in meiner eigenen Arbeit verwende , wann immer ich kann. Und das Einzigartige an der Verwendung Diagonalen ist, dass es hilft, sich von dem rechteckigen Format zu lösen auf das wir beschränkt sind, egal ob wir im Print- oder Webdesign arbeiten, da sowohl das Format des gedruckten Papiers als auch der Bildschirme rechteckig sind. Nehmen Sie zum Beispiel das Maze Runner Poster, das sich wieder in diesem rechteckigen Rahmen oder Canvas befindet . Dank der diagonalen Ausrichtung all dieser Linien und sogar der Hauptfigur und der Topographie haben wir jedoch dieser Linien und sofort das Gefühl, dass dies kein rechteckiges Format mehr ist. Also setzt unser Verstand diese Linien sofort fort und wir stellen uns eine Struktur vor , die über diesen rechteckigen Rahmen hinausgeht. 8. Diagonalen: Aber wenn Sie die diagonale Richtung in Ihrer Komposition nutzen möchten, müssen Sie natürlich die diagonale Richtung in Ihrer Komposition nutzen möchten, nicht unbedingt alles drehen. Wie Sie sehen können, reicht es aus, die Diagonalen auch mit einer einfachen dünnen Linie anzugeben . Aber natürlich hilft es auch, wenn Sie ein Bild in Kombination mit dieser Linie verwenden , das die gleiche diagonale Richtung verstärken kann. Sie sind aber auch nicht darauf beschränkt, nur eine einzige diagonale Richtung zu verwenden . Manchmal kann es sehr gut funktionieren, wenn Sie zwei entgegengesetzte Diagonalen innerhalb derselben Komposition verwenden, wie bei dieser Abbildung hier mit dem Skilift, können wir Linien sehen, die von den Bergen definiert sind und dann gegenüberliegende Diagonalen, die durch das Kabel für das Blatt definiert sind. Das Gleiche auf diesem Poster. Wir haben hier unten eine sehr starke diagonale Linie und dann eine weitere starke diagonale Linie, und dann eine weitere starke diagonale Linie die durch das Huhn definiert wird. Und selbst in diesem Fall, in dem diagonale Richtung für ein Inhaltsverzeichnis verwendet wird. Wieder einmal können wir Beispiele für diese gegensätzlichen Richtungen sehen . Wir haben also Texte hier und auch hier oben so eingestellt, aber dann haben wir die entgegengesetzte Richtung, die auch von einigen anderen Texten auf dieser Seite verwendet wird. Und meiner Meinung nach gibt es keine bessere Möglichkeit, sich daran zu erinnern , warum diese diagonale Bewegung oder Richtung so mächtig und so effektiv ist , als sich an diese berühmte Pose von Michael Jackson aus dem Movie Moon Walker. Im Vergleich zu einer vertikalen Geraden , in der wir als statisch betrachten würden, fühlt es sich sofort an, als würde es fallen, wenn etwas in einem Winkel nach rechts oder links steht. Und genau wie die Person, die wir gesehen haben, an der Decke stecken geblieben ist, um die Erwartung zu senken , und wir sehen etwas Riskantes, das unsere Aufmerksamkeit auf sich zieht. Und weil Diagonalen uns auch an Dreiecke erinnern, die in Bezug auf die Formsprache normalerweise wieder Risiko, Gefahr und Feindseligkeit darstellen. Es wird auch sehr häufig in Kompositionen von Actionfilmplakaten verwendet, wie wir es hier mit dem schwarzen Videoplakat sehen können. Und wir können es auch hier mit Fast and Furious oder dem Insider-Mann sehen . Und denken Sie daran, weniger ist mehr im Design. Selbst wenn Sie Richtungen wie Diagonalen verwenden, müssen Sie nicht zwingen, dass alle Ihre visuellen Elemente dadurch eingeschränkt werden. Ein gutes Beispiel dafür ist der Grundsatz, bei dem nur der Haupttitel in einer diagonalen Linie gesetzt ist. Und der Rest dieser unterschiedlichen Linien hier eigentlich nur geringfügig gedreht. Sie sind immer noch nicht vollständig vertikal oder horizontal, aber sie sind auch nicht vollständig diagonal. Sie können sich vorstellen, dass dieselbe Komposition , die wieder vollständig gedreht wurde, nach demselben Winkel wie der Titel, ein bisschen übertrieben sein könnte. Und dann können Sie nicht zuletzt auch zufällige Winkel in Ihrer Komposition verwenden. Dies sind jedoch normalerweise die schwierigsten, um Arbeit zu machen. Und ohne die Verwendung einer zugrunde liegenden Struktur wie einem Raster ist es einfach, etwas zu Chaotisches zu erstellen , damit Ihre Zuschauer es genießen und verstehen können. Und etwas, das für alle Richtungen gilt , die Sie verwenden möchten , oder sogar Entscheidungen , die Sie in Ihrer Komposition treffen, ist, dass es immer sollte, egal wofür Sie sich entscheiden dienen Sie dem Zweck oder der Botschaft Ihres Designs. Im Falle dieses Buchumschlags gibt es beispielsweise einen guten Grund, warum einige der Charaktere scheinbar zufällig auf den Kopf gestellt oder scheinbar nach dem Zufallsprinzip gedreht werden . Weil es den Titel hervorhebt, bewegte sich das Bett. Und obwohl ich das Buch nicht gelesen habe und der Titel mir nicht wirklich viel bedeutet. bin ich sofort fasziniert und Dank dieses einzigartigen Designs bin ich sofort fasziniert und interessiert. Denken Sie also daran, dass Ihre Wahl des visuellen Flusses für Ihre Komposition immer auf die Botschaft Ihrer Arbeit ausgerichtet sein sollte. 9. Silhouette: Im Grafikdesign können erkennbare Silhouetten oder Umrisse von Objekten auf viele verschiedene Arten verwendet werden, unabhängig davon, ob sie als Haltevorrichtung oder Container fungieren, mehrere Elemente gruppieren und darauf hinweisen Dinge auf subtile Weise oder sogar zur Aktivierung der Figurgrundbeziehung, eines der Gestaltprinzipien , die wir in einem anderen Thema behandeln. In diesem Video werden wir ein paar sehr kreative Arbeiten analysieren , die Silhouetten verwenden. Aber wir werden auch lernen, was der Unterschied zwischen einer Silhouette und einem Umriss, einer Kontur und dem Profil ist. Technisch gesehen sollten wir so etwas nur als Silhouette bezeichnen, in diesem Fall die Silhouette eines Vogels und darin die Silhouette einer Ballerina oder Tänzerin, wo eine feste Form ist wird verwendet, um etwas darzustellen, ohne Details in der Form selbst zu zeigen. Und die traditionellste Denkweise von Silhouetten besteht darin, eine schwarze Form auf weißem Hintergrund zu haben. Und der einfachste Weg, sich an die Definition von Silhouette zu erinnern , besteht darin, einfach an Ihren Schatten zu denken. Es ist ein dunkles Merkmal, weniger Form, kann aber immer noch erkannt werden, dass es mit Ihnen verbunden ist , um besser zu verstehen, wie Silhouetten funktionieren. Hier ist ein großartiges Beispiel, in dem wir einen Übergang zwischen Bereichen haben , in denen wir tatsächlich einige Details innerhalb des Bildes sehen können , die uns helfen , diese beiden Korbspieler zu identifizieren und zu trennen identifizieren und zu trennen voneinander. den Rest des Bildes wie die Hände, der Basketball und sogar ihre Beine benötigen wir nicht einmal Details, benötigen wir nicht einmal Details damit wir verstehen, was wir sehen. Wer sich diese clevere Komposition ausgedacht muss viel mit verschiedenen Silhouetten herumgespielt haben , bis er die richtigen gefunden hat , die er für diese Werbung verwenden konnte. In dieser Komposition können wir die Kombination von Silhouetten und Umrissen sehen . Die Silhouetten sind also wieder diese Formen, die mit Farbe gefüllt sind. Während diese anderen die Umrisse sind, bei denen wir keine Felddetails innerhalb der Zeilen haben. Und diese beiden Methoden werden häufig im Logo- und Icon-Design verwendet. Und obwohl sie einander sehr ähnlich sind, können sie bei Ihren Zuschauern immer noch eine etwas andere Wahrnehmung erreichen . Sie können den Hauptunterschied zwischen ihnen darin betrachten , dass Silhouetten positive Formen durch Umrisse oder negative Formen sind. Und in diesem Fall werden diese Begriffe nicht verwendet, um zu sagen, dass sie gut oder schlecht sind, es ist einfach eine Möglichkeit , Formen so zu kategorisieren , wie sie sich Raum fühlen. Hier ist ein interessantes Beispiel , in dem wir die Kombination einer Silhouette eines Baumes in diesem Container, Nummer zwei, sehen können . Aber die Nummer selbst hat eigentlich keine Gliederung. Die Komposition stützt sich also auch auf die Schließung des Gestaltprinzips. Unser Verstand muss also die fehlenden Details verbinden oder die Lücken im Umriss dieser Nummer ausfüllen. Aber der Hauptgrund, warum ich diese Komposition hervorhebe , ist zu zeigen, dass man nicht immer die volle Silhouette von etwas zeigen muss die volle Silhouette von , damit es erkennbar ist. Das Gleiche passiert in dieser Komposition. Auch hier können wir sowohl den Vogel als auch die Tänzerin erkennen , ohne alle Details zu sehen, auch wenn sie vereinfacht werden nur ihre Silhouetten zu zeigen. Hier ist eine weitere interessante Komposition. Wo sehen wir nur ein kleines Detail dieses Trainers? Warum der Rest seiner Kontur oder Form nur durch die Silhouette vorgeschlagen wird , die sich aus diesen verschiedenen bunten Formen zusammensetzt. Und wie Sie sehen können, können Sie sogar Kontrast erzeugen, indem Sie Abschnitte eines Objekts in vollen fotografischen Details mit einfachen bunten Formen kombinieren eines Objekts in vollen fotografischen Details mit , die auf die Objektsilhouette hinweisen. Ein anderer Begriff, der auch häufig im Grafikdesign verwendet wird und der Silhouette sehr ähnlich klingt, ist die Kontur, die besser verwendet wird, wenn Sie sich auf die Form eines Objekts beziehen. Zum Beispiel verwendet diese Illustration eine abgerundete und kurvige Kontur, die die Frau und Sexualität in dieser Komposition betont. Oder hier ist eine weitere clevere Werbung, in der wir sehen können , wie Konturen und Silhouetten zusammenarbeiten. Wenn wir uns diese Eiszapfen ansehen, können wir uns auf ihre Konturen beziehen, die auch dazu beigetragen haben die Silhouetten berühmter Wahrzeichen wie die Freiheitsstatue oder den Eiffelturm anzudeuten oder vorzuschlagen. Sie können also sehen, dass diese beiden Begriffe einander sehr ähnlich sind. Es gibt nur einen subtilen Unterschied in der Art und Weise, wie wir sie verwenden , wenn wir uns auf Lösungen oder Details in einer Komposition beziehen . 10. Profil: Ein anderer ähnlicher Begriff, von dem Sie vielleicht gehört haben, ist das Profil, das speziell verwendet wird, wenn wir etwas oder jemanden von der Seite betrachten . Profil ist ein sehr häufig verwendeter Begriff, zum Beispiel in der Porträtfotografie, wo er sich natürlich auf die Seitenansicht der Hand konzentriert . Ein Profil bedeutet nicht unbedingt , dass wir keine Details auf dem Gesicht oder auf dem Objekt sehen , das wir von der Seite sehen. Es ist besser, sich daran zu erinnern und es einfach als ein anderes Wort zu benutzen , um etwas von der Seite zu sehen. In diesem Fall ist dies die Silhouette eines Mädchens im Profilplan gepaart mit einem anderen Bild dieser Blumen und Pflanzen leicht über seine Kontur kreuzen. Sie können sehen, dass ich versuche, die subtilen Unterschiede zwischen diesen Begriffen hervorzuheben und mit ein bisschen Übung achten und darauf zu achten, wie man sie benutzt, ich bin sicher, dass Sie auch in der Lage sein werden wende sie alle in deiner eigenen Arbeit an. Lassen Sie mich abschließend noch ein paar Kompositionen mit diesen Begriffen hervorheben noch ein paar Kompositionen , die wir gerade besprochen haben. Im Falle dieses letzten Poster haben wir ein paar Silhouetten. Zuallererst haben wir die Sortierung hier in der Mitte, die mit negativem Leerzeichen oder Leerzeichen erstellt wird. Aber wir haben auch ein anderes Schwert in Schwarz, das als positiver Raum angesehen wird. Trotzdem ist das eine andere Silhouette. Wir haben auch eine andere Silhouette hier unten, die in diesem Fall eine besondere Art von Silhouette ist, die wir normalerweise als Skyline bezeichnen würden , in diesem Fall zeigt diese Festung oder dieses Schloss oder so wir haben die Silhouette des Feuers hier unten. Und schließlich noch ein subtiles Detail, das tropfende Blut hier auf diesem Schwert. Das ist also eine Silhouette in einer anderen Silhouette. Und Sie können sehen, dass all diese Silhouetten, offensichtlich unsere Illustrationen, und die Kombination von ihnen und den Fotografien auf dem Poster sehr gut zusammenarbeiten können. Und während die Fotos uns hauptsächlich helfen, diese Schauspieler und Schauspielerinnen im Film zu erkennen. Die Silhouetten dieser Objekte und Architektur erzählen uns viel mehr über die Geschichte oder die Handlung des Films. Hier ist ein weiteres großartiges Beispiel für ein Filmplakat, bei dem die Silhouette eines Kreuzes in Kombination mit der Silhouette einer Ölpumpe verwendet wird . Und wenn Sie den Film gesehen haben, wissen Sie, dass dies die beiden gegensätzlichen Themen im Film sind , Religion und Gier. Wenn es nicht offensichtlich genug wäre, dass es sich um eine Ölpumpe handeln soll. Es gibt tatsächlich noch eine andere im Hintergrund. Obwohl es ziemlich schwach ist, ist es immer noch erkennbar. Und der Grund, warum ich diese Komposition hervorhebe , ist zu zeigen, dass Silhouetten manchmal der beste Weg sind, etwas zu vereinfachen. Und anstatt uns auf Details zu konzentrieren, hilft uns, uns nur die allgemeine Form von etwas zu sehen, auf die wahre Bedeutung hinter der Komposition zu konzentrieren. Sie können sich natürlich immer auf Silhouetten verlassen, es sei denn, Ihr Thema ist sehr erkennbar, wie bei dieser ikonischen Szene von Forrest Gump, erkennen wir sofort, was wir auch in Kontexten sehen eines Apple-Logos. Wir erkennen auch sofort, dass dies die Profilsilhouette von Steve Jobs ist. Dasselbe mit horizontaler Kraft. berühmte Figur Indiana Jones reicht wiederum aus, um als Silhouette impliziert zu werden , die in dieser Höhle sichtbar ist. Aber in diesem Fall gibt es tatsächlich eine andere Silhouette in dieser größeren Silhouette. Und hier ist eine noch intelligentere Kombination aus zwei Silhouetten. Ein Poster von Olly Moss, wo wir den berühmten Charakter Baba Fat aus Star Wars dank der Kontur seines Helms erkennen Baba Fat aus Star Wars . Was es aber wirklich erkennbar macht , ist dieses Detail hier in der Mitte, das übrigens auch die Silhouette eines Gebäudes ist. Der Film „Empire Strikes Back“. Wir haben also nicht nur zwei Silhouetten übereinander, sondern sie sind auch auf diese äußerst clevere Weise ausgerichtet. Ähnliches passiert in diesem Dark Knight Rises Poster, wo wir die Silhouette des Batman-Logos im Hintergrund in der Skyline sehen . Und die Ohren auf Batman-Scape sind perfekt ausgerichtet, wo wir auch die Ohren der Batman-Ikone sehen würden . So könnten wir die Silhouette um sie herum fortsetzen. Und wir würden das Icon oder ein Logo dort im Hintergrund bekommen . Und dies ist auch ein gutes Beispiel, um über die Beziehung zwischen einer Silhouette und der Kontur nachzudenken . Wenn Sie also versuchen zu definieren wie wir Batman in diesem Fall sehen, würde ich das nicht eine Silhouette nennen, weil wir Details seiner Rüstung und sogar seines Gesichts sehen können . Es wird besser auf ein Bild verwiesen , in dem seine Kontur hervorgehoben wird. 11. Linie: Eine Linie ist ein grundlegendes und sehr häufig verwendetes Designelement. Und der Grund, warum wir es unter dem Kompositionsthema behandeln , denn es kann verwendet werden, um viele verschiedene Aspekte innerhalb einer Komposition hervorzuheben , z. B. das Auge des Betrachters zu lenken denn es kann verwendet werden, um viele verschiedene Aspekte innerhalb einer Komposition hervorzuheben, z. B. das Auge des Betrachters zu lenken Detail innerhalb der Komposition, wie ein Brennpunkt, oder um Struktur zu erstellen und Hierarchie hinzuzufügen , indem bestimmte Bereiche geteilt werden. Sie können auch als Bewegungslinien verwendet werden und betonen die Richtung oder den Fluss der Komposition. Sie können Muster bilden, Rhythmus einführen und die Liste geht weiter. Obwohl sie, wie gesagt, eines der einfachsten Gestaltungselemente hinzufügen , liegt es an Ihnen als Grafikdesigner, kreative Wege zu finden, um es zu nutzen. Zunächst ist hier eine schöne Illustration, die nur Linien verwendet und sogar die gleiche Dicke hat, was natürlich dazu beiträgt, Einheit und Harmonie in der Komposition herzustellen . In diesem speziellen Beispiel werden Linien verwendet, um diese Blumendekorationen zu formen, aber auch um diesen Vögeln nur ihre Umrisse und einige Details darin zu präsentieren . Und wieder eine andere Komposition, in der wir nur Linien haben, aber in diesem Fall bilden sie neben einigen Details wie den Wolken und der Sonne auch Topographie . Und das Interessante daran ist , dass diese Komposition wirklich gut funktioniert, obwohl es ziemlich viele Details fehlen. Die Linien sind also weder in der Typografie noch in der Umgebung vollständig geschlossen , als hätten wir einige Lücken in den Wolken, auch Lücken in der Sonne, weil wir gerade genug visuell haben Informationen. Es ist immer noch nicht verwirrend und stützt sich auf die Schließung des Gestaltprinzips, unser Verstand fällt leicht in diese Lücken, wobei die Verwendung von Linien in Kombination mit einem Foto viel Kontrast erzeugen kann. Und in diesem Fall bilden sie, da diese Linien den Hintergrund fast vollständig ausfüllen, den Hintergrund fast vollständig ausfüllen, auch etwas Ähnlicheres wie eine Textur. Und hier ist ein noch extremeres Beispiel, bei dem es zunächst so aussieht, als würden diese Linien nur eine zufällige Textur bilden. Aber dann kann man auch den darin verborgenen Text oder die Topographie erkennen . Und es ist eine ziemlich übliche und effektive Technik, die Topographie in einfachen Linien zu vereinfachen, wie in diesem Fall haben wir diese dicken, runden Linien, die das Wort bilden. Und die Tatsache, dass wir nicht nur die Silhouetten oder Umrisse dieser Buchstaben sehen , sondern auch die tatsächlichen Formen, diese Linien, aus denen sie bestehen macht diese Komposition viel interessanter. Und dynamisch. Strichzeichnungen werden auch häufig in Grafikdesignprojekten verwendet und in dieser speziellen Werbung werden sie in Kombination mit einem Foto und übereinander überlagert verwendet. Und die Zeichnung, die die Gefahren des Essens von Fast Food zeigt vereinfacht und präsentiert die Hauptbotschaft dieses Posters brillant . Linien können üblicherweise auch verwendet werden, um Aktionen darzustellen. In diesem Fall können wir sofort erkennen, dass diese drei Namen oder Marken überschritten wurden. Und wie bei allem im Grafikdesign können wir uns vorstellen, dass die tatsächliche Bewegung von ihnen durchgestrichen wird, obwohl wir nicht sehen die tatsächliche Bewegung von ihnen durchgestrichen wird, , dass es passiert, besonders weil diese Linien so aussehen sie wurden mit einem Buntstift oder Kreide gezeichnet. Die Kombination aus einem einfachen Gestaltungselement, einer Linie in diesem Fall mit Textur und ein bisschen Zufälligkeit deutet also einer Linie in diesem Fall mit Textur und ein bisschen Zufälligkeit , worum es perfekt darauf hin, worum es in diesem Problem geht. Denken Sie also daran, unterschätzen Sie nicht die Macht einer Linie in Ihren Kompositionen. 12. Zu vermeidende Tangenten: Da wir im Grafikdesign in zwei Dimensionen arbeiten , ist es sehr wichtig sicherzustellen dass Elemente, die wir nebeneinander platzieren, klar getrennt sind, wenn wir nicht möchten, dass sie sich treffen und wir sollten immer sicherstellen, dass festgestellt wird, was näher an uns liegt und was weiter im Weltraum entfernt ist. Wenn zwei Formen nebeneinander platziert werden, wird die gemeinsame Linie zwischen ihnen als implizierte Linie bezeichnet. Wenn es absichtlich verwendet wird, kann es sehr interessante Kompositionen mit Gegenüberstellung oder Kontrast zwischen verschiedenen Elementen erzeugen . Wenn es jedoch zufällig eingeführt wird, werden wir es normalerweise als Tangente bezeichnen . Und das ist etwas, das Sie die meiste Zeit vermeiden möchten. Und es gibt sogar einen anderen Begriff, den wir dafür verwenden , der im wirklichen Leben eine nette Sache ist, aber im Grafikdesign ist es wieder etwas, das vermieden werden muss. Und dieser Begriff küsst sich wieder aus zwei Dingen, die sich treffen oder perfekt nebeneinander ausgerichtet sind. Werfen wir einen Blick auf ein paar Beispiele. Hauptsächlich gute Beispiele, bei denen Tangenten positiv verwendet werden und implizierte Linien erzeugen, aber auch das Problem mit unbeabsichtigten Tangenten sehen . Um hier anzufangen, ist die Plakatserie. Und in jedem von ihnen haben wir zwei Objekte aufeinander ausgerichtet , die eine Gegenüberstellung schaffen, um die Botschaft hervorzuheben, nämlich Wörter, Kielkriege. Und beachte, wie all diese Plakate das schädliche Objekt auf der linken Seite platziert haben. Warum haben wir Bilder auf der rechten Seite Vase der Kommunikation zeigen. Und in diesem Fall sind diese Bilder nicht nur klug aneinander ausgerichtet, sondern schlagen auch auf die ursprünglichen Konturen der Waffen hin. Im Falle der Granate haben wir zum Beispiel das Profilbild einer Person auf der rechten Seite, aber die beiden Dinge zusammen erinnern uns an die ursprüngliche Form einer Granate. Und das Gleiche gilt für all diese anderen Bilder, in denen auch dieses Mikrofon so verwendet wird , dass es uns eher an eine Rakete, als an ein Mikrofon erinnert . Der Designer wollte also, dass die erste Lesung des Betrachters ein Veteran wird. Und erst nach einiger Zeit werden sie das andere Objekt erkennen , das für die Kommunikation verwendet wird. Es gibt viele andere ähnliche Beispiele für dieses Board, aber wieder werden mehrere Bilder miteinander kombiniert, nur bestimmte Teile von jedem von ihnen enthüllen. Die Schlüsseltechnik besteht jedoch darin, die Zuschauer zu verwirren , um diese beiden separaten Objekte als eins zu sehen. Bevor ich mir ein paar andere Beispiele anschaue, wenn Designelemente gezielt ausgerichtet sind, möchte ich Ihnen das Problem mit der Einführung von Tangenten zeigen. Hier ist also ein Miniaturbild, das ich für ein YouTube-Video erstellt habe . Und auf der linken Seite sieht man das eigentliche Design. Auf der rechten Seite habe ich eine Version davon erstellt, aber ich habe absichtlich Dinge bewegt, um diese unerwünschten Tangenten zu erzeugen. Also pausieren Sie das Video vielleicht an dieser Stelle, wenn Sie diese selbst finden möchten. Denn jetzt fange ich an, auf sie hinzuweisen. Das erste , das wir erkennen können, wenn wir das Bild von oben links scannen , ist dieses hier. Dieser Kreis ist also exakt auf das Illustrator-Symbol ausgerichtet , verglichen mit der Art, wie ich ihn ursprünglich weiter rechts ausgerichtet hatte . Wir haben auch das gleiche Problem mit diesem Kreis hier, wieder tangential zu dem Hut, den diese Frau trägt. Während ich wieder in der ursprünglichen Komposition gerade genug Überlappungen zwischen dem Hut und dieser Kugel hatte , um deutlich zu machen , dass sich die Kugel hinter dem Hut befindet. Diese Form hier unten ist auch tangential zum Text, obwohl es ein kleines kleines Detail ist, fühlt es sich immer noch seltsam an. Wir sind uns also nicht sicher, ob der Text vor dieser Form oder dahinter liegen soll . Und das gleiche Problem passiert genau hier. Wieder einmal gibt es einen Tangentenpunkt zwischen dem Text und dieser dreidimensionalen Form. Selbst wenn so etwas wie dieses Detail hier, das verschwommen ist, sich auf eine Tangente und eine andere Form trifft. Es kann für den Betrachter immer noch ablenkend und verwirrend sein. Aber diese Kurvenform hat sogar einen dritten Tangentenpunkt mit dem Hut. Es gibt also eine Tangente dort, eine andere hier und eine andere dort. Im Vergleich dazu in der ursprünglichen Komposition wurde es deutlich vor den Hut und weg von allen anderen Elementen platziert . Es gibt also kein Küssen und keine Tangenten. Ich bin mir sicher, dass Sie auch ein paar wirklich schlechte Platzierungen für diese schwebenden 3D-Objekte entdeckt haben. Und die Hauptsache, an die Sie sich an diesem Beispiel erinnern möchten , ist selbst wenn wir versuchen, eine gewisse Zufälligkeit zu erzeugen, indem Sie schwebende Objekte in einer Komposition haben, immer noch genau darauf achten sollten ihre Platzierung, um sicherzustellen, dass Sie es vermeiden, Tangenten zu erzeugen. 13. Beabsichtigte Tangenten: Genau wie andere Prinzipien und Regeln im Grafikdesign können Sie, sobald Sie lernen, Tangenten zu vermeiden, clevere und ausgeklügelte Möglichkeiten finden , sie in Ihre Komposition einzuführen und die wie es aussieht oder sogar die Einheit im Design verbessert. In diesem Fall haben wir diese starke diagonale Linie die die beiden im Hintergrund verwendeten Farben teilt. Und die gleiche Linie wird auch verwendet, um diese Blöcke hinter der Topographie zu teilen . Ein sehr subtiles Detail ist hier , dass selbst diese beiden Buchstaben, das y und das a, ebenfalls an derselben diagonalen Linie ausgerichtet sind. Es gibt also eine Tangente zwischen der Topographie und dieser Teilungslinie im Hintergrund. Und da es die Lesbarkeit oder Lesbarkeit nicht beeinträchtigt, macht es die Komposition auch nicht verwirrend. In diesem Fall werden die Tangenten zu diesen subtilen, einzigartigen, versteckten Details innerhalb der Komposition. Anstatt diese also als Fehler zu betrachten, würde ich sie lieber als intelligente Lösungen bezeichnen. Mittlerweile wissen wir, dass Sie Tangenten erzeugen können, wenn Sie zwei Dinge genau nebeneinander platzieren , wenn Sie zwei Dinge genau nebeneinander . Das gleiche Problem kann jedoch auftreten, wenn Sie Objekte platzieren , die exakt am Rand Ihres Rahmens ausgerichtet sind. Und genau das passiert auf diesem Poster. Also haben wir diesen Text hier auf der rechten Seite ausgerichtet und selbst dieses Wort Pflege ist fast exakt am rechten Rand ausgerichtet . Und wenn es nicht beabsichtigt und vom Rest des Designs unterstützt würde, würde ich es als Fehler betrachten. Aber sobald Sie anderen Details näher Aufmerksamkeit schenken, wie zum Beispiel diesen Code auch perfekt ausgerichtet zu haben, erzeugt der Dekan , die Darstellung, wieder Tangenten auf beiden Seiten. Und selbst dieser Text ist hier perfekt auf die Überschrift ausgerichtet . Wenn ich also die Haare fortsetzen würde , geht es dort weiter und sogar die andere Seite des Haares ist wieder auf den Text ausgerichtet oder die Ecke dieser beiden Buchstaben, die perfekt ausgerichtet sind auf den Umriss des Gesichts. Und selbst dieses a ist hier auf der linken Seite fast perfekt ausgerichtet. Aufgrund all dieser Tangentenfälle können wir sagen, dass diese alle beabsichtigt waren und es immer einen Schockwert schaffen kann , wenn Sie klar gegen Regeln verstoßen, obwohl Tangenten nicht etwas sind mit denen die meisten Menschen vertraut sind, würden sie immer noch das Gefühl haben, dass etwas auf dem Poster nicht stimmt. Und genau das wollte der Designer hier erreichen. Weil das wieder richtig gut mit der Geschichte dieses Films passt . Sogar der Titel selbst ist widersprüchlich. Obwohl es heißt, dass es mir sehr wichtig ist, ist die tatsächliche Bedeutung im Film völlig anders, ohne dass ich den Film verderbe ist die tatsächliche Bedeutung im Film völlig anders, ohne dass ich den Film verderbe , indem ich zu viel sage. Tangenten auf dem Filmplakat zu sehen bedeutet natürlich nicht immer, dass es absichtlich eingeführt wurde. Als Grafikdesigner ist es gut, ein kritisches Auge zu entwickeln und ein Design zu betrachten, das immer denkt, ob etwas beabsichtigt war oder nicht oder ob etwas funktioniert oder nicht. Und im Falle dieses Posters für „mitgenommen habe ich ein paar Tangenten entdeckt, von denen ich sicher bin , dass sie nicht absichtlich eingeführt wurden. Wenn Sie noch ein bisschen Spiel spielen möchten, können Sie das Video jetzt vorher pausieren. Ich werde sie auf Sie hinweisen und sehen ob Sie mehr finden können als das, was ich zeigen werde. Die erste und offensichtlichste ist also diese seltsame Ernte, dass Liam Neeson fast perfekt auf den Rand des Rahmens ausgerichtet war , aber immer noch ein wenig hineingeschnitten hat. Ich kann sehen, dass sie versucht haben, ihn auf dem Plakat so groß wie möglich aussehen zu lassen , aber ich bin mir nicht sicher, ob dies eine gute Möglichkeit ist , die Ernte zu machen. Und in ähnlicher Weise hätte ich kein wichtiges Detail dieses Wahrzeichens im Hintergrund, das perfekt auf den Rand des Rahmens ausgerichtet ist. Wie hier auf der linken Seite haben wir ein bisschen Platz daneben. Aber auf der rechten Seite bildet es sich an Tangente. Aber selbst innerhalb des Bildes von Liam Neeson können wir feststellen, dass die Tangentialpistole, die er hält im Hintergrund perfekt auf sein Bein ausgerichtet ist, was leicht ablenkend weil diese Linie mehr aussieht eine Verlängerung der Waffe fast so, als würde sie schießen, obwohl es einfach ist, hier ist Verzögerung. Eine weitere kleine Tangente , die mir aufgefallen ist, ist die Ausrichtung des Buchstabens T auf dem Turm hier auf der linken Seite und auch einige andere Details wie die Spitze des A mit dem Album. Nachdem Sie dieses Beispiel gesehen haben, wenn Sie dies noch nicht selbst gemacht haben, können Sie nun Tangenten in Plakaten und allen Arten von Designs erkennen . Ähnlich wie bei sportlichen Kerning-Fehlern in der Typografie. 14. Schlussbemerkung: Herzlichen Glückwunsch zum Abschluss dieses Kurses der Grafikdesign-Theorie-Serie. Ich hoffe, Sie fanden es nützlich und inspirierend. Vergessen Sie nicht, das Glossar der Begriffe PDF zu durchlaufen, alles zu überprüfen, was wir behandelt haben, und wenn Sie sich bereit fühlen, nehmen Sie am Quiz teil, um Ihr Wissen zu testen. Kommen Sie jederzeit zu den Referenzen auf den Millenial Boards zurück , die wir in diesem Kurs verwendet haben, um Ihnen zu helfen sich an die Dinge zu erinnern, über die wir gesprochen haben, oder definieren Sie Inspiration für Ihr nächstes Designprojekt . hatten das Gefühl, dass in diesem Kurs etwas fehlt oder wenn Sie Vorschläge haben , wie wir ihn verbessern können, senden Sie uns eine E-Mail an info unter der Aufgabe designer.com, und wir werden uns bei Ihnen melden, sobald möglich. Wir bedanken uns sehr für Ihren Beitrag und Ihre Hilfe. Jetzt ist es an der Zeit, dass Sie Ihr nächstes Thema auswählen und in einen anderen Kurs zur Grafikdesigntheorie eintauchen. Denken Sie daran, dass es keine richtige oder falsche Reihenfolge gibt, um diese Serie abzuschließen. Alle Regeln, die wir behandeln, sind gleichermaßen wichtig und alles hängt zusammen. Am wichtigsten ist es jedoch , diese Regeln gut zu verstehen und sie in Ihren Projekten anzuwenden. Ich bin sicher, dass Sie das Gelernte verwenden werden , um etwas Erstaunliches zu erschaffen. Und ich kann es kaum erwarten, es zu sehen.