Einführung in Design | LevelZero By Game of Apps | Skillshare

Playback-Geschwindigkeit


1.0x


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

Einführung in Design

teacher avatar LevelZero By Game of Apps

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Einheiten dieses Kurses

    • 1.

      Kapitel 0 – Einführung

      1:55

    • 2.

      Kapitel 1 – Typografie

      10:43

    • 3.

      Kapitel 2 Elemente des Designs

      6:11

    • 4.

      Kapitel 3 – Farbe

      9:05

    • 5.

      Kapitel 4 – Grundlagen des Designs

      7:09

    • 6.

      Kapitel 5 – Grid-Systeme

      7:01

    • 7.

      Kapitel 6 – Layouts und Kompositionen

      10:32

    • 8.

      Kapitel 7 – Icons und Bilder

      7:39

    • 9.

      Kapitel 8 – Visuelle Kommunikation

      4:35

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

Von der Community generiert

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

41

Teilnehmer:innen

--

Projekte

Über diesen Kurs

ÜBER DIESEN KURS

Lerne die Grundlagen des Designs und tauche dich in die Geschichte, Theorie und Anwendung ein, um Vertrauen zu gewinnen und deine Design-Fähigkeiten zu entwickeln.

Triff deine:n Kursleiter:in

Game of Apps is an after-school program where professional software designers and developers teach and mentor students weekly as they build their own app. Its goal is to empower students with practical and life skills to help them succeed in 21st century careers.

Vollständiges Profil ansehen

Level: Beginner

Kursbewertung

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

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

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

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

Lerne von überall aus

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

Transkripte

