Prinzipien des Grafikdesigns: Lerne die Designprinzipien, die für die Erstellung erstaunlicher Designs erforderlich sind.

1. Einführung: Hallo zusammen. Mein Name ist Talia und ich bin Grafikdesign-Dozentin, und ich habe ein Geständnis. Als ich als Grafikdesigner angefangen habe, habe ich all diese ausgefallenen Design-Tools gelernt, aber ich konnte immer noch kein gutes Design machen. Nun, das liegt daran, dass ich ihre Gestaltungsprinzipien nicht richtig kannte . Und um sicherzustellen, dass Sie nicht dieselben Fehler machen. Ich habe diesen Kurs in vitro erstellt. Bringen Sie alles über Designprinzipien und 2D bei, damit Sie ein fantastisches Design erstellen können. Nach Abschluss dieses Kurses werden Sie beim Entwerfen viel sicherer sein. Sie werden viel weniger Zeit mit der Arbeit verbringen. Und schließlich wissen Sie genau, was Ihren Designs fehlt und wie Sie sie reparieren können. Was genau werden Sie in diesem Kurs lernen? Wir werden zunächst etwas über den negativen Raum und die Art und Weise lernen negativen Raum und die Art und Weise , wie die größten Unternehmen der Welt wie Apple, Google und Tesla sie in ihrem Design verwenden. Wir werden dann anhand einiger Beispiele etwas über Ausrichtung und Balance und ihre verschiedenen Typen lernen . Sie lernen auch die Hierarchie kennen, wie Sie sie in Ihren Designs erstellen, und ihre verschiedenen Muster. Der Unterschied zwischen und Rhythmus und wie Sie sie effektiv in Ihrem Design einsetzen können. Wir werden auch lernen, wie Kontrast und Betonung Ihr Design wirklich beeinflussen oder beeinträchtigen können. Und schließlich, wie Sie Ihre Designs interaktiver gestalten können . Es ist maßstabsgetreue Proportion und Bewegung. wen ist dieser Kurs gedacht? Nun, wenn Sie irgendeine Art von visueller kreativer Arbeit wie Grafikdesign, Motion Graphics oder Websites machen. Ich glaube, das wird wirklich von Vorteil sein. Sie können die Projektdatei über den unten angegebenen Link herunterladen . Und ich kann es kaum erwarten, Sie in dieser Kohorte zu sehen und übergeben, nachdem Sie den Kurs gesehen haben. Vergessen Sie nicht, Ihr Feedback zu hinterlassen, denn Ihr Feedback hilft mir wirklich dabei, einen besseren Kurs zu finden. 2. Negative Vs White Space: Hey Leute, ich hoffe euch geht es super. Du hast es in den Kurs geschafft und ich möchte dich zum ersten Video begrüßen. Deshalb werden wir heute etwas über Negativraum und Leerraum lernen . Dies sind zwei Konzepte, mit denen viele Menschen verwechselt werden. Sie sind wirklich wichtig, um ehrlich zu sein. Lass uns anfangen. Fangen wir mit dem ersten an , der ein negativer Raum ist. Also lass es uns definieren. Zuerst. Negativer Raum ist der leere Bereich um oder zwischen unserem Designelement. Es könnte also auch um dein Element und auch dazwischen sein. Ich werde Ihnen später erklären, was ich damit meine. Es wird verwendet, um neben dem Hauptthema ein anderes Gestaltungselement zu zeigen . Sie könnten also ein Hauptlogo oder ein Hauptgestaltungselement haben. Wenn Sie etwas anderes mit negativem Leerzeichen zeigen möchten, können Sie es auch zeigen. Ein bisschen verwirrend. Lassen Sie mich Ihnen einige Beispiele zeigen. Meistens wird es in Logos verwendet und wir werden Logos als Beispiele verwenden. Die erste ist FedEx. Sie können das FedEx-Logo hier sehen, und es ist sehr intuitiv. Ich liebe es total. Das sieht man zwischen dem E und dem X hier. Lass es mich dir zeigen, zeige es dir mit meiner Maus. Sie können also sehen, dass zwischen dem E und dem X des Logos das komplette Logo angezeigt wird, aber es gibt auch diesen Pfeil dazwischen. Im Grunde zeigt sich dies also Zukunft, da es sich um ein Lieferunternehmen handelt. Das zweite Beispiel ist Tobler auf der Schokolade. Man sieht, dass viele Leute nichts davon wissen. Hier drüben ist tatsächlich ein Bär im Berg. Okay. Also wurde Tobler on in einer Stadt gemacht. Ich kann mich nicht an den Namen der Stadt erinnern, aber es ist in der Schweiz Diese Stadt ist beliebt für ihr Bier. Aus diesem Grund haben sie beschlossen, Bier in ihr Logo aufzunehmen. Und schließlich ist die Formel 1, die sehr ikonisch ist, sehr beliebt. Sie können sehen, dass es hier tatsächlich eine zwischen dem F und der Flagge gibt. Ich schätze, das ist eine Flagge für die Endlinie. Aber Sie können sehen , dass das so gut aussieht und sie hier so gut negative Leerzeichen verwenden. Das war also ein negativer Raum. Lassen Sie mich Ihnen jetzt Whitespaces erklären. Was ist Leerraum? Leerraum ist der leere Bereich um das Designelement oder den Text , um ihn besser sichtbar zu machen. Lass es mich dir näher erklären. Meist wird es auf Websites verwendet. Lassen Sie mich Ihnen ein paar Beispiele zeigen. Google ist also eines der besten Beispiele für Whitespaces. Sie können sehen, dass sich die gesamte Oberfläche genau dazwischen in der Mitte befindet. Und es gibt eine Menge Leerraum um die ganze Sache , damit sich die Leute auf die Mitte konzentrieren. Und es gibt viel Raum zum Atmen für das Design. In ähnlicher Weise nutzt Apple es sehr gut. Sie können sehen, dass sie sicherstellen, dass ihre Produkte viel Leerraum haben. Und vielleicht haben Sie das inzwischen herausgefunden. Whitespace bedeutet nicht wirklich weiß. Es kann eine beliebige Farbe oder vielleicht auch ein Bild sein. Sie möchten nur sicherstellen, dass Ihre Designelemente richtig fokussiert sind. Und zu guter Letzt, Tesla, wie gesagt, dass Leerraum nicht wirklich bedeutet, es bedeutet im Grunde leer. Wenn Sie Ihr Hauptelement in der Mitte zeigen möchten, Sie darauf, dass sich um es herum viel Atempause befindet. Also ja, das waren Beispiele für negative Leerzeichen und Leerzeichen. Ich hoffe, dass euch das wirklich gefallen hat. Ich hoffe, du hast es richtig gelernt. Wenn ihr Fragen habt, könnt ihr im Grunde unten kommentieren und ich werde sie unbedingt beantworten. Ich sehe euch in der nächsten Klasse. 3. Unity Vs Vielfalt: Willkommen zurück Leute. Ich hoffe es geht dir gut. Und heute werden wir etwas über Einheit und Vielfalt im Design lernen . Dies sind also auch zwei der wichtigsten Prinzipien. Aber Einheit ist wirklich wichtig , denn wenn Sie keine Einheit in Ihrem Design haben, fällt alles auseinander. Lass es mich dir näher erklären. Also haben wir hier im Grunde Einigkeit und geben dem Design direkt den Anschein von Einheit oder Auflösung. Wenn Sie also entwerfen, möchten Sie sicherstellen, dass jedes Element jede Farbe und jede Form Sinn ergibt, sie alle zusammenpassen. Es gibt auch eine Sache mit der Einheit. dem Design tut mir leid. Ein gutes Design ist nahtlos. Es ist nicht offensichtlich, dass jemand, der sich sein Design ansieht, nicht sagen kann, warum es gut aussieht. Wenn sie natürlich eine Zitrone sind, aber sie wissen einfach , dass sie gut aussieht. Das ist also Einheit in Ihrem Design. Dadurch wird sichergestellt, dass kein einzelnes Teil wichtiger ist als das andere. Wenn Sie eine Einheit in Ihrem Design haben, Leute nicht einfach herausfinden, dass wir uns auf diesen speziellen Teil konzentrieren , weil wir sicherstellen möchten, dass das Ganze als Ganzes Sinn macht. Es tut mir leid, das war eine Menge Loch in einem Satz. Lass uns hier zur Abwechslung kommen. Vielfalt im Design bedeutet also, unterschiedliche Größen, Formen und Farben in Ihrem Kunstwerk zu verwenden . Um visuelle Vielfalt zu schaffen, Sie sicherstellen, dass Sie verschiedene Größen und Formen sowie Farben und Muster und Texturen verwenden Farben und Muster und , die Ihr Design wirklich gut aussehen lassen. Aber wenn du mit ihnen über Bord gehst, könnte es hohl und schrecklich aussehen. Entschuldigung. Ja, es gibt auch einen sehr schönen Code für Unity hier drüben. Visuelle Einheit zu erreichen, ist also das Hauptziel des Grafikdesigns, wenn Elemente übereinstimmen oder das Design als einheitlich betrachtet wird. Dies ist der wichtige Teil, wenn alle Elemente übereinstimmen, sie können verschiedene Formen und Größen haben und wir werden es auch in späteren Vorlesungen diskutieren. Aber sie sollten alle Sinn ergeben. Ich habe hier ein Beispiel für dich. Dieses Zitat stammt übrigens von Alex White. Das Buch ist das Element des Grafikdesigns. Die Elemente des Grafikdesigns, tut mir leid. Vr, hier drüben haben wir zwei Beispiele, Einheit und Vielfalt. Links sehen Sie, dass wir ein paar Kreise haben, die dieselbe Farbe, aber unterschiedliche Größen haben. Im Grunde haben sie also eine Einheit in der Farbe, aber eine Vielfalt in der Größe. Dann haben wir hier ein anderes Beispiel. Es gibt viele Kreise hier, aber sie haben unterschiedliche Farben. Sie haben also, sie sind nach Größe einheitlich, aber sie haben eine Vielfalt von Farbe zu Farbe. Ich habe vergessen, hier ein paar reale Beispiele für Einheit und Abwechslung hinzuzufügen . Aber lasst mich das als Aufgabe für euch machen. Gehen Sie raus und finden Sie einige Beispiele für Einheit und Vielfalt , die im Grunde zeigen, dass sie in unserem Design vorhanden sind, und veröffentlichen Sie sie hier. Und wir werden es auch später besprechen. Es ging so ziemlich um Einheit und Vielfalt und darum, wie Sie sie in Ihren Designs verwenden können. Ich hoffe, dass euch dieser Kurs wirklich gefallen hat und wir sehen uns in der nächsten. 4. Ausrichtung: Hey Leute, willkommen zurück in einer anderen Klasse und heute werden wir etwas über Ausrichtung im Grafikdesign lernen. Ich weiß also, dass ich ein bisschen anders aussehe. Ich hatte tatsächlich einen Haarschnitt während der Aufnahme dieses Kurses. Aber, uh, ja, lass uns anfangen. Wir werden also etwas über Alignment lernen und es zuerst definieren. Im Grunde wird die Anordnung verschiedener Elemente in Bezug auf die Kanten oder Gegenstände selbst als Ausrichtung bezeichnet. Aber das bedeutet im Grunde, dass Sie Dinge basierend auf einer Website oder einer Ecke, einer ungezogenen Ecke, ausrichten . Aber abgesehen davon, wie linksbündig oder rechtsbündig oder Sie ordnen das Ding basierend auf den Dingen selbst an, wie Mittellinie. Lass es mich dir näher erklären. Grundsätzlich gibt es also zwei Arten von Ausrichtungen, wie gesagt, Kantenausrichtung und Mittelausrichtung. Lassen Sie mich Ihnen einige Beispiele für die Ausrichtung geben. Erstens haben Sie vielleicht diese Symbole hier gesehen. Lassen Sie mich darauf konzentrieren. Vielleicht haben Sie diese links ausgerichtet, rechts ausgerichtet, oben und unten gesehen . Dies sind im Grunde die vier Arten der Kantenausrichtung. Vielleicht hast du das getan. Welches Tool Sie auch verwenden, wie Adobe XD oder Figma oder Photoshop oder Illustrator. Unabhängig davon, welches Entwurfswerkzeug Sie verwenden, gibt es immer Ausrichtungsoptionen. Dies sind also Beispiele für die Kantenausrichtung. Möglicherweise haben Sie diese Symbole schon einmal gesehen. In ähnlicher Weise haben Sie vielleicht auch diese gesehen, wie diese und diese. Dieser ist also vertikal zentriert und dieser ist horizontal zentriert. können Sie center align Je nach Bedarf können Sie center align oder Agilent verwenden. Also hier sind einige Beispiele für die Ausrichtung. Und Sie können den ersten sehen, der eine gute Ausrichtung ist. Sie können sehen, dass alles richtig ausgerichtet ist und dass es ordentlich aussieht und alle Blöcke korrekt sind. Und das richtige, es sieht ein bisschen chaotisch aus , weil es gemischt ausgerichtet ist. Die Sache mit Fehlausrichtungen ist , dass Sie sie auch verwenden können. Aber wenn du es nicht richtig benutzt, wie hier drüben, sieht es komisch aus und es sieht aus wie Chaos und ihr Design. Deshalb werde ich Ihnen auch einige Beispiele für Fehlausrichtungen geben , wie können Sie sie auch in Ihren Entwürfen verwenden? Also zuerst Alarme, sehen Sie sich einige Beispiele für eine gute Ausrichtung an. sind also einige der Designs, Bücher , die ich wirklich mag. Die ersten beiden sind im Grunde mittig ausgerichtet. Sie können also sehen, dass der gesamte Text hier mittig ausgerichtet ist, ähnlich auch hier drüben. Aber die Sache mit der Mittellinie ist, dass sie etwas schwierig ist. Sie müssen sicherstellen , dass Sie es richtig verwenden. Es gibt, muss eine gewisse Betonung auf den wichtigen Text gelegt werden. Andernfalls lesen die Leute nicht viele Mittellinientexte. Die Leute können viel linksbündigen Text lesen. gleiche gilt für die rechte Ausrichtung, die rechte Ausrichtung. Das ist auch sehr schwierig. Hier in diesem Beispiel können Sie sehen, dass dieses Buch Hyperfokus, der gesamte Text linksbündig ausgerichtet ist. Sie also im Zweifelsfall Verwenden Sie also im Zweifelsfall immer left align. Hier sind einige Beispiele für Mischungslinien. Wie gesagt, das Mischen einer Linie kann auch verwendet werden, wenn Sie die anderen Prinzipien richtig und insbesondere ausgewogen anwenden . Sie können sehen, dass Sie in diesem Bild, in diesem Cover, sehen können, dass der gesamte Text, der gesamte Text und alles andere eine Mischlinie ist. Aber die Sache ist die, es ist alles ausgeglichen. Ähnlich ist es hier nicht richtig ausgerichtet, aber es ist ausgewogen. Balance ist eines der wichtigsten Prinzipien, wenn es um die Verwendung von Mixed Alignment geht. Stellen Sie also sicher, dass Sie es richtig verwenden. Schließlich ist die Verwendung von Grid sehr wichtig, wenn es um die Ausrichtung geht, insbesondere in einem UX-Designer , der diese UI UX verwendet, wie Sie an Figma und Adobe XD und anderer ähnlicher Software arbeiten , insbesondere in einem UX-Designer , der diese UI UX verwendet, wie Sie an Figma und Adobe XD und anderer ähnlicher Software arbeiten, sicher, dass Sie Grid richtig verwenden, da Noten wirklich wichtig sind , wenn es um die Ausrichtung geht. Ja, ich schätze, das war so ziemlich alles beim Alignment. Ich hoffe, dass euch der Vortrag wirklich gefallen hat. Wenn ihr Fragen habt, lasst es mich gerne wissen und ich werde sie unbedingt beantworten. Ich sehe euch in der nächsten Klasse. 5. Ausgeglichenheit: Willkommen zurück Leute. Ich hoffe es geht dir gut. Und heute werden wir lernen, wie man Grafikdesign ausbalanciert. Balance ist also auch ein wirklich wichtiges Gestaltungsprinzip. Und in der vorherigen Klasse erinnern Sie sich vielleicht, dass ich erwähnt habe, dass die Verwendung eines gemischten Alignment-Balance wirklich wichtig ist. Deshalb werden wir heute genau lernen, was Balance ist und welche verschiedenen Arten es hat. Also lass uns anfangen. Definieren wir zunächst das Gleichgewicht, die Verteilung des visuellen Gewichts von Objekten, Farben, Texturen und Raum. Im Grunde definiert all dies das Gleichgewicht. Gleichgewicht bedeutet nicht wirklich , dass wir in der realen Welt sagen, dass eine Sache ein Kilo und die andere zwei Kilo sind. Dieser hätte also ein höheres Gewicht. Im Design. Die Balance könnte auf vielen Faktoren basieren, wie ich schon sagte, Farben, Texturen, Raum, Objekten, vielen anderen Dingen. Definieren wir also die Arten des Gleichgewichts. Grundsätzlich gibt es zwei Arten von Unwuchten symmetrische Unwucht, asymmetrische Unwucht, Radialwaage. Wir haben auch drei Beispiele hier. Hier sehen Sie also , dass bei symmetrischer Balance alles von der linken Seite und der rechten Seite richtig ausbalanciert ist . Aber wenn es um das asymmetrische Gleichgewicht geht, ist nicht alles das. Das ist ein Block. Es gibt sechs Blöcke hier, und sie sind ausgeglichen, aber nicht symmetrisch. Gleichzeitig zeige ich Ihnen einige Beispiele und Sie werden sie dann richtig verstehen können . Schließlich das radiale Gleichgewicht. Wenn Sie also im Grunde genommen etwas in einem Kreis kopieren, wird es leicht ausgeglichen. Ich werde Ihnen auch Beispiele dafür geben. Lassen Sie uns zunächst das symmetrische Gleichgewicht behandeln. Hier ist es also das beste Beispiel für ein symmetrisches Gleichgewicht. Man sieht, dass im Grunde alles identisch ist. Sie werden sehen, dass es hier drei Kreise gibt und drei auch hier drüben. Dann ist da noch dieser Block in der Mitte. Ähnlich können wir das hier im Grunde auch irgendwo als radial ausgewogen bezeichnen . Wenn es vielleicht mehr von diesen Blöcken gäbe. Und dann ist hier auch dieses Beispiel. Lassen Sie mich Ihnen einige Beispiele aus dem wirklichen Leben geben. Sie können also sehen, dass wir dieses Magazin-Cover haben. Im Grunde ist hier nicht alles richtig ausbalanciert nach, man würde sagen, der Regel. Aber da dieser und dieser richtig ausbalanciert sind, dieser Text und dieser Text in ähnlicher Weise ausgewogen. Das Ganze ist im Grunde symmetrisch ausgewogen. Gehen wir zuerst über das asymmetrische Gleichgewicht. Sie können also sehen, dass hier alles wie ein Chaos aussieht, aber für die Augen sieht es angenehm aus. Wenn Ihr Design für die Augen angenehm aussieht, würde ich sagen, dass es ausgewogen ist. Weil jedes Design auf der Welt, jedes gute Design auf der Welt, im Grunde ausgewogen ist, sonst sieht es seltsam aus. Und schließlich das radiale Gleichgewicht. Sie können sehen, dass sich hier alles in einem Kreis befindet. Die ganze Mandela, wie Sie vielleicht von diesem Begriff gehört haben, ist ein sehr beliebter Begriff im Design. Mandelas oder im Grunde leicht ausbalanciertes Design. Deshalb sehen sie so gut aus. Ähnlich sieht das hier auch sehr gut aus. Ja, ich schätze, das war ziemlich alles unter dem Strich. Lass uns eine kleine Zusammenfassung machen. Es gibt also grundsätzlich zwei Arten von Salden. Symmetrische Unwucht, asymmetrische Unwucht, Radialwaage Und wenn Sie wissen, wie man sie richtig einsetzt, wird das für Sie ein entscheidender Faktor sein da Sie sie in all Ihren Designs verwenden müssen. Ich hoffe, dass euch dieser Kurs wirklich gefallen hat. Wenn ihr irgendwelche Fragen habt, mich gerne fragen. 6. Hierarchie: Willkommen zurück Leute. Ich hoffe du machst Grid und heute werden wir etwas über Hierarchie im Grafikdesign lernen. Also lass uns anfangen. Definieren wir es zuerst. Der Prozess der visuellen Rangfolge von Elementen wird als Hierarchie bezeichnet. Okay? Lassen Sie mich Ihnen sagen, was Hierarchie verwendet , da es Ihnen nicht ausreicht , diese Definition zu verstehen . Grundsätzlich wird die Hierarchie verwendet , um Ihrem Design Struktur zu verleihen. Gute visuelle Organisation, wie die Formulierung wichtig ist und was nicht. Erstellen Sie eine Richtung. Sie können dem Benutzer mitteilen, was er zuerst lesen soll und wo er danach lesen soll. Dann legen Sie den Schwerpunkt auf eine bestimmte Sache. Und schließlich helfen Sie dabei, Informationen einfach zu navigieren und zu verdauen. Wenn Sie also die richtige Hierarchie in Ihrem Design haben, Benutzer nicht mit allen Informationen überfordert sein. Sie wären in der Lage, das gesamte Design leicht zu lesen nicht nur zu erkennen, sondern das gesamte Design leicht zu erkennen. Was passiert also, wenn Sie keine Hierarchie im Design haben? Keine Hierarchie sorgt also grundsätzlich für Verwirrung. Ihr Benutzer ist verwirrt darüber , was Sie in Ihrem Design vermitteln möchten, denn wie Sie wissen, denn wie Sie wissen, diesem Grafikdesign darum , Ihre Informationen zu vermitteln. Und schließlich sagt nicht, was wichtig ist. Wenn Ihr Design nicht sagt, was wichtig ist, ist Ihr Design nutzlos, da ein Design im Grunde ein Problem löst und dem Benutzer mitteilt, was wichtig ist. Zum Beispiel, wenn Sie in einem Design versuchen, einen Schuh und den Preis des Schuhs anzuzeigen . Wenn der Benutzer das Produkt am Ende der Betrachtung Ihres Designs nicht kauft , ist Ihr Design nutzlos. Wie erstellt man also eine Hierarchie? Grundsätzlich gibt es mehrere Möglichkeiten , eine Hierarchie zu erstellen. Nummer eins ist Größe. Wenn Sie sich dieses spezielle Design, den gesamten Bildschirm, ansehen, was lesen Sie standardmäßig zuerst? Offensichtlich der fett rote Text oben. Größe schafft also im Grunde eine Hierarchie. Die zweite ist Farbe. Auch hier verwende ich Hierarchie in meinem eigenen Design. Der rote Text ist wichtig und Sie lesen ihn zuerst. Dann die Topographie. Sie können auch Typografie verwenden, um eine Hierarchie zu erstellen. Und zu guter Letzt das Layout. Ich werde Ihnen auf den nächsten Folien Beispiele für alle vier davon geben. Die Nummer eins ist also Größe. Sie können sehen, dass ich hier drei Beispiele habe. Und alles, in allen drei Beispielen, liest du im Grunde die Texte, die zuerst gekocht werden , stirb mit 0. Nächste Regel, Sherlock Holmes, Sie werden immer zuerst den fetten und größeren Text oder das Größere lesen den fetten und größeren , denn Ihre Augen sind wichtig und danach lesen Sie den anderen Informationen. Größe ist also eine der besten Möglichkeiten, eine Hierarchie zu erstellen. Die zweite ist auch Farbe. Ich habe hier zwei Beispiele. Und in diesen beiden Beispielen können Sie sehen, dass es viele Symbole auf der rechten Seite gibt und dass es auch eine gewisse Textur auf der linken Seite gibt. Aber ich gehe sofort zum Kontrast und zum ersten und zum Wort Kunst in der zweiten, weil es eine Hierarchie gibt, die von der Farbe abhängt. Dann Typografie. Man sieht also, dass es heißt, es ist sehr schön, dass es schmeckt. Hierarchie können Sie den Leser wissen lassen , wo er zuerst suchen muss. Sie können leider erstellen, es kann mit Größe, seltsamer Farbe und Raum erstellt werden . Standardmäßig lesen Sie all dies, je nachdem , wie der Benutzer Sie lesen möchte, okay? Und zu guter Letzt das Layout. Wenn Sie sich also für UI und UX-Layout interessieren, ist das extrem wichtig, da Sie dem Benutzer sonst nicht sagen können , wie er das Ganze lesen soll. Und Abstimmungen sind wichtig und was nicht. Das Layout ist auch sehr wichtig. Die Sache mit der Hierarchie ist also , dass Sie keine Regel verwenden müssen. Sie können mehrere Regeln verwenden. In beiden Beispielen können Sie also sehen, dass in diesem auch die Farbe verwendet wird. Selbst in der Farbe gibt es verschiedene Farben, sodass Sie sich auf beide konzentrieren können. Und dann ähnlich auch hier drüben in der Größe. In ähnlicher Weise können Sie hier sehen, dass das Layout in der Größe verwendet wurde, die Farbe verwendet wurde. Sogar die Typografie wurde verwendet, weil Sie zuerst den fett gedruckten Text und später den Rest des Textes lesen . Okay? Und zu guter Letzt die Hierarchiemuster. Diese sind sehr wichtig, wenn es darum geht , jede Art von Design zu erstellen, insbesondere aber Text. Und wann immer Sie Websites erstellen. Es gibt also das F-Muster und das Z-Muster. Lassen Sie uns zunächst das Z-Muster behandeln. Das Z-Muster ist bei Website-Designs sehr wichtig , da die Leute die Informationen tatsächlich von links nach oben lesen . Dann kommen sie wie dieses Z-Muster herunter und lesen dann den Rest der Informationen. Sie haben vielleicht gesehen, dass die Navigationsleiste immer oben ist und alle wichtigen Links enthält, da die Leute zuerst von links nach rechts lesen. Und ähnlich ist dieses Muster im F-Muster sehr wichtig, wenn es um das Schreiben geht , da die Leute von links nach rechts lesen, wie ich in den vorherigen Tutorials gesagt habe. Das war so ziemlich eine Frage der Hierarchie und wie man sie benutzt. Ich hoffe, dass euch dieser Kurs wirklich gefallen hat. Wenn ihr Fragen habt, lasst es mich gerne wissen. Ich würde sie gerne alle beantworten. Also sehe ich euch in der nächsten Klasse. 7. Wiederholung gegen Rhythmus: Willkommen zurück Leute. Ich hoffe es geht dir gut. Und heute lernen wir etwas über Wiederholung und Rhythmus und was ist der Unterschied zwischen ihnen? Das wird ein wirklich kurzer Kurs, aber ich würde sagen, dass diese beiden Konzepte wirklich wichtig sind , wenn Sie Muster und Texturen erstellen möchten. Also lass uns anfangen. Fangen wir mit der Wiederholung an. Wiederholung ist die Wiederholung eines Designelements, das üblicherweise in Mustern oder Texturen verwendet wird. Wenn Sie also in den meisten Illustratoren keine Textur oder kein Muster erstellt haben , haben Sie vielleicht gesehen, dass Sie nur ein Element oder mehrere Elemente erstellen und sie dann unendlich wiederholen. Das ist unser Muster oder unsere Textur. Lassen Sie mich Ihnen einige Beispiele zeigen. Hier drüben. Sie können sehen, dass es hier nur ein Element gibt, das sich immer wieder wiederholt. Im Grunde haben wir nur ein hexagonales Element und es wiederholt sich immer wieder. Ähnlich haben wir hier diesen Kreis hier drüben und er wiederholt sich immer wieder. Aber das Muster oder die Textur ist nicht die einzige Verwendung von Wiederholungen. Sie können Wiederholungen auch zur Betonung verwenden. Da alles, was der Hintergrund ist, wiederholt sich weiter. Der Schwerpunkt liegt auf dem Ball. Und der Typ hier drüben, das war eine Wiederholung. Lass es mich wissen, erkläre deinen Rhythmus. Der Rhythmus ähnelt dem Ruf, aber ein bisschen anders. Rhythmus bedeutet also im Grunde genauso, wie Reputation durch wiederkehrende Gestaltungselemente geschaffen wird. Aber ja, es gibt einen Vogel, aber sie müssen sich in der Wiederholung nicht ähneln. Lassen Sie mich Ihnen hier in der Petition zeigen, immer wieder alles wiederholt. Aber in do them, lass mich dir ein Beispiel zeigen und sie tun, die Dinge wiederholen sich immer wieder, aber sie scheinen nicht zu sein. In diesem Beispiel hier sehen Sie, dass wir diese Ovale hier drüben haben und sie bleiben bestehen, deren Größe immer größer wird. Und sie wiederholen sich im Grunde spiralförmig. Aber gleichzeitig wiederholen sie sich, aber sie sind nicht dasselbe. Sie verursachen im Grunde genommen einen Rhythmus im Design. Ähnlich sieht man hier , dass wir ein paar Kreise haben. Im Grunde sind sie alle unterschiedlich. Alle Linien, alle Kreise sind unterschiedlich, aber sie geben uns immer noch ein Gefühl der Wiederholung. Man kann Rhythmus also sogar als asymmetrischen Ruf bezeichnen asymmetrischen Ruf weil nicht alle Dinge ähnlich sind, aber dennoch das Gefühl der Wiederholung vermitteln. Ich hoffe also, dass ich euch die Konzerte richtig vermitteln konnte . Ich hoffe, dass Sie die Wiederholung und den Rhythmus richtig verstehen konnten . Wenn ihr wie immer Fragen habt, mich gerne fragen und ich werde sie gerne beantworten. Ich sehe euch in der nächsten Klasse. 8. Kontraste: Willkommen zurück Leute. Ich hoffe es geht dir gut. Und heute lernen wir eines der wichtigsten Gestaltungsprinzipien in der Typografie kennen. Und das ist Kontrast. Denn wenn Sie keinen Kontrast in Ihren Designs und Ihrer Typografie haben , können die Leute nicht verstehen, was Sie sagen möchten. Also werden wir das heute lernen und loslegen. Der Unterschied zwischen zwei Elementen in unserem Design wird als Kontrast bezeichnet. Es gibt ein anderes Prinzip unter dem Designprinzip, das als Betonung bezeichnet wird und dem Kontrast sehr ähnlich ist, aber das werden wir im nächsten Video behandeln. Okay? Es wird also verwendet, um einen Effekt zu erzeugen. Wenn Sie also einen Effekt in Ihrem Design erzielen möchten , ist der Kontrast sehr wichtig. Es wird verwendet, um Betonung zu erzeugen, wird verwendet, um eine visuelle Attraktivität hinzuzufügen. Und es gibt auch einige Beispiele für Kontraste. Wie bei vielen anderen Gestaltungsprinzipien können Sie also auch Kontraste basierend auf Form, Maßstab, Farbe und Layout erzeugen . Aber die wichtigste, die ich sagen würde, basiert auf Farbe, wie Sie hier auf diesem Bildschirm sehen können. Was ist eine Sache , auf die Sie sich am meisten konzentrieren , der Wortkontrast, denn der Kontrast dieser Farbe ist je nach Hintergrund wirklich, sehr hoch. Ähnlich kann man das hier richtig lesen, weil der Kontrast dieser Farbe und der Hintergrundfarbe richtig ist. Okay, lassen Sie mich Ihnen ein Beispiel für guten und schlechten Kontrast geben. Hier drüben. Der erste ist definitiv ein guter Kontrast, weil man ihn richtig sehen kann, okay? Im nächsten Fall können Sie es nicht richtig sehen, können Sie es nicht richtig sehen da der Kontrast nicht richtig ist. In diesem Beispiel ist die kastanienbraune Farbe abhängig von der Hintergrundfarbe nicht korrekt . Weißt du was? Vergessen wir diese Folien und lassen Sie mich Ihnen eine Website zeigen , die wirklich sehr nützlich ist und die mir sehr gut gefällt. Also lass mich hier zu Google gehen und über Trust Checker schreiben. Es gibt ein paar Absurde , die du benutzen kannst, aber die , die ich wirklich mag, ist coolers.co. Also lass mich das öffnen. Und diese Website ist wirklich nett. Ich liebe es wirklich, weil es Ihnen zeigt , ob Sie eine Hintergrundfarbe und die Textfarbe haben, und es gibt Ihnen tatsächlich eine Bewertung , ob Sie sie verwenden sollten oder nicht. Zum Beispiel, wenn ich die Textfarbe so habe und die Hintergrundfarbe auf vielleicht etwas wie Schwarz geändert habe . Sie können sehen, dass dieser Text nicht lesbar ist, und er gibt uns auch dafür eine korrekte Lektüre. Vielleicht ein leichtes Grün, ein sehr helles Grün. Sie können sehen, dass der Messwert tatsächlich wichtig ist, weil er uns sagt, dass der Kontrast für diese beiden Farben sehr gut ist. Dann können Sie grundsätzlich eine beliebige Farbe für den Text und den Hintergrund auswählen . Und es wird Ihnen eine angemessene Bewertung für einen Kontrastwert geben. Außerdem erfahren Sie, ob der Text bei kleinem oder großem Text gut aussieht . Also, ja, das ist ein sehr nützliches Absurd und ich dachte, ich würde euch davon erzählen. Ich hoffe, dass euch dieser Kurs wirklich gefallen hat und wir sehen uns in der nächsten. 9. Schwerpunkte: Willkommen zurück Leute. Ich hoffe es geht dir gut. Und heute werden wir etwas über die Betonung des Grafikdesigns lernen . Die Betonung ähnelt dem Kontrast, den ich in der vorherigen Klasse erwähnt habe, aber sie unterscheiden sich ein wenig. Und in dieser Klasse werde ich dir sagen wie. Fangen wir also mit der Betonung an. Definieren wir es. Daher wird die Betonung verwendet, um die Aufmerksamkeit des Betrachters auf einen bestimmten Teil einer Komposition zu lenken. Wenn Sie möchten, dass sich Ihr Betrachter auf eine bestimmte Sache konzentriert, wird diese Betonung im Grunde genommen dafür verwendet, wie sie erreicht wird. Der Effekt wird also erzielt, indem die Designelemente wie Farbe, Form und Größe manipuliert werden, um bestimmte Teile eines Designs hervorzuheben. In dieser ganzen Folie, auf die ich mich konzentriere, betone ich das Wort Schwerpunkte. Also ja, das ist Betonungsabschnitt, tut mir leid wegen dem lahmen Witz. In diesem Beispiel können Sie sehen, dass wir dieses Muster hier haben, aber unsere Augen richten sich sofort auf dieses spezielle Sechseck hier drüben. Warum? Aufgrund seiner Farbe unterscheidet es sich von den anderen. Auch die gleichen Konzepte , die für den Kontrast gelten, werden auch hier angewendet. Betonung wird auch abhängig von der Größe, der Farbe, der Topographie und dem Layout erstellt . Ähnlich auch in diesen Beispielen. Aber lassen Sie mich Ihnen ein etwas praktischeres Beispiel geben. Wir haben hier also zwei Designs. Und bei beiden Designs gehen Ihre Augen automatisch zu einem bestimmten Punkt. Warum? Da wir diesen speziellen Teil betont haben, wie in diesem Beispiel, gehen Ihre Augen hier automatisch rüber, obwohl der Rest des Designs dort verschiedene Farben hat und der Hintergrund schwarz ist. Aber sie gehen immer noch bis zu diesem Punkt, weil wir darauf hingewiesen haben. Ähnlich in diesem Beispiel, oder die Augen gehen automatisch auf diese Person hier drüben, weil wir diese Person betont haben. Dieses Konzept ist viel, oft, dieses Konzept ist auch in Filmen jüdisch. Ja, wenn ich Ihnen sage, was der Unterschied zwischen Kontrast und Betonung ist , ist Kontrast in einem sehr kleinen Maßstab und Betonung wie das Gesamtbild des gesamten Designs. Wenn du versuchst, einen Kontrast zwischen nur zwei Dingen zu schaffen , wenn du es versuchst, ja. Der Kontrast besteht also zwischen zwei Dingen und die Betonung zwischen vielen Dingen. Das ist die einfachste Art, wie ich es definieren kann. Also ja, ich hoffe, dass ihr jetzt den unterschiedlichen routinemäßigen Kontrast und die Betonung versteht. Betonung ist so wichtig und wie man sie benutzt. Ich hoffe, dass euch dieser Kurs wirklich gefallen hat und wir sehen uns in der nächsten. 10. Skala, Proportion und Bewegung: Willkommen zurück Leute. Ich hoffe es geht dir super und herzlichen Glückwunsch, du hast es bis zum letzten Video des gesamten Kurses geschafft. In diesem Kurs lernen wir drei Konzepte kennen Skalierung, Proportion und Bewegung. Da ich denke, dass diese drei Konzepte ziemlich ähnlich sind, sollten wir sie alle zusammen behandeln. Fangen wir also mit dem ersten an, nämlich der Skalierung. Maßstab im Design ist also die Dimensionierung von Elementen, um einen Schwerpunkt zu schaffen. Okay, lass mich dir sagen wie. Was also passiert ist, ist, dass Sie, wenn Sie einen Maßstab erstellen auf etwas wirklich Großem oder wirklich Kleinem basiert, einen unrealistischen Maßstab und eine realistische Größe von Dingen erzeugt . Sie können sehen, dass wir hier ein paar wirklich kleine Trolleys haben. Oben auf den Trolleys haben wir einige wirklich gigantische Elemente. Dieses Eis, dieser Ball und dieser Badminton-Shuttle Acog, das ist wohl kalt. Da das Design skaliert ist, sind die Wagen so klein, wir uns auf die größeren Dinge konzentrieren müssen. Okay? Im Grunde ist es also so, wie man Maßstäbe erstellt. Ich habe noch ein Beispiel hier. Wir haben wirklich großen Text im Hintergrund und ein sehr kleines Auto. Da Texte nicht größer sein können als das Auto, erzeugt dies eine unrealistische Erwartung , und deshalb konzentrieren wir uns auf den Text und das Auto. Okay? Das ist also Maßstab. Lassen Sie uns nun die Proportionen behandeln. Proportion ist die tatsächliche Größe zwischen zwei Designelementen. Im Gegensatz zu Maßstab und Proportionen stellen Sie sicher, dass die Größen tatsächlich gleich sind, da das Verhältnis gemäß dem realen Beispiel gleich sein muss . Es tut mir leid, wenn Sie das hören können, aber ich schätze, in meinem Haus benutzt jemand den Hammer, also tut es in meinem Haus benutzt jemand den Hammer, mir leid, wenn Sie darauf stoßen, aber ich bin mir sicher, dass ich das nicht erneut aufnehmen muss. Zusammengefasster Anteil versus guter Anteil versus schlechter Anteil. Im ersten Beispiel können Sie sehen, dass dies ein schlechtes Verhältnis ist. Eine Person kann nicht so groß sein wie das Haus, okay? Sie können dies möglicherweise in einem Skalenbeispiel verwenden, aber nicht in diesem Proportionsbeispiel. Das ist ein gutes Verhältnis. Die Person steht vorne und Künstler warum? So kann eine Person im Haus je nach Perspektive die gleiche Größe haben. Okay. Ja, das war ziemlich maßstabsgetreu und proportional. Ich schätze, wenn wir ein anderes Beispiel haben, ist der Basketball offensichtlich so viel größer als der Baseball. Wenn der Baseball so groß wäre wie dieser Basketball , hätte das je nach Anteil keinen Sinn ergeben. Aber für den Maßstab können Sie dies auf jeden Fall tun. Und das letzte Konzept ist Bewegung. Die Bewegung, dann Grafikdesign bezieht sich nicht auf die Bewegung von Bildern auf dem Bildschirm, da sie sonst zu Bewegungsgrafiken oder einer Emission werden würden . Im Grafikdesign ist es etwas ganz anderes. Stattdessen bezieht es sich auf die Bewegung oder das Auge des Betrachters, wenn sie sich über den Bildschirm bewegen. Sie erzeugen also im Grunde die Bewegung des Auges Ihres Benutzers auf dem Bildschirm. Ihr Design ist so bewegend , dass es sich nicht auf spirituelle Weise bewegt. Lassen Sie mich Ihnen ein Beispiel geben. Wir haben hier also ein paar Beispiele. Und in diesem Beispiel, im ersten, können Sie sehen, dass wir standardmäßig gezwungen sind, in die Mitte zu schauen , da sich beide Schläge nach innen bewegen. In ähnlicher Weise gibt es in diesem Beispiel hier Kreise und dieser Scheitelpunkt wird auf diesen Teil reduziert und wir sind fokussiert, wir müssen uns auf diesen Teil konzentrieren. Ähnlich, hier drüben, sieht es so aus, als ob das, ich denke, das ist ein Slot und der Slot läuft, richtige Worte. Im Grunde können Sie also auf diese Weise Bewegung in Ihren Designs erzeugen. Also denke ich, das war so ziemlich alles Bezug auf Maßstab, Proportion und Bewegung. Ich hoffe, dass euch alle Konzepte in diesem Kurs wirklich gefallen haben. Und wenn ihr Fragen habt, mich gerne fragen, denn ich würde sie gerne beantworten, weil ich möchte , dass ihr diese Konzepte richtig versteht und sie in eure Designs umsetzt. Also, ja, das war so ziemlich alles. Ich hoffe, dass euch der Kurs wirklich gefallen hat. Und ich sehe dich hoffentlich im Outro-Video. Tschüss. 11. Kursprojekt: Willkommen zurück Leute. Ich hoffe, dass es dir gut geht. Und ich schätze, es ist an der Zeit, dir von dem Klassenprojekt zu erzählen. Die Klassengutschrift ist sehr einfach. Sie müssen lediglich ein beliebiges Gestaltungsprinzip aus dem gesamten Kurs auswählen . Es könnte jeder sein, der Ihnen am besten gefällt, und Sie müssen es im Grunde anhand von mindestens zwei Beispielen erklären . Die Sache mit dem Beispiel ist, dass man die Beispiele aus dem Internet nehmen könnte. Oder es wäre viel besser, wenn Sie selbst etwas entwerfen und das Konzept anhand dieser Beispiele erläutern. Ich hoffe, dass euch der ganze Kurs wirklich gefallen hat. Ich hoffe, dass es Ihnen Spaß gemacht hat, die Gestaltungsprinzipien zu lernen. Und wenn ihr Fragen habt, mich gerne unten fragen, und ich hoffe, euch in einem anderen meiner Kurse zu sehen. Also tschüss.