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.