1. Kapitel 0 – Einführung: Hallo zusammen, Willkommen bei Level-0, Einführung in Design. Wir freuen uns sehr , dass du hier bist. Ja, ich bin Janice und ich werde eine Ihrer Designlehrerin sein Ihrer Designlehrerin Ihnen alle Theorien des Designs beibringen. Und ich bin Leah, ich bin deine andere Designlehrerin. Ich werde Ihnen beibringen, wie Sie die erlernten Designtheorien und -grundlagen in der Praxis anwenden können. Einige der Themen , die wir in diesem Kurs behandeln werden , beinhalten die Grundlagen des Designs, die Prinzipien für die Anwendung der Grundlagen. Und schließlich haben wir in diesem Kurs eine Menge wirklich lustiger und aufregender Inhalte, die Sie lernen können. Wir sehen uns alle in den nächsten Kapiteln. Bevor wir uns mit den Themen Design befassen, sollten wir verstehen, was Design ist und warum wir uns darum kümmern sollten. Design ist überall um uns herum zu finden und gibt es in vielen Formen. Von Telefon-Apps über Elektroautos, gedruckte Poster bis hin zu digitalen Werbetafeln. Die Wirkung von Design ist überall zu finden. Wenn wir über Design sprechen, das Bild, das uns oft in den Sinn kommt konzentriert sich das Bild, das uns oft in den Sinn kommt , hauptsächlich auf das Aussehen, aber es ist mehr als nur das. Wir sehen oft die visuelle Ausgabe immer dann, wenn die Eingabe erfolgt und was dazwischen passiert. Einfach ausgedrückt: Design schafft Wert durch einen kontinuierlichen Prozess der Identifizierung der Probleme und Verfeinerung der Lösungen für sie. Die meisten Dinge, die wir im Leben verwenden, sind mit Absicht entworfen. Wie der Stuhl, auf dem Sie vielleicht sitzen. Der Designer hat sorgfältig überlegt wie und wer sie beim Entwerfen verwenden kann. Beachten Sie, wie sich der Stuhl je nach dem Raum , in dem er verwendet wird, verändert . Sie jedoch nicht auf Anhieb Angst . Man muss kein großartiger Künstler sein oder wissen, wie man ihn zeichnet, um Designer zu sein. Aber du musst neugierig sein und Fragen stellen , um die richtigen Probleme zu lösen. Bleib dran für mehr. 2. Kapitel 1 – Typografie: Wenn wir also über Design nachdenken, denken wir normalerweise über Jargon-Formen und fügen Farbe hinzu, um etwas Hübsches zu schaffen. Aber es beginnt tatsächlich mit etwas Einfacherem als dem. Und das sind Briefe. In dieser Lektion beginnen wir damit, zu verstehen, was Buchstaben sind, wie man sie betrachtet und wie man sie richtig verwendet. Wenn wir eine neue Schriftart herunterladen, gibt es normalerweise eine Reihe von Dateien in einem Paket. Warum sind das so viele Akten? Schauen wir uns an, warum und was all diese Dateien bedeuten. Bevor wir eine Datei installieren, würden wir normalerweise googeln und nach etwas Nettem suchen. Aber die Sache ist, wenn wir sagen, dass wir eine Datei installieren wollen, beziehen wir uns eigentlich auf eine Schrift. Das Problem dabei ist, dass die beiden Begriffe jetzt synonym verwendet werden. Was ist also der Unterschied zwischen ihnen? Wenn wir das Paket herunterladen, haben einige dieser Dateien bestimmte Größen und Gewichte der Schriften. Deshalb verwenden wir Bindungen, wenn auf jedes dieser Biles beziehen, aber sie gehören alle zur gleichen Schriftfamilie. Zum Beispiel ist Times New Roman eine Schrift, aber bei 12 Times ist New Roman Regular eine Schriftart und ein 10-Punkt-Times New Roman Bolt eine andere Schriftart. Warum wir diese beiden Unterschiede haben, ist , dass wir in früheren Zeiten, als das Drucken von Briefen noch ein manueller Prozess war, individuell nach den Briefblöcken mit einer ganz bestimmten Größe suchen mussten den Briefblöcken mit einer ganz bestimmten Größe Gewicht und Stil, um die Arbeit zu erledigen. Hoffentlich beseitigt dies einige Verwirrung und in Zukunft beziehen wir uns auf alles, was mit Texten als Schrift oder Schrift zu tun hat . In diesem Sinne wollen wir uns eingehender damit befassen, wie Texte bei der Gestaltung effektiv sein können. Wenn wir also eine neue Sprache lernen, denken wir normalerweise nicht über die Geschichte dahinter nach. Lassen Sie uns also in die Vergangenheit zurückgehen und sehen, wie sich Buchstaben so entwickelt haben, wie wir sie heute verwenden. Bevor wir zu den Buchstabenpunkten kommen, die wir heute sehen, waren Buchstaben früher einfach Höhlenmalereien in Form von Piktogrammen, die auf 20.000 v. Chr. zurückgehen. Als das Bedürfnis, komplexe Ideen zu vermitteln, wuchs, wurden die Triebe zu Symbolen, um Dinge wie Klänge, Objekte und Ideen darzustellen . Und dann fingen die Griechen an, die Bilder noch mehr zu abstrahieren. Und die Römer haben dann das , was wir heute als Alphabet kennen, verfeinert . Im Mittelalter, um das fünfte und späte 15. Jahrhundert, gab es einen starken Fokus und handgeschriebene Manuskripte, die einige der von uns verwendeten hochdekorativen Schriften inspirierten heute. Wussten Sie, dass zu der Zeit als es keine Drucker gab, Schreiber angeheuert wurden, um Bücher zu replizieren, indem sie jeweils Brief für Brief schrieben ? würde Fertigstellung eines Buches würde mindestens zwei Wochen dauern . Zum Glück wurde die Briefpressmaschine erfunden, um den Prozess zu beschleunigen . Obwohl die Chinesen zunächst erfunden hatten, konnte die Buchdrucktechnologie nicht einfach auf die massiven 50.000 Zeichen in der chinesischen Sprache skaliert die massiven 50.000 Zeichen werden. Sie werden jedoch weitermachen , da Gutenberg dafür gutgeschrieben wurde, da es einfacher war , diese Technologie in einer 26-stelligen lateinischen Sprache bereitzustellen . Gutenberg-Entwicklung im 15. Jahrhundert veränderte die westliche Kultur lebensverändernd , weil alles, was nötig war, war, eine Reihe von Buchstaben zu erstellen, dämpfen, sie anzuordnen, sie zu färben und dann wird der Inhalt so genannt print it. Es war auch ungefähr zu dieser Zeit, als der Begriff Schrift und Schrift erstellt wurde , damit die Leute die richtigen Stempel finden können . Die Stempel wurden auch in einer oberen und unteren Türkonfiguration aufbewahrt . So kamen die Groß- und Kleinbuchstaben zustande. In der Neuzeit entwickeln wir kleinere und tragbarere Maschinen wie die Schreibmaschine und bald darauf die Computer und Tastaturen, die wir heute verwenden. Rückblickend auf die erste Existenz schriftlicher Kommunikation in Bezug auf die Art und Weise, wie wir Buchstaben verwenden. Jetzt können wir sehen, dass die Entwicklung stark von technologischen Fortschritten und kulturellen Veränderungen beeinflusst wurde von technologischen Fortschritten und kulturellen Veränderungen beeinflusst . Das war nur eine kurze Geschichte zur Zeit. Wenn Sie mehr erfahren möchten, schauen Sie im Internet nach. Genauso wie wir Begriffe haben, um verschiedene Teile eines Tieres zu beschreiben. Wir haben auch Begriffe, um Briefe zu beschreiben. Lassen Sie uns herausfinden, was einige davon sind, damit wir wissen, worauf Sie bei der Auswahl einer Schrift achten müssen. Buchstaben werden mit Strichen erstellt. Die gebogenen werden Schale genannt und um alles hochzuhalten, haben wir einen Stiel. Wie wir im Geschichtsunterricht gelernt haben. Buchstaben sind aus den Zeichnungen von Menschen abgeleitet. Deshalb werden Schlaganfallnamen nach Körperteilen wie I, Yr, Arm, Schulter, Bein und Wirbelsäule benannt nach Körperteilen wie I, . Manchmal finden wir Buchstaben mit einigen dekorativen Elementen, die Sarah genannt werden, und die Enden des Briefes ohne Sarah werden als Terminal bezeichnet. Alle Buchstaben sitzen dann auf einer unsichtbaren Linie, die als Grundlinie bezeichnet wird, sodass es einen starken Ankerpunkt gibt, an dem sie platziert werden können. Die Höhe eines Buchstabens wird auf der Kappenhöhe maximiert, und alle Buchstaben werden mit der x-Höhe gemessen, da der Buchstabe X oben und unten einen sehr klaren Schnitt hat . Wir können diese Begriffe jetzt verwenden, um verschiedene Arten von Buchstaben zu beschreiben. Stellen Sie sich vor, wir müssen eine neue Website für ein Unternehmen entwerfen. Lassen Sie uns den Prozess der Schriftauswahl für dieses Projekt durchgehen . Zunächst müssen wir verstehen, was unser Unternehmen bietet und welche Persönlichkeit unser Unternehmen hat. Nehmen wir an, wir sind ein Unternehmen, das moderne, handgefertigte Möbel verkauft. Möglicherweise haben Sie bereits ein paar Bilder im Kopf, und einige davon können Eleganz, Maßarbeit und Einfachheit sein . Vor diesem Hintergrund besteht eine Möglichkeit darin, eine serifenlose Schrift für unsere Website zu verwenden. Der Grund dafür ist, dass sie in der Regel einen moderneren Ansatz vermitteln. Normalerweise verwenden wir bei Textkörpern die normale Gewichtung, aber manchmal können wir Kursivschrift verwenden , um die Betonung zu erhöhen. Wir können dann eine Website mit einer Serifenschrift koppeln , da sie digital manchmal schwieriger zu rendern sind digital manchmal schwieriger zu rendern Wir können sie für größere Texte wie Titel und Header verwenden. Serifenschriften haben oft handschriftliche Eigenschaften mit ihrem hohen Kontrast in dünnen und dicken Strichen. Ihre Verwendung kann uns helfen, den handgefertigten Aspekt unserer Marke zu kommunizieren . Da die Schriften auf dem Bildschirm oft dünner erscheinen, können wir auch eine mutige Methode verwenden, um Scannen der Überschriften zu vereinfachen. Danach können wir uns dafür entscheiden, einen Logotyp mit einer dekorativen Schrift zu erstellen . Diese Art von Schrift wird im Allgemeinen als Einzelstück hergestellt, da sie speziell gefertigt wurde und ziemlich dramatische Ergebnisse erzielen kann , um sich von der Masse abzuheben. Um die Leute darüber zu informieren, dass wir unser Unternehmen gründen, verwenden wir möglicherweise eine skriptbasierte Schrift. Diese Schrift wird oben auf der Website als Einladung oder Banner verwendet. Dadurch fühlt es sich persönlicher an, als wäre es für einen besonderen Anlass handgeschrieben worden. Sie müssen lediglich die Stimmung identifizieren , die Sie vermitteln möchten, und von dort aus weitergehen. Nachdem wir die Schrift für unsere Website ausgewählt haben, der nächste Schritt darin , sie zusammenzustellen. Das ist schlecht. Wir müssen den Text lesbar und lesbar machen, sonst möchte niemand unsere Möbel kaufen. Wir tun dies, indem wir eine gute visuelle Hierarchie erstellen eine gute visuelle Hierarchie , damit die Leute wissen, worauf sie zuerst achten müssen. Eine Möglichkeit, eine Hierarchie zu erreichen, besteht darin, eine andere Methode zu verwenden , um Betonungen zu erzeugen. Zum Beispiel ein Boulder-Titel. Es ist jedoch wichtig, Sie Ihre Schrauben nicht fälschen, indem die Originalschrift mit einem schwarzen Strich und insbesondere Texte nicht mit einem Farbstrich umranden. Etwas, das wir definitiv verdächtig aussehen werden. Suchen Sie stattdessen nach einer Schrift, die eine schwarze Möglichkeit hat, Ihnen etwas Dickeres zu geben. Hier sind ein paar Beispiele. Wir haben auch leicht verdichtete und erweiterte Versionen, sodass wir nicht quetschen oder quetschen müssen. Wir können auch Schriften koppeln. In unserem Projekt werden wir eine Sarah für die Schlagzeilen verwenden und sagen Ära für die Absätze. Die anderen beiden Möglichkeiten, Prototypen zu erstellen, bestehen darin, entweder alle aus derselben Familie zu Sarahs zusammen oder zwei Sensoren zusammen zu kombinieren . Darüber hinaus ist das ein großes Nein-Nein, da es für den Leser Verwirrung stiftet. Da wir einige Titel und Absätze haben, können wir mit der Größe spielen, indem den Titel größer und den Absatz kleiner machen. andere Möglichkeit, eine Hierarchie zu erreichen, ist ein Geschenkabstand zwischen den Überschriften und den Absätzen oder Anpassen der Position durch Einrücken. Wir können auch die Ausrichtung des Titels ändern , um den Fokus auf die Absätze anstatt auf die Titel zu lenken. Versuchen Sie jedoch nicht, jeden Buchstaben vertikal auszurichten. Es wird sich herausstellen, dass es wirklich peinlich aussieht. Drehen Sie also stattdessen die gesamte Grundlinie. Alternativ können wir die Aufmerksamkeit auf den Text lenken, indem seine Farbe oder Wertschattierungen ändern , um ihm Kontrast zu verleihen. Diese werden also zuerst gelesen. Schauen Sie sich die Titel und Absätze an. Es gibt andere Textbehandlungen, auf die man achten muss. Wenn wir zum Beispiel die Titel auf Großbuchstaben setzen, werden sie als ein Bündel rechteckiger Blöcke wahrgenommen und sind viel schwieriger zu lesen. Stattdessen können Sie den Wörtern durch Mischen der Fälle mehr Formen geben mehr Formen geben und sie lassen sich viel einfacher scannen. Für Sätze und Absätze. Versuchen Sie, keine langen Leinenlängen zu haben, da Ihre Augen viel hin und her wandern müssen. Im Allgemeinen werden sie zwischen 45 und 80 Zeichen gespeichert , um bei Comfort gelesen zu werden. Eine andere Art der Hygiene besteht darin, nicht zwei gleiche Wörter in einem Absatz übereinander zu stapeln . In solchen Situationen können wir den Inhalt umformulieren oder Anpassungen am Typ vornehmen , um die Unbeholfenheit zu vermeiden. Ein paar abschließende Anmerkungen. Halte das Wrack relativ vertikal und suche keine Wörter oder kurzen Sätze am Ende oder Anfang eines Absatzes heraus . Die Arbeit mit dem Typ kann eine Herausforderung sein, aber diese Richtlinien können uns helfen, auf dem richtigen Weg zu bleiben. Also probier sie aus. In deinen nächsten Projekten. Wir haben nur die Oberfläche der Typografie aus ihrer Geschichte gekratzt, zwei Terminologien und Anwendungsfälle. Gehen Sie raus und entdecken Sie, wie Typ um uns herum verwendet wird. 3. Kapitel 2 Elemente des Designs: Großartige Designs entstehen nicht von Zauberhand. Designer müssen sorgfältig überlegen, wie sie den Typ und die visuellen Elemente Linie, Form, Raum, Farbe und Textur anordnen . In diesem Kapitel werden wir untersuchen, wie sich jedes dieser Elemente auf das Design auswirken kann. Während wir auf den Start des Klägers warten, können wir das Magazin in der vorderen Tasche packen um nach verfügbarer Bordunterhaltung zu suchen. Aber wie sollen Magazine uns helfen , das zu finden, was wir wollen? Eine Möglichkeit besteht darin, Linien zu verwenden. Fangen wir also damit an. Wenn wir die Seiten im Magazin umblättern, werden wir feststellen, dass es viele tatsächliche Linien gibt , die zur Dekoration der Seite verwendet werden. Es gibt aber auch viele abstrakte Linien, wie Textzeilen und führende Linien in Bildern. Tatsächliche Zeilen können verwendet werden, um wichtige Inhalte zu verankern , die zuerst gelesen werden sollen, wie Titel oder Absätze, die wir in der Zeitschrift sehen. Sowohl tatsächliche als auch abstrakte Linien können eine Illusion von Richtung und Rhythmus vermitteln. Sie informieren uns, wo wir mit dem Lesen beginnen sollen und wie schnell unsere Augen über die Seite zu den nächsten Artikeln gehen. Je nach Stil der verwendeten Linien können sie bestimmte Stimmungen vermitteln, sodass scharfe Winkel aggressiv und gefährlich wirken können , während sich fließende Linien freundlicher und einladender anfühlen. Ebenso werden dünne Striche als empfindlicher angesehen als dicke Striche. Sie sind auch in einem Strich-, Punkt- oder Strukturformat erhältlich. Da Linien viele Eigenschaften haben, die als Dekoration verwendet werden können oder uns beim Navigieren auf einer Seite helfen. Verwenden Sie sie daher mit Vorsicht, um visuelle Desorientierung zu vermeiden. Wir haben gesehen, wie Linien uns verbessern können und uns darüber informieren , wie man eine Zeitschrift liest. Nehmen wir uns jetzt die Zeit, um zu untersuchen wie Formen ähnliche Effekte erzielen können. Auf den Seiten fanden wir oft die drei geometrischen Formen Dreieck, Rechteck und Kreis. Und jeder von ihnen erfüllt einen Zweck. Rechtecke werden normalerweise zum Rahmen von Bildern verwendet, während Dreiecke ein Gefühl von Bewegung vermitteln können und Kreise verwendet werden, um einen Kontrast zwischen den Formen mit harten Kanten zu erzeugen den Formen mit harten Kanten , sodass es angenehmer ist die Augen. Manchmal werden wir grundlegende Formen sehen, die geändert wurden, um die Seite dynamischer erscheinen zu lassen. Beispielsweise kann ein Designer die Ecken abrunden, um eine Seite einladender zu gestalten, sie verzerren, um ein Gefühl von Geschwindigkeit zu vermitteln, oder sie vollständig drehen, um ihre ursprüngliche Form zu ändern. Es gibt auch Zeiten, in denen organische Formen auf einer Seite verwendet werden. Wir werden sie auf jeden Fall auf den Bildern sehen. Organische Formen können jedoch grafische Elemente sein, die die Seite mit diesen unregelmäßigen Formularen flüssiger erscheinen lassen. Formen können in 2D und 3D viele verschiedene Formen annehmen. Probieren Sie sie aus, um unterschiedliche Emotionen im Design auszudrücken. Während wir die Seite des Magazins weiter umblättern, konzentrieren wir uns eher auf die grafischen Elemente und nicht die Leerzeichen um die Seite. Lassen Sie uns herausfinden, warum das so ist und wie Raum beim Design eine Rolle spielen kann. Der Grund, warum wir uns zu den Texten und grafischen Elementen hingezogen fühlen , ist dass sie durch positive Räume einen Interessenbereich schaffen , während der weiße Hintergrund als negativer Raum verbleibt. Wenn einem Objekt mehr Platz eingeräumt wird als dem Rest, würden wir uns zu diesem einzelnen Objekt hinziehen, da es ein höheres Gewicht hat und nicht mit den anderen Gegenständen konkurriert. Wenn wir den Raum gleichmäßig verteilen würden, kann die Seite ordentlicher aussehen. Auf der anderen Seite können wir durch die Streuung des Inhalts ein Gefühl von Chaos oder Verspieltheit erzeugen. Wenn keine Leerzeichen angegeben sind, fühlen wir uns oft ein wenig verkrampft an und können schwer zu lesen sein. Wir können auch dreidimensionalen Raum schaffen, indem wir Inhalte übereinander stapeln , z. B. Formen und Text über einem Hintergrundbild hinzufügen. Der Weltraum spielt eine wichtige Rolle bei der Fortpflanzung unserer Augen. Sie müssen also wirklich nicht versuchen, alles auf einer einzigen Seite zu jammen. Während wir auf den nächsten Seiten fortfahren, haben Fotos und Illustrationen, die sich auf Materialien konzentrieren. Mal sehen, wie sich Texturen auf unsere Designs auswirken können. Erstens können wir Texturen in einem gedruckten Magazin aufgrund ihrer Identität und räumlichen Orientierung erkennen aufgrund ihrer Identität und . Wir wissen, dass Gras Gras ist , aufgrund der Linien und Formen, die es erzeugt. Wir können auch Texturen auf einem Foto fühlen taktile Eigenschaften wie hart und weich, rau und glatt, glänzend und matt und viele mehr aufweisen. Auf dem Foto können wir viele tatsächliche Texturqualitäten sehen , wie den weichen Sand an einem Strand. Aber dasselbe Bild in Illustrationsform wird uns implizite Eigenschaften geben , wie wir die Textur wahrnehmen. Bei richtiger Verwendung sind Texturen nicht nur optisch ansprechend, sondern können unseren Designs auch Tiefe verleihen. Das letzte visuelle Element, das Sie beim Durchsuchen einer Zeitschrift sehen , ist die Verwendung von Farbe. Wir werden in einer separaten Lektion ins Detail gehen, aber hier sind einige Dinge , die Farbe leisten kann. Farben, die in einem Reisemagazin verwendet werden , machen Lust auf diese Ziele. Sie können auch grafischen Elementen wie Formen und Texten hinzugefügt werden grafischen Elementen wie Formen und , um bestimmten Inhaltsbereichen Aufmerksamkeit zu schenken. Der Schlüssel ist, sie sparsam zu verwenden, denn wie alle Dinge kann eine übermäßige Verwendung von Farben zu visuellem Durcheinander führen Lesen sehr schwierig machen. Wir müssen unserem Design nicht immer Farbe hinzufügen, und sie können die Erfahrung eines Lesers entweder verbessern oder beeinträchtigen. Wir werden das in einer späteren Lektion noch einmal besprechen. Ordnung, wir haben die fünf Elemente des Designs durchgesehen und gelernt , dass sie sowohl als Leitfaden als auch als Dekoration verwendet werden können. Sieh nach, ob du eines dieser Elemente im Spiel erkennen kannst. Das nächste Mal sehen Sie etwas, das entworfen wurde, wie Gebäude, Verpackung und Handlung. 4. Kapitel 3 – Farbe: Wir treffen jeden Tag eine Farbauswahl, von der Abholung der Kleidung bis zur Dekoration unseres Hauses. Aber hast du jemals angehalten und dich gefragt, woher Farben kommen und wie sie uns beeinflussen? In diesem Abschnitt behandeln wir die wissenschaftlichen Aspekte der Farbe, die Terminologien und Theorien in der Psychologie. Wir wissen also, wie man sie auswählt und kombiniert. Wir denken nicht oft darüber nach, wenn wir eine Farbe für unser Design auswählen. Aber es steckt tatsächlich eine gewisse Wissenschaft hinter den Farben, die uns heute zur Verfügung stehen. Finden wir heraus, wie Farben entdeckt wurden und wie sie organisiert sind. Farben existierten in der Vergangenheit nur als Theorie. Erst im 17. Jahrhundert bewies Sir Isaac Newton , dass Farbe im Licht existiert. In seinem Experiment hielt er ein Glasprisma im Sonnenlicht hoch und dachte, dass sich das weiße Licht in einen Regenbogen spaltete. In einem anderen Experiment malte er die Farben, die er sah, auf eine Scheibe. Und als er es drehte, stellte er fest, dass alle Farben wieder verschwommen waren in was? Und so haben wir Farben und das berühmte Farbrad bekommen. Um das Farbrad zu erstellen, gibt es zwei Möglichkeiten, Farben je nach Medium zu mischen. In der physischen Welt verwenden wir ein subtraktives Farbmodell , sodass je mehr Farben wir hinzufügen, desto dunkler wird es. In der digitalen Welt verwenden wir jedoch ein additives Farbmodell. Je mehr Farben hell wir hinzufügen, desto heller wird es. Wir beginnen mit den Primärfarben Rot, Gelb und Blau, da sie die Grundfarben sind, die nicht durch Mischen anderer Farben in der physischen Welt erzeugt werden können . Auf einem digitalen Bildschirm sind die Primärfarben jedoch Rot, Grün und Blau. Nach dem Mischen der Primärfarben erhalten wir Sekundärfarben, die orange, grün und lila in physischer Form und Cyan, Magenta und Gelb in Digital sind. Wenn wir anfangen, Primär- und Sekundärfarben zu mischen, erhalten wir schließlich Primär- und Sekundärfarben zu mischen, den Rest der Farben auf dem Rad. Sie sagen, Newtons Entdeckung, wir haben jetzt das Farbrad, auf das wir uns beziehen können , wenn wir Farben für unsere Bedürfnisse auswählen . die Grundlagen der Farbe kennen, können wir uns dann die Effekte ansehen, die sie erzeugen. Die meisten Menschen könnten auf eine Farbe zeigen und sie identifizieren. Aber es gibt mehr als sieben Farben des Regenbogens, und wir brauchen Möglichkeiten, sie zu beschreiben. Warum stellen wir Ihnen nicht einige der Begriffe vor, damit Sie verstehen, wie Sie sie erklären können. In erster Linie beschreiben wir Farben anhand ihres Farbtons. Wir könnten es Farbe Blau nennen, aber mit jedem Blau sind spezifische Kosten verbunden , die sich je nach Medium unterscheiden. Auf diese Weise können wir genau angeben , wann es im Druck oder auf dem Bildschirm verwendet wird. Sobald wir ein hier ausgewählt haben, das wir verwenden möchten, können wir die Sättigung anpassen, damit eine Farbe blasser oder lebendiger aussieht. Eine weitere Änderung, die wir an einem Farbton vornehmen können, besteht darin, die Lichtqualitäten durch Helligkeit, Wert oder Helligkeit zu verändern die Lichtqualitäten durch . Dadurch kann eine Farbe schwarz oder weiß werden. Und dann, wenn wir mehr Weiß in das Pigment hinzufügen , wo die Farbe getönt wird. Und wenn wir mehr Schwarz hinzufügen, schattieren wir die Farbe. Mit diesen im Hinterkopf. Wir können sie jetzt verwenden, um über Farben zu sprechen und diese anzupassen. Es stehen viele Farben zur Auswahl, aber wie können wir sie auf eine Weise verwenden , die visuell nicht störend ist? Schauen wir uns an, wie man Farben kombiniert, um Harmonie und unterschiedliche Stimmungen zu erreichen. Angenommen, wir möchten eine Website für ein Hautpflegeprodukt erstellen . Bevor wir mit der Auswahl von Farben und einer Palette für unsere Designs beginnen , möchten wir einen Ton anstelle einer Temperatur identifizieren , um die Marke besser zu vermitteln. Wenn wir warme Farben verwenden, deutet dies auf mehr Energie da sie viel heller sind, während sich kältere Farben ruhiger anfühlen , da sie weniger lebendig sind. Einige neutrale Farben wie Beige, Braun und Grau können ebenfalls eine Option sein. Wenn wir nicht versuchen, ein Statement abzugeben, da diese Farben viel weniger Energie haben. Um auf unser Website-Beispiel zurückzukommen: Wir möchten warme Farben verwenden, um ihr eine lebendigere Persönlichkeit zu verleihen. der Definition der Stimmung Schauen wir uns nun nach der Definition der Stimmung verschiedene Möglichkeiten an, Farben zu paaren. Es gibt sechs Möglichkeiten , Farben zu paaren. Einfarbige, analoge komplementäre Triade zu Chadwick und achromatisch. Wenn wir möchten, dass sich die Website friedlich anfühlt, können wir eine einfarbige Palette verwenden, die verschiedene Farbtöne und Schattierungen eines einzelnen Farbtons verwendet. Es kann jedoch schwierig sein, im digitalen Medium mit einer einzigen Farbe zu arbeiten , da wir mehr Farben benötigen um verschiedene Arten der Interaktion zu kommunizieren. Wir können dies tun, indem das analoge Schema nutzen und Farben verwenden , die nebeneinander liegen. Eine Einschränkung ist die Notwendigkeit, eine der Farben als dominierende Farbe zu verwenden , und der Rest ist zweitrangig. Um einen drastischeren Effekt zu erzielen, kann ein komplementäres Farbschema verwendet werden, indem Farben verwendet werden, die sich direkt gegenüberliegen. Dies erregt unsere Aufmerksamkeit aufgrund des hohen Kontrasts und sorgt für einen lebendigen Look. Wir können definitiv mehr Farben hinzufügen , um einen umfangreicheren Gaumen zu erzielen. B. die Verwendung der triadischen Farbpalette , die drei Farben verwendet, fett, gleichmäßig verteilt auf dem Farbkreis. Oft kann das Ergebnis sehr lebendig sein Reservieren Sie daher nur eine Farbe als dominierende Farbe. Weiter geht es mit der Titanic-Palette, die vier Farben verwendet, die gleichmäßig auf dem Rad verteilt sind. Wie zuvor, habe nur eine Farbe als Dominante. Um eine kognitive Überlastung zu verhindern, können zu viele Farben ablenken. Wir können neutrale Farben wie Schwarz, Weiß und Grau mit der achromatischen Palette verwenden , Weiß und Grau mit , um sie abzuschwächen. Wir können jetzt sehen, dass es auf der Website viel mehr Kontrast gibt und einen neutraleren Effekt erzeugt. Farben haben viele Eigenschaften, und je nachdem, wie wir sie anwenden, spiegeln sie unterschiedliche Emotionen wider. Ihre Designs in Schwarzweiß zu beginnen und langsam den Gaumen aufzubauen, ist der richtige Weg. Normalerweise verbinden wir Bedeutungen mit Farbe. Wenn wir auf eine Farbe wie Weiß stoßen, kann dies je nach Kultur etwas Positives oder Negatives bedeuten . Deshalb ist die Wahl der richtigen Farbe wichtig , da sie unterschiedliche Konnotationen haben. Rot ist eine Farbe, die Aufmerksamkeit erfordert normalerweise Leidenschaft, Krieg und Schnur entspricht. In manchen Kulturen kann es Feiern und Vitalität bedeuten. Die Verwendung von Rot und unserer Arbeit kann ziemlich auffällig sein. Sehen Sie sie oft in Warnschildern und wissenschaftlichen Dingen, um uns vor Gefahren zu schützen. Auf der anderen Seite sind Orangenfelder verrückter, können aber dennoch energisch und lebendig sein. Viele verwenden Farbe, um ein Gefühl von Abenteuer und Verjüngung hervorzurufen . Wenn es auf ein Stück aufgetragen wird, es weniger aggressiv als ist es weniger aggressiv als Rot und viel einladender. Gelb gehört zu den hellsten Farben. Deshalb verwenden viele es, um Glück und Freude zu vermitteln. Und wir sehen oft, dass es verwendet wird, um Hoffnung und Kompetenz zu symbolisieren. Es gibt viel Energie und Freude, wenn Gelb in einem Design verwendet wird. Vielleicht essen wir McDonald's deshalb so gerne , um uns glücklich zu machen. Wenn wir an Grün denken, denken wir an Dinge in der Natur wie Gras und Bäume. Deshalb steht diese Farbe für Leben, Erneuerung und Wachstum. Wir sehen, dass es häufig beim Recycling oder bei Bio-Produkten verwendet wird, die wir essen. Es hat die additive Wirkung ein beruhigendes Gefühl zu erzeugen. Blau ist eine andere gebräuchliche Farbe, aber es ist viel kälter. Es gibt ein Gefühl der Sicherheit und fördert Vertrauen und Loyalität. Wir könnten diese farbige Verwendung für Banken und Versicherungen finden , und nicht zu vergessen die Polizei , die unsere Straßen schützt. Lila ist ruhig und energisch. Zur gleichen Zeit. Vergangenheit wurde es von Königen verwendet , um Gut und Adel zu vermitteln. Manchmal kann es auch verwendet werden, um Weisheit darzustellen. Dies ist einer der Gründe, warum wir die Verwendung von Lila in Premium-Marken wie Cadbury's Chocolate erkennen können . Block kann positive oder negative Konnotationen haben da er sowohl Raffinesse als auch Traurigkeit vermittelt. Wir werden diesen Shag bei formellen und prestigeträchtigen Veranstaltungen oder bei Beerdigungen sehen . Auf der anderen Seite mag es zwar ziemlich einfach erscheinen, vermittelt aber Reinheit oder Unschuld. In der westlichen Kultur sehen wir jedoch, dass Bräute zu festlichen Anlässen Weiß tragen. Aber in der chinesischen Kultur kann Weiß noch bedeuten. Immer wenn Weiß verwendet wird, wirkt es sauber und minimalistisch. Wir haben kurz einige der Hauptfarben und die Bedeutung dahinter besprochen. Es gibt noch viel mehr Farben. Recherchieren Sie also und verstehen Sie, wie bestimmte Farben in verschiedenen Kulturen eine Rolle spielen. Farben können nicht nur verwendet werden, um unsere Designs zu verbessern, sondern auch unser Leben zu beeinflussen. Wenn Sie das nächste Mal draußen sind, schauen Sie sich an, wie sie verwendet werden und warum bestimmte Farben ausgewählt wurden. 5. Kapitel 4 – Grundlagen des Designs: In den letzten Kapiteln haben wir uns mit den verschiedenen Bausteinen und Designs wie Buchstaben und Farben befasst . Es ist jetzt an der Zeit, sie nach den Prinzipien des Designs zusammenzustellen , um zusammenhängende Kompositionen zu schaffen. Wenn wir zum ersten Mal mit einem Design beginnen , legen wir Dinge nicht blind auf eine Leinwand. Es gibt Möglichkeiten, die visuellen Elemente so anzuordnen die visuellen Elemente so Leute sie leicht durchschauen können. Beginnen wir damit, zu verstehen, wie das Prinzip der Balance beim Design nützlich sein kann. Um die Auswirkungen des Gleichgewichtsprinzips besser zu veranschaulichen , ist es nützlich, Elemente auf einer Leinwand so zu betrachten , als hätten sie eine Art Masse und Schwerkraft. Je größer der Artikel, desto schwerer ist er und je kleiner der Artikel, desto leichter ist er. Vor diesem Hintergrund ist es an der Zeit, ein Poster für eine gesellschaftliche Veranstaltung zu entwerfen. Wie bei jedem großen Objekt, das eine Schwerkraft ausübt, wenn große grafische Elemente auf einer Seite der Leinwand hinzugefügt werden, wird das visuelle Gewicht auf diese Seite verschoben. Um es auszugleichen, müssen wir ein weiteres großes Element mit dem gleichen Gewicht auf die andere Seite legen ein weiteres großes Element . Dadurch entsteht ein symmetrisches Gleichgewicht. Diese Methode verleiht einer Zusammensetzung im Allgemeinen eine starke und stabile Struktur , da das visuelle Gewicht auf beiden Seiten als genau gleich wahrgenommen wird . Eine andere Möglichkeit, ein Gleichgewicht herzustellen ist die Verwendung eines asymmetrischen Gleichgewichts, bei dem das Gewicht nicht gleichmäßig auf einer Seite verteilt wird. In unserem Poster für gesellschaftliche Ereignisse können wir beispielsweise links weitere Details hinzufügen, indem wir ein paar kleinere Elemente haben , um die einzelne Grafik rechts auszugleichen. Die Verwendung eines asymmetrischen Gleichgewichts kann manchmal dazu führen, dass es weniger gleichmäßig aussieht, aber es hilft, visuelle Interessen zu wecken, indem eine Vielzahl von Elementen auf der Leinwand angezeigt wird. Sie werden feststellen, dass Elemente nicht von selbst innerhalb einer definierten Grenze existieren . Sie unterscheiden sich im visuellen Gewicht und üben sich je nach Platzierung unterschiedlich aus. Wir müssen also ausgewogen verwenden, um ein Gleichgewicht in unseren Kompositionen herzustellen. Ähnlich wie bei der Musik können wir einen visuellen Rhythmus kreieren, um unser Publikum durch die gesamten Designelemente zu bewegen. Schauen wir uns nun die verschiedenen Arten von Rhythmen an, die wir erstellen können. Eine Möglichkeit, einen visuellen Rhythmus zu erreichen , besteht darin, ähnliche Elemente zu wiederholen, die gleichmäßig auf einer Seite verteilt sind, um ihr ein einheitliches Aussehen zu verleihen. Die grundlegendste Art von Rhythmus, die wir verwenden können, heißt reguläre Rhythmen. Und sie sind oft in Romanen und Lehrbüchern zu finden. Wenn wir ein Buch durchlesen, die Rollen von Texten und der Abstand sind die Rollen von Texten und der Abstand zwischen den Zeilen ähnlich groß. Wir wissen genau , wo wir als Nächstes anfangen müssen , wenn wir mit dem Lesen einer Textzeile fertig sind. Alternativ können wir fließende Rhythmen verwenden, um mit ihren frei fließenden Mustern ein Gefühl der Bewegung zu vermitteln. Dieser Rhythmusstil ist organischer und findet sich eher in der Natur wieder. Wir können diese Illustrationen verwenden etwa Pflanzen und Wasser. Schließlich können wir den progressiven Rhythmus verwenden, um eine interessantere Sequenz zu erhalten, indem wir das Element bei jeder Wiederholung ein wenig ändern . Zum Beispiel reicht das allmähliche Verschieben und die Größe und Position der Elemente aus. Wir können sehen, dass diese Art von Muster in den Regalen der Schnecken computergenerierte Grafiken sind. Indem wir steuern, wie Elemente wiederholt werden, können wir ein Gefühl von Emotionen und Bewegung im Design hervorrufen. Wenn wir Elemente auf einer Seite anordnen, müssen wir auch berücksichtigen welche Elemente sich unser Publikum ansehen soll. Erstens besteht eine Möglichkeit darin, die Proportionen der Elemente zu variieren. Einfach ausgedrückt, was auch immer das Größte ist , wird unsere Aufmerksamkeit zuerst auf sich ziehen, während kleinere Gegenstände eher übersehen werden und Quittungen in den Hintergrund treten. Wir können sehen, dass die Berge größer sind als die Bäume auf dem Foto. Wir bemerken also zuerst die Berge aufgrund ihrer Größe. Bei bestimmten Gelegenheiten können auch kleinere Gegenstände in den Fokus gerückt werden. Wenn wir unser Foto absichtlich so einrahmen , dass es ein Schloss darin zeigt, kann es interessant werden, obwohl es viel kleiner als die Berge ist. Infolgedessen kann die Änderung der Skala eines Elements im Verhältnis zu anderen oder einem seiner Teile zu einem anderen visuellen Gewicht und unterschiedlichen Todesfällen für das Publikum führen. einfache Anpassung der Größe eines Elements kann auch zu einer guten Hierarchie unserer Arbeit führen. Eine weitere Methode, um zunächst zu betrachtende Inhalte hervorzuheben , ist die Verwendung von Kontrast. Lassen Sie uns herausfinden, wie dieses Prinzip angewendet werden kann. Kontrast wird erreicht , wenn zwei völlig entgegengesetzte Betonungsgrade ein Design zwei völlig entgegengesetzte Betonungsgrade aufweist. Das bedeutet, eine Gegenüberstellung zu schaffen , indem man in derselben Zusammensetzung einen großen Unterschied in Form, Farbe oder Größe aufweist . Sie können dasselbe auch tun, indem entweder die Position, Drehung oder Textur ändern. Zum Beispiel können wir helle Elemente haben, die sich von einem dunklen Hintergrund abheben , oder ein Hard-Edge-Element unter Soft-Edge-Elementen. Indem Elemente zum Platzen gebracht werden, entsteht eine interessante Beziehung zwischen den visuellen Elementen, die sie entweder voneinander wegdrücken, verbinden oder ergänzen können sie entweder voneinander wegdrücken, . jedoch nur eine Variable auswählen, um sie zu ändern, sonst wird sie überwältigend. Wir haben über die Notwendigkeit gesprochen, Fokus und Betonung zu schaffen. Aber ohne die visuellen Elemente miteinander zu verbinden, kann es schwierig sein, sie als ein einziges Stück zu sehen. Harmonie und Design verlangen von uns, dass wir uns um Einheit kümmern. Der Grund, warum etwas ästhetisch ansprechend ist , hat weniger mit dem Zufall zu tun, sondern eher mit den Techniken, mit denen ein Designer Mitarbeiter sicherstellt, dass die Elemente in einer Komposition nebeneinander existieren. Der Schlüssel liegt darin, Elemente auf ähnliche Weise zu behandeln. Entwerfen wir ein weiteres Poster , um zu sehen, wie Unity funktioniert. Zunächst müssen wir eine Farbpalette erstellen , die zur gleichen Familie gehört. Damit unser Poster das Bewusstsein für die Meeresverschmutzung schärft, verwenden wir das blaue einfarbige Farbschema. Wenn wir als Nächstes grafische Elemente wie Formen von Wasserflaschen und Fischen hinzufügen , müssen wir die Stile nahezu identisch halten. Wenn wir weiche Kanten haben, müssen wir alle Formen mit abgerundeten Ecken beibehalten. Die erstellten Muster können dann wiederholt werden und ähnliche Inhaltstypen können ausgerichtet und gruppiert werden. Selbst innerhalb einer Sammlung ähnlicher Artikel können wir visuelle Unterscheidungen schaffen. Zum Beispiel, indem Sie eine mit einer Hervorhebung in einer anderen Farbe haben. Wenn es richtig gemacht wird, können wir sehen alle Designelemente zusammenkommen und zusammengehören. Nicht nur diese Einheit verbessert die visuelle Kohärenz der Dinge, sondern kann auch dazu beitragen, die Benutzerfreundlichkeit und die Produkte zu verbessern. Nachdem wir uns die fünf Gestaltungsprinzipien angesehen haben, können wir feststellen, dass es viele Möglichkeiten gibt, Elemente anzuordnen. Sie können kombiniert oder einzeln verwendet werden. Wenn Sie sich das nächste Mal etwas ansehen das entworfen wurde, versuchen Sie zu entziffern, wie die Elemente angeordnet sind und wie sie betroffen sind. 6. Kapitel 5 – Grid-Systeme: Denken Sie daran, wie wir Millimeterpapier und Massenklassen verwenden , um Grafiken zu zeichnen. Wir können Raster verwenden, um Designelemente anzuordnen, denn in diesem Kapitel wird behandelt, welche Raster zur Strukturierung unserer Layouts verwendet werden können. Bevor wir uns mit den Einzelheiten befassen, lassen Sie uns später in InDesign einige grundlegende Informationen zum Raster und die Bedeutung des Platzes durchgehen . Wie wir in der guten alten Zeit im Topographie-Kapitel gesehen haben, wurden Veröffentlichungen manuell gedruckt, indem wurden Veröffentlichungen manuell gedruckt, indem jemand Briefe von Hand schreiben und Grafiken zeichnen ließ. Gruppen waren nicht unbedingt in der Vergangenheit, da Veröffentlichungen wir eher als Kunstwerke betrachten , ohne dass Bücher für die Bildung verteilt werden müssen. Erst mit der industriellen Revolution im 20. Jahrhundert entwickelte sich die Technologie weit genug Massenproduktion von Publikationen zu ermöglichen, um mehr Menschen zu erreichen. Um täglich Publikationen wie Zeitungen zu erstellen , mussten Regeln und Strukturen entwickelt werden, um Inhalte einfach in Slots einbinden zu können. Könnten Sie sich den Druck vorstellen, jeden Tag neue Inhalte und Layouts herauszubringen , die Leute werden verrückt. Damit. Nachfrage. Grids wurden entwickelt, um Designs schneller zu erfüllen , ohne jedes Mal neue Schichten erstellen zu müssen. Als wiederverwendbares System kann es schnelle und generische Layouts bieten hohem Maße individuell angepasst sind. Grid dient als Richtlinie, um Texte , Bilder und andere grafische Elemente auf einer Seite anzuordnen, und spart uns Zeit, um herauszufinden, wo wir sie ablegen müssen. Wir sehen diese Richtlinien normalerweise nicht, da sie entfernt werden , sobald ein Designer seine Entwürfe fertiggestellt hat. Aber wenn wir ein Stück Design tief genug analysieren, werden wir sehen, wie die Elemente an den Entwicklungen von Gittern ausgerichtet sind . Es wurde zu einem leistungsstarken Werkzeug , um beim Entwerfen Struktur zu geben. Unser Publikum kann leicht durch den Inhalt navigieren. Jetzt, wo wir wissen, wie wichtig Gitter wurden , ist es an der Zeit, ins Detail zu gehen. Als hätten wir Menschen und lassen ihre Anatomienraster sie auch haben. Wir werden jetzt einige der Komponenten durchgehen , die ein Gitter aufbauen. Um ein Raster für ein Projekt zu erstellen, beginnen wir mit vertikalen Richtlinien , um Spalten für unsere Inhalte festzulegen. Beim Erstellen der Stützen müssen wir auch den Abstand zwischen den Stützen definieren , die als Rinnen bezeichnet werden. Änderungen daran wirken sich darauf aus wie weit der Inhalt verteilt wird. Wenn sie zu eng oder zu weit auseinander liegen, werden wir das Lesen erschweren. Der Schlüssel liegt darin, das Gleichgewicht zu halten, indem die Dinge weit genug voneinander entfernt werden, um die Augen zu schonen, aber nicht zu sehr, dass die Lesekontinuität unterbrochen wird. Flusslinien können dann verwendet werden , um Abschnitte in Module zu unterteilen , sodass Inhalte in diesen Feldern platziert werden können. Inhalt muss jedoch nicht in den von uns erstellten Boxen beschränkt sein . Sie können sich über mehrere Spalten und Module erstrecken. Jeder der Öffnungsbereiche wird als räumliche Zonen bezeichnet. Im Beispiel können wir sehen, dass das Layout sehr steif aussieht, wenn der gesamte Inhalt in ein Rechteck passt . Durch die Vergrößerung einiger Bilder entstehen mehr visuelle Interessen. Wir können auch zusätzliche Abstände um den Inhalt herum angeben , die als Padding bezeichnet werden, oder außerhalb dieses Begrenzungsrahmens, der als Egal wie komplex ein Gitter ist, sie enthalten alle die gleichen Karten, die erwähnt wurden. Jedes Teil ist für einen bestimmten Zweck gedacht , der entweder kombiniert werden kann, aus der Gesamtstruktur entfernt wird um faszinierende Layouts festzulegen. Gitter gibt es in vielen Formen. Schauen wir uns die verschiedenen Typen an und wie sie in die Praxis umgesetzt werden können. Ausgehend von den Grundlagen hat das einspaltige Raster nur eine Spalte, damit sich die Leser Zeile für Zeile auf den Text konzentrieren können. Wir sehen die Verwendung dieser Art von Gitter in der Schule häufig. Sie werden oft in Textmaterialien wie den Essays, die wir schreiben, und den erneuten Lesungen des Schriftstellers verwendet. Wenn ein komplexeres Layout benötigt wird, die Verwendung von mehrspaltigen Rastern gibt uns die Verwendung von mehrspaltigen Rastern mehr Spalten zum Spielen. Dieses System hilft uns, den Inhalt in verdauliche Stücke zu zerlegen . Sie sind oft in Magazinen und Websites zu finden. Warum müssen Sie einen Zusammenhalt zwischen einer Reihe von Inhalten herstellen ? Gitter können auch in gleiche Boxen aufgeteilt werden, wobei ein modulares Rastersystem eine größere Flexibilität bei der Platzierung von Inhalten ermöglicht . Die Leser werden aufgefordert, überall in der Reihenfolge zu lesen , in der sie es bevorzugen. Wie häufig in Lehrbüchern zu sehen ist, ist es Sache des Lesers, zwischen den Bildern, den Körpertexten oder dem nahen Pol zu wählen , um ihn zuerst zu lesen. Wenn wir festlegen, dass der Inhalt in einem Modul auf einer vollen Zeile statt in der oberen linken Ecke beginnt , verankert er den Inhalt auf einer Ankerlinie verwandelt ihn in ein Grundlinienraster. Diese Methode erzeugt einen konsistenten Leserhythmus unter den Elementen. Die Rastersysteme, die wir uns bisher angesehen haben, sind traditionelle Typen, die im Allgemeinen in Druckmedien zu finden sind . Sehen wir uns an, wie Gitter auf dem Bildschirm behandelt werden. Beim Entwerfen für Digital beginnen wir zunächst mit einem der zuvor angegebenen Rastertypen. Wir ergänzen dies dann durch die Verwendung fester Vielfacher beim Platzieren von Elementen wie Icons und Dropdowns. Beispielsweise kann eine iPhone-App ein einspaltiges Raster verwenden und dann Apples Designrichtlinie für ein Vier-Pixel-Rastersystem nutzen , um die Elemente zu erstellen. Das kleinste Element kann bei vier Pixeln beginnen, und größere Elemente sind ein Vielfaches davon. In ähnlicher Weise verwenden sie bei Google ein Pixelrastersystem. einer Android-App werden wir also Elemente haben, die bei acht Pixeln beginnen. Je nachdem, für welches Gerät wir entwickeln, müssen wir die entsprechenden Richtlinien auswählen, damit unser Design entsprechend seiner Geräteauflösungen skaliert werden kann . Schließlich können wir auch benutzerdefinierte Gitter erstellen, wenn die anderen eine zu strenge Struktur für unseren Geschmack haben. Gitter müssen nicht immer geradlinig sein. Sie können diagonal, rund oder frei fließend sein, um andere Ideen mithilfe von Gittern zu kommunizieren . Sie können auch beim Ausbalancieren einer Seite helfen , wenn wir Probleme haben. Anhand eines E-Commerce-Beispiels stellt ein zweispaltiges Raster asymmetrisches Gleichgewicht her, um die Produkte durch ein dreispaltiges Raster hervorzuheben , das ein asymmetrisches Gleichgewicht darstellt, damit wir uns auf die Titel und Beschreibungen konzentrieren können. Es gibt verschiedene Grid-Strukturen, die verwendet werden können. Sie können einfach oder komplex, spezifisch oder generisch, eng definiert oder lose interpretiert werden, um Ausgewogenheit, artikulierte Hierarchie und Konsistenz in Kompositionen zu gewährleisten. Raster sind keine visuellen Elemente, die wir am Ende sehen, aber sie sind Richtlinien, die uns helfen , Designelemente schnell anzuordnen, unseren Lesern Struktur und Orientierung zu geben. Wenn Sie das nächste Mal auf eine Website gehen, denken Sie darüber nach, wie das Raster eine Rolle im Design spielt , und legen Sie den Rhythmus fest, den wir lesen können. 7. Kapitel 6 – Layouts und Kompositionen: Die Menschen konsumieren jeden Tag Tonnen von Inhalten. Aber haben Sie jemals über das Innenleben bei der Gestaltung dieser Inhalte nachgedacht ? In dieser Lektion ziehen wir die Ebenen zurück und zeigen auf, wie wir den Leuten helfen können, den Inhalt besser zu verstehen. Design ist von Natur aus eine Branche zur Problemlösung. Welches Problem lösen sie beim Layout und bei der Komposition? Im ersten Prinzip sind sie so konzipiert, dass sie ein Problem der Lesbarkeit lösen. Ein gutes Layout und eine gute Zusammensetzung sind die Antwort auf die Frage. Liest mein Design? Kann ich verstehen , was passiert? Im heutigen digitalen Zeitalter? Die Menge an Inhalten ist riesig und leicht zugänglich. Es kommt in Form von Filmen, die Ihnen helfen, in die Welt des Films und des Fernsehens zu verschwinden. Informative und unterhaltsame Inhalte auf YouTube, Twitch und TikTok. Denkwürdiges Ziel wie die Fotos, die wir in unserem letzten Urlaub mit ihrer Familie und Freunden gemacht haben, zum Nachdenken anregend und hilfreich, wie die Nachrichten, die wir lesen und einkaufen, die wir im Internet machen. Aber wie wir diese Inhalte tatsächlich konsumieren, ist durch die Schichten und die Zusammensetzung , die unsere Augen sehen. Dies geschieht, während unsere anderen Sinne, wie Berührung und Hören, uns helfen, die Komplexität zu verarbeiten, die vor uns geschieht. Schauen wir uns das genauer an. Laos und Zusammensetzung verstehen. Nun, zuerst müssen wir wissen wie unser Gehirn die Dinge verarbeitet, die wir sehen. meiste, was wir in einem Medium sehen, geschieht über ein Langzeitgedächtnissystem, das Informationen unserer Sinne mit hoher Geschwindigkeit interpretiert . Behalten Sie, was relevant ist, und verwerfen Sie, was nicht relevant ist. Diese Erfahrungsbibliothek oder visuelle Bibliothek agiert automatisch und unbewusst, ohne unsere Gehirnleistung zu belasten, auch wenn wir beispielsweise nicht versuchen wollen , dies nicht zu lesen. Dies ist auch das gleiche System , das uns hilft, die Lücken von etwas zu schließen, das sonst nicht perfekt ist , und Sinn daraus zu machen. Ein Beispiel ist das Logo des World Wildlife Fund. Wir wissen, dass dies ein Panda ist. Auch wenn die Leitungen nicht angeschlossen sind. Darüber müssen wir uns aber kaum Gedanken machen. Jeder, der schon einmal einen Stift gesehen hat, wird kein Problem damit haben, ihn zu erkennen. Was hilft uns also eigentlich dabei starke Layouts und Kompositionen zu erstellen? Wir können diese Gestaltungsprinzipien erfolgreich manipulieren. Wir können interessante Layouts und Kompositionen erstellen , um unseren Zuschauern zu helfen sich durch unsere Designs zu bewegen. Schauen wir uns einige Beispiele an. Fotos sind eine der wenigen Formen von Medien, mit denen wir Kompositionen direkt sehen können. Beginnen wir also damit, bevor wir uns komplexeren Medien zuwenden. Das erste Bild hier mit dem Titel Earthrise von William Anders , der bei der nasa arbeitete, nahm dies 1968 auf. Der Grund, warum dieses Bild so stark ist, einige Dinge, die in die Komposition eingearbeitet wurden . Kontrast, Betonung, Proportionen und Harmonie. Wir werden jedoch nur Kontraste und Betonungen für dieses Bild betrachten . das Foto in Schwarzweiß drehen wird das Innenleben des Kontrasts auf diesem Foto deutlich. Wisse das von unten nach oben. Es verläuft in einem Muster aus hell, dunkel und hell. Dies hilft unseren Augen, das Bild und die Motive leicht zu lesen . Zweitens hilft uns die Betonung, die Erde in eine umgebende Leere des Weltraums zu bringen und gleichzeitig zeigen, dass dieses Bild vom Mond aufgenommen wurde, zu zeigen, dass dieses Bild vom Mond aufgenommen wurde, zu verstehen, wie klein unser Planet wirklich ist. Es gibt uns einen Kontext darüber, wo das Foto aufgenommen wurde, während sich unsere Augen zwischen der Mondoberfläche, die am Boden verankert ist, und der Erde bewegen der Mondoberfläche, die am Boden verankert ist, und , die mitten im dunklen und ruhigen Raum hängt. Dieses zweite Foto heißt Mittagessen auf einem Wolkenkratzer von Charles Clyde EBIT, aufgenommen 1932. Die beiden Hauptelemente , die hier in die Komposition einfließen, sind Kontrast, Rhythmus. Wenn wir genau hinschauen, gibt der Hintergrund nicht nur einen Kontext darüber, wo sich diese Menschen in Bezug auf ihre Umgebung befinden, diese Menschen in Bezug auf ihre Umgebung befinden, sondern auch einen mittleren Lichtwert im Vergleich zum dunkleren Motiv im Vordergrund damit wir die Themen gut lesen können. Der Rhythmus, der durch das in einer Reihe sitzende Motiv festgelegt wird , hilft dabei, unsere Augen über das gesamte Foto zu lenken unsere Augen über das gesamte Foto , ohne mit einem natürlichen Fluss zu kämpfen, sodass wir die Ausdrucksformen dieser Bilder sehen können Arbeitnehmer ohne andere Elemente um unsere Aufmerksamkeit konkurrieren. Hier ist das letzte Foto von On-Time Moose Coal für National Geographic. Unter allen Prinzipien im Spiel, was wirklich stark auffiel oder die Balance, Proportionen und Harmonie. Um die Balance besser zu sehen, können wir zwei Linien zeichnen, um das Bild vertikal und horizontal in zwei Hälften zu teilen . Wenn wir das tun, sehen wir, wie Andre ein asymmetrisches Gleichgewicht eingesetzt hat. Jede Hälfte ist ähnlich, aber nicht genau spiegelbildlich zueinander. Dies ist eine sehr einfache und direkte Form der Verwendung eines asymmetrischen Gleichgewichts. Und damit können wir herumspielen , um unterschiedliche Effekte zu erzielen. Als nächstes Proportionen. Der Taucher und der Stachelrochen sind im wirklichen Leben beide in der gleichen Tiefe. Aber wenn Sie das Foto auf diese Weise auf Play komponieren, können Sie die Größe eines erwachsenen Menschen in Bezug auf den Stachelrochen besser vermitteln . Viel langer Schwanz hat er. Also wow. Und schließlich haben wir Harmonie. Zwei Formen der Harmonie spielen hier eine Rolle. Erstens ist die Harmonie zwischen der Farbe des Sandes und des Motivs. Weil das Fotografieren dieses Fotos unter Wasser das Bild und den gesamten bläulichen Ton ergibt. Es verschmilzt das Thema mit der Umgebung, ohne miteinander zu kollidieren. Und dies geschieht unter Beibehaltung eines ausreichenden Kontrasts, damit wir das Bild lesen können. zweite ist zwischen dem Taucher und dem Stachelrochen. Die Farben sind so ähnlich, dass sie sich unterschiedlich anfühlen, aber eins in derselben. Wenn wir genau hinschauen, die Muster sowohl auf einem Taucheranzug dem Stachelrochen ähnlich. Nachdem unsere Augen darauf trainiert wurden, Kompositionen und Fotos zu sehen, werfen wir einen Blick auf dieselben Konzepte, die auch auf Apps und Websites angewendet werden. An erster Stelle steht DoorDash. Wenn wir hungrig sind und nach einem Restaurant suchen, um bei Will zu bestellen, kommen wir unauslöschlich auf diese Seite. Was hier so gut funktioniert, ist die Verwendung von Proportionen und Betonung. Proportionen helfen unseren Augen automatisch auf den Restaurantbereich zu lenken. Dies liegt daran, dass der wichtigste Inhalt die größte Größe hat, während die weniger wichtigen Teile weniger Platz beanspruchen. Die komplizierte Ausgewogenheit der Proportionen hilft unseren Augen auch dabei, auf natürliche Weise zu fließen und den Inhalt von oben links nach unten rechts auf der Seite zu scannen den Inhalt von oben links nach unten rechts auf der Seite ohne Elemente zu haben Pfeiffer unnötige Aufmerksamkeit miteinander. Interessant dabei ist, dass die Navigationselemente oben und die Filterelemente links nur verschwinden, bis wir nach ihnen suchen wollen. Das ist die Aufgabe der Harmonie hier. Indem Sie die Hintergrundfarbe bis zu den Filtersteuerelementen durchbluten lassen und dem Warenkorb Schatten hinzufügen, entsteht eine visuelle Tiefe. Diese Tiefe hilft unseren Augen auch festzustellen, welcher Inhalt wichtiger ist. Das zweite Beispiel hier ist Netflix. Dieser ist interessant, weil es so aussieht, als ob viel passiert. Aber was es wirklich ist, ist eine einfache Balance. Wenn wir den Screenshot in die Hälfte teilen, können wir deutlich sehen, wie Netflix eine symmetrische Balance verwendet , um unseren Augen bei diesem Titel zu helfen. Diese Behandlung hilft der Feature-Show oder dem Film, im Mittelpunkt zu stehen, ohne dass das Bild mit dem Filmtitel kämpft, aber das Layout auf diese Weise auszugleichen , wird nicht nur im Vollbildmodus immersiv sein, aber dem natürlichen Fluss des Lesens folgen. Unsere Augen lesen natürlich den Titel und gehen dann zum Bild, um zu sehen ob wir uns das Ganze ansehen möchten. Wenn wir möchten, können wir auf „Spielen“ klicken und das Spielen beenden. Wenn wir dies nicht möchten, können wir trotzdem die anderen Angebote erkunden , indem wir weiter nach unten scrollen. Beachten Sie, dass diese Art der Organisation des asymmetrischen Layouts auch unten bestehen bleibt. Endlich haben wir Spotify. Können Sie erraten, welche Prinzipien uns helfen, das Layout besser zu lesen? Wenn Sie Kontrast, Muster, Rhythmus und Proportionen erraten , richtig? Aber eine Sache, die von allen interessant ist , ist der Rhythmus. Die meisten Leute verpassen das. Aber genau wie Musik haben visuelle Designs einen visuellen Rhythmus, der unserem Gehirn hilft zu verstehen, was es sieht, wenn es richtig eingesetzt wird. Schauen Sie sich die Liste der Songs auf der Benutzeroberfläche an. Die Spaltenbreite, die Zeilenhöhe, Abstand zwischen den Zeilen, die Schriftgröße und die Farben sind konsistent. Dadurch entsteht ein Muster und ein Rhythmus. Ohne eine visuelle Anzeige wie eine Linie in jeder Zeile zu haben. Unsere Augen und unser Gehirn haben kein Problem damit zu verstehen, was eine einzelne Zeile in welchem Album mit welchem Songtitel zusammenhängt. In interaktiven Medien wie diesem kann der Rhythmus sowohl in der X- als auch in der Y-Achse festgelegt werden , um einen horizontalen und vertikalen Rhythmus zu bilden. Die Beherrschung dieser Fähigkeiten kann uns helfen mit viel komplexeren Designs umzugehen. Stellen Sie sich vor, wir werden gebeten, die Produktseite von Amazon zu gestalten. Und unser Design muss eine beliebige Anzahl von Produkten unterstützen , von einem bis potenziell unendlich. Rhythm hilft unseren Kunden, mithilfe visueller Hinweise besser zu lesen, was auf der Seite steht , ohne sie zu überladen. Wir haben uns ein Feldlayout und Kompositionsbeispiele von Fotos bis hin zu interaktiven Medien angesehen . Aber es gibt wirklich nur zwei Dinge, an die man sich erinnern sollte. Ihre visuelle Bibliothek aufzubauen, um gute Layouts und Kompositionen zu erstellen, müssen wir zunächst gute Layouts und Kompositionen das Langzeitgedächtnis der Menschen nutzen. Je mehr Beispiele Sie im Kopf haben, desto besser gestalten Sie. Zweitens: Üben, üben. Üben. Design ist eine handwerkliche Fähigkeit. So sehr es auch eine Denkfähigkeit ist, je mehr Sie wiederholen, desto besser werden Sie. 8. Kapitel 7 – Icons und Bilder: Es gibt ein Sprichwort: Ein Bild sagt mehr als tausend Worte. Hinzu kommt, dass ein Bild auch tausend Bedeutungen haben kann. Ein Bild kann eine Ikone als symbolische Metapher sein, um Ideen, Objekte und Menschen darzustellen . Es kann auch ein Foto oder Bild , um die Realität der Menschen visuell darzustellen. Aus diesem Grund eignen sich Bilder hervorragend, um komplexe Ideen durch komplizierte Grafiken und historische Zusammenhänge zu erklären komplexe Ideen durch . Da Symbole und Bilder einem Stück eine starke Bedeutung verleihen können , werden wir uns jetzt ansehen, wie sie in unseren Designs anwenden können. Wie wir in der Topographie-Lektion gesehen haben, die frühesten Schreib- und Kommunikationsformen begannen die frühesten Schreib- und Kommunikationsformen als Piktogramme. Lassen Sie uns sehen, was wir aus der Geschichte lernen können, und verstehen, wie sie heute zur gängigen Praxis wurden . Das bekannteste Beispiel, in dem Höhlenmalereien in der Lascaux-Höhle in Frankreich gefunden wurden. Was es besonders machte, die komplizierte Dokumentation von Tieren, die vor langer Zeit existierten. Eine weitere berühmte Bindung war die Altamira-Höhle in Spanien. Hier erfahren wir, wie das Leben der Menschen in der Altsteinzeit aussah, von ihrem Alltag bis zur Jagd. Interessant ist, dass die Zeichnungen eigentlich nicht miteinander verbunden sind und miteinander korrespondieren. Denn ursprüngliche Formen des Schreibens sind nur eine symbolische Repräsentation von Ideen. Mensch und Technologie entwickeln sich weiter. Und es bestand Bedarf an einer robusteren Form des Schreibens und der Kommunikation. Die Piktogramme entwickeln sich zu Darstellungen von Klängen und Buchstaben, die wir heute haben. Die Idee, Symbole, Illustrationen und Bilder zu verwenden , bleibt jedoch bestehen. Das Alkin von ihnen hat sich gerade weiterentwickelt. Wir finden sie als Videos und Fotos auf Instagram, um Icons und Illustrationen auf unseren Lieblingswebsites zu vektorisieren . Es gibt nur einige Dinge, die nicht mit Worten beschrieben werden können. Bei einem Blick in die Vergangenheit haben wir gesehen, dass Ikone, Illustrationen und Bilder gute Möglichkeiten sind , einen Moment in der Zeit festzuhalten und eine Geschichte zu erzählen. Mal sehen, wie sich diese Methode des Geschichtenerzählens in der heutigen Zeit entwickelt hat. An Bildern, die in der heutigen Zeit verwendet werden, mangelt es nicht. Die köstlichen Bilder und Menüs, die uns nur noch hungriger machen. Ein atemberaubendes Foto, das eine fesselnde neue Geschichte erzählt. Zwei Fotos eines Standorts in Google Maps, die uns über unseren korrekten Standort informieren. Die Verwendung von Bildern Kombination mit anderen Layoutformen ist sicherlich ein effektives Kommunikationsinstrument. Um zu verstehen, wie wir diesen Effekt voll ausnutzen können, müssen wir zuerst verstehen, welche Geschichte wir erzählen. Die Geschichte dient letztendlich als Richtlinie, um das Erlebnis unseres Publikums voranzutreiben. Unsere Geschichte kann in Form eines Nachrichtenartikels, einer E-Commerce-Website oder einer App existieren . Der Held unserer Geschichte ist immer unser Benutzer. Wir müssen seine Reise und seine Aufgaben verstehen . Sei es, an den richtigen Ort zu gelangen, den richtigen Gegenstand zu kaufen oder eine neue Fähigkeit zu erlernen. Es ist unsere Aufgabe als Designer , den Helden bei der Erfüllung der Anfrage zu helfen. Sobald wir die Geschichte verstanden haben, können wir uns ansehen, wie wir die Geschichte strukturieren und abwägen, was wir für die Kommunikation mit Bildern und Texten verwenden . Nehmen wir ein Beispiel für Google Maps. Nutzer von Google Maps möchten neue Orte erkunden oder auschecken, ob ein Restaurant einen Besuch wert ist. Texas, der beste Weg, uns die Adresse und das Feedback mitzuteilen. Bilder zeigen besser, ob uns das Ambiente gefallen hat und wie Chile Jam Chicken aussieht. Ein anderes Beispiel ist der Artikel über die Umweltverschmutzung der New York Times India. Verwendung von Bildern aus der Perspektive von Mono und EMEA hilft dabei, die Geschichte persönlicher zu vermitteln. Dies ist besonders wichtig da der Artikel in Indien spielt, während ein großer Teil des Publikums der New York Times in uns verliebt ist. Verwendung aussagekräftiger Bilder wie diese hilft dem Publikum besser mit der Situation weit weg von zu Hause in Beziehung zu treten. Wenn wir uns den Artikel genauer ansehen, könnten wir auch eine interessante Verwendung von Farbe erkennen. Die New York Times entschied sich dafür, die Farben mit den Bildern übereinstimmen zu lassen , was zu einem harmonischen Design führt. Dies ist eine Technik , die Sie ausprobieren sollten, wenn Sie sich in Situation befinden, in der die Bilder mit den Farben Ihrer Benutzeroberfläche kollidieren. N, das sind einige Möglichkeiten, Bilder in Verbindung mit unseren Layouts zu verwenden . erweitern die Konzepte von Bildern und schauen uns nun an, Wir erweitern die Konzepte von Bildern und schauen uns nun an, wie man Symbole und Illustrationen auf unsere Layouts anwendet . Wenn wir uns ein anderes Beispiel der New York Times ansehen, können wir sehen, dass Planeten und Satelliten Symbole und Illustrationen darstellen. Die Satelliten, die den Planeten umkreisen , helfen dem Publikum zu sagen, wo sich die Satelliten in Bezug auf den Astralkörper und seine Flugbahn befinden. Das gleiche Symbol, sowohl in der Abbildung als auch in der Legende, hilft dem Publikum, sie gemeinsam zuzuordnen. Eine Sache, die Sie bei der Verwendung von Icons und Illustrationen oder Details und Lesbarkeit beachten von Icons und Illustrationen sollten. Die Größe eines Symbols oder einer Illustration ist proportional zu der Menge an Details, die wir benötigen damit das Publikum besser lesen kann. Der Grund dafür ist, dass unser Speichersystem, erinnert an das Kapitel Laos und Komposition, eine bestimmte Menge an Informationen in einer bestimmten Größe erwartet , damit Sie verstehen, was Ihre Augen sehen. Wenn das Objekt größer ist, sagen wir Jupiter, reicht es nicht aus, die richtige Farbe zu haben. brauchen den berühmten roten Kreis und den sich bewegenden Sturm, um unserem Publikum, dem Stern und dem Planeten zu helfen . Aber etwas so Kleines wie der Satellit, wie die Voyager, reicht aus, um nur eine Silhouettendarstellung zu haben , damit unser Publikum weiß, was dieser Satellit ist. mehr Details haben, wird es tatsächlich schwieriger zu lesen sein, da die ikonische Form nicht mehr erkennbar ist. Weil Ikonen und Illustrationen Abstraktionen von realen Dingen sind. Ein blauer Farbstoff kann Erde oder eine blaue Murmel bedeuten. Es ist wichtig, bei der Erstellung einen hohen Kontrast und eine hohe Lesbarkeit zu gewährleisten. Sonst wüsste niemand, was es ist. Deshalb können Symbole und Illustrationen kraftvolle Geschichten erzählen, die mit einem Foto dargestellt werden können, wie sich das Eis in der Antarktis hier bewegt. Seien Sie vorsichtig bei der Verwendung von Symbolen, die in verschiedenen Kulturen unterschiedliche Bedeutungen haben können. Symbolik ist stark kontextabhängig. Einige Symbole oder Bilder sind an einer Stelle in Ordnung, an einer anderen jedoch möglicherweise nicht in Ordnung. Dinge wie religiöse Symbole sind Figuren, die sehr sensibel und kulturell sinnvoll sind. Verwenden Sie keine Symbole, die sich auf die kulturellen Werte der Menschen beziehen, sondern verwenden Sie allgemein anerkannte Symbole. Bilder, Symbole und Illustrationen sind allesamt leistungsstarke Medien , die Sie zu Ihren Designs hinzufügen können. Wenn Sie das nächste Mal eine App durchgehen, achten Sie darauf, wie sie Symbole und Bilder verwenden , um Sie durch ihren Flow zu führen. 9. Kapitel 8 – Visuelle Kommunikation: Wir sind jetzt am Ende der Level-0-Einführung in das Design angelangt. Was für eine Reise, die wir durchgemacht haben. Aber es gibt nur noch eine Sache für euch alle. Hier. Wir behandeln ein Konzept , das Ihnen hilft , alles Gelernte zusammenzustellen. Was genau ist visuelle Kommunikation? Visuelle Kommunikation ist eine Methode zur Darstellung von Informationen, um durch Design effektiv Bedeutung zu schaffen. Dies kann sowohl in elektronischen als auch in Printmedien erfolgen. Es gibt verschiedene Möglichkeiten, Informationen in einem grafischen Format darzustellen . Dazu gehören Infografiken, die Daten in Bilder übersetzen, interaktive Inhalte, mit denen Benutzer physisch oder digital interagieren, und Bewegungsgrafiken, die eine Geschichte durch Bewegung vermitteln. Es kann auch auf Sachwerte und Ergebnisse wie Branding- und Identitätspakete, Präsentationsfolien oder Poster und Beschilderung angewendet Ergebnisse wie Branding- und Identitätspakete, werden. Wir können beginnen zu sehen, wie die vergangenen Lektionen wie Typografie, Farben und Layouts im Kontext angewendet werden. wir nun wissen, was visuelle Kommunikation ist, wollen wir herausfinden, wie wir sie nutzen können, um die Bedeutung von Ideen und Konzepten zu kommunizieren. Die Welt wird von einem endlosen Strom von Informationen, Ideen und Konzepten überschwemmt . Diese können auf viele verschiedene Arten durch Schreiben, Konversationen und Visuals vermittelt werden. Schauen wir uns jedoch die Vorteile der visuellen Darstellung von Informationen genauer an . Wenn wir jemandem beibringen wollten, wie man Fenster zeichnet, könnten unsere Anweisungen ungefähr so aussehen. Zeichne ein Quadrat, zeichne eine horizontale Linie über die Mitte des Quadrats, zeichne eine vertikale Linie in der Mitte des Quadrats. Obwohl diese Anweisungen ziemlich einfach sind, besteht die Gefahr, dass sie falsch interpretiert werden. Die andere Möglichkeit besteht darin, die Anweisungen mit ähnlichen visuellen Darstellungen zu begleiten . Zeichne ein Quadrat, zeichne eine horizontale Linie über die Mitte des Quadrats, dr vertikale Linie über die Mitte des Quadrats. Haben Sie bemerkt, dass die Unterschiede in der Art und Weise, wie die Anweisungen genau gleich wiedergegeben wurden , am schlechtesten für die Verwendung mit nur dem Hinzufügen von Grafiken als Ergänzung. Gründen der Klarheit. Gehen wir noch einen Schritt weiter. Wenn wir die schriftlichen Anweisungen vollständig entfernen und nur Anleitungsgrafiken verwenden, ist dies dennoch sinnvoll. Und deshalb ist visuelle Live-Kommunikation so wichtig. Es verleiht komplexen Ideen Klarheit und lässt wenig Raum für Fehlinterpretationen. Visuelle Kommunikation bedeutet nicht einfach , Grafiken mit Texten zu belasten. Damit ist ein Zweck verbunden, der uns hilft, Designgeschichten zu erstellen. Die beiden Schlüsselfaktoren, unser Publikum und unsere Kontexte. Zunächst einmal das Publikum, unser Publikum oder die Menschen, an die sich unser Produkt, Dienstleistung oder unsere Medien richten. Und wenn wir verstehen, wer sie sind können wir unsere Kontexte besser ins Visier nehmen. Später. In der Eröffnungs-Titelsequenz aus der James-Bond-Serie, Quantum of Solace. An wen richtet sich diese Titelsequenz Ihrer Meinung nach? Sind sie für die Fans der James-Bond-Franchise oder für die neuen Zuschauer? Der Titel ist den Fans der Serie bekannt , wurde jedoch auf moderne Weise erstellt, um neue Zuschauer anzusprechen, ohne zu wissen, für wen er gedacht ist. Diese Titelsequenz kann in viele Richtungen geführt werden , die sich möglicherweise nicht mehr wie ein James-Bond-Film anfühlen. Das bringt uns zum nächsten Faktor. Kontexte. Kontexte definieren die Umgebung oder Situation, in der etwas passiert. Dies gilt für Produktdesign oder Ideen im Allgemeinen, Beispiel der Marke Starbucks. Wenn wir zeigen möchten, wie die Markenvisuals waren, müssen wir sie in dem Kontext anwenden , der von der Benutzer. Wenn man es in einen Kontext stellt, was im Wesentlichen ist, wird eine abstrakte Marke zuordenbar und verständlich. Indem wir unser Publikum und unsere Kontexte definieren, können wir die in früheren Lektionen erlernten Grundlagen anwenden , um unser Publikum durch unsere Arbeit zu führen. Lassen Sie uns eine kleine Zusammenfassung machen. Wir haben gelernt, was visuelle Kommunikation ist, warum sie wichtig ist und wie man sie verwendet, um eine Geschichte zu erzählen. Jetzt ist es an der Zeit all Ihr Designwissen in Ihre Arbeit einzubeziehen.