Transkripte
1. Kursinhalte: Hallo und willkommen zu meinem Video über Typografie. In dieser Klasse werden wir mit dem Erlernen der wichtigsten typografischen Begriffe und deren Definitionen beginnen. Und wir gehen auf acht, typografische Rose, um sowohl Ihre Typografie als auch Ihre Design-Fähigkeiten auf die nächste Stufe zu bringen. Beenden Sie die Klasse mit einem Projekt,
in dem Sie alle Bits, die Sie während des Videos gelernt haben, in die Praxis umsetzen können . Beginnen wir also mit der Definition der Topographie. Topographie ist die Kunst, geschriebene Sprache lesbar, lesbar und ansprechend zu machen. Was ist der Unterschied zwischen lesbar und lesbar? Ich höre Sie fragen, naja, lustig genug, ist die
Lesbarkeit definiert als klar genug, um zu lesen. Hören Sie mich auf. Zum Beispiel ist der Typ auf der linken Seite viel lesbarer als der Typ auf der rechten Seite. Und wie für lesbar, wo alle diese Absätze lesbar sind, lesen
sie nicht in der beabsichtigten Weise. Durch die Organisation des Textes sind
sie viel lesbarer.
2. Tracking und Kerning: Durch das Nachverfolgen in Kerning bezieht sich auf den Abstand zwischen Zeichen. Aber es gibt einige Unterschiede, die ich erklären werde. Kerning ist speziell der Abstand zwischen einem Paar von Zeichen. Zum Beispiel haben diese a und V keine Kerning. Und Sie können sehen, dass die Oberseite der VA mit der Basis des a ausgerichtet ist. Aber wenn Sie Kerning hinzufügen, überlappt
die Oberseite der VA nun die Basis des a. Und mit Kerning können Sie Zeichen entweder weiter auseinander
schieben oder sie näher beieinander. Zum Beispiel, hier ist Welle ohne Kerning und dann Welle mit Kerning. Es gibt einen ziemlich großen Unterschied. Also wurde Kerning zwischen dem W und dem a, dem a und
dem v und dem V
und dem a hinzugefügt dem v und dem V ,
wobei die Kerning angepasst und speziell für ein Paar von Zeichen geeignet ist. Trucking ist ein konstanter Abstand, der zwischen allen Zeichen in einem größeren Textblock festgelegt ist. Oft wird Tracking verwendet, anstatt in größeren Textblöcken zu koppeln, da es zu lange dauern würde, jedes Paar von Zeichen einzeln zu zählen. Um den Unterschied zwischen Tracking und Kerning iRemember Token zu Zeichen zu erinnern, sind freundlich.
3. Führen: Lesen ist die Größe des Speicherplatzes von der Basislinie zu der Basislinie. Die Kreditvergabe ist ein wesentlicher Bestandteil der Topographie, da sie sich
direkt auf die Lesbarkeit Ihrer Arbeit auswirkt. Zum Beispiel ist dieser Absatz zusammengefügt und es gibt nicht viel Ledi, aber nur ein wenig Kreditvergabe erhöht die Lesbarkeit enorm. Es gibt tatsächlich eine einfache Formel, die ich jedes Mal für die Berechnung meiner Hochzeit verwende. Es ist Schriftgröße plus Ihre Schriftgröße geteilt durch vier. Und es funktioniert wie Magie. Du fühlst dich wie ein Mathe-Genie Washer da drin.
4. Rags: Prags des unebenen Zeitalters des Textes. Zum Beispiel ist in diesem ersten Absatz der Lappen auf der rechten Seite glatt und gestreift. In diesem zweiten Absatz ist
der Lappen jedoch Jaggard, sein Zickzack ist einfach schrecklich. Wenn Sie Ihren Lappen richtig machen, können Sie Ihre Lesbarkeit und die Attraktivität Ihres Textes erhöhen. Und es gibt nichts Schlimmeres als Designer, das bemerkt ein schlechtes Rack. Dies sind die drei wichtigsten Möglichkeiten, die ich meine eigenen korrigieren. Zuallererst verwende ich Bindestriche. Ich kann das Wort aufteilen, und das wird das Problem oft beheben. Zweitens, ich werde meine Spalte es anpassen. Und drittens kann ich meinen Text anpassen,
mein Exemplar, um ein kürzeres oder längeres Wort zu enthalten, kann den Lappen ansprechender aussehen lassen.
5. Witwen und Waschen: Ja, ich mach keine Witze. Witwen und Waisen sind typografische Begriffe. Eine Witwe ist eine sehr kurze Zeile in der letzten Zeile eines Absatzes. Und eine Waise ist eine sehr kurze Zeile in der ersten Zeile einer neuen Spalte oder Seite. Witwen und Waisen oder ein Problem in der Typografie weil sie die Lesbarkeit eines Textes stören. In diesem Artikel gibt es einige Beispiele für Witwen und Waisen. Die sehr kurze Zeile am Ende des ersten Absatzes ist eine Witwe. Und das einzelne Wort in der zweiten Spalte ist ein, oft, es sieht ziemlich einsam aus, nicht wahr? Diese Worte sehen unzusammenhängend aus dem Rest ihres Textes ist, wenn es einen nachträglichen Gedanken. Korrektur Ihrer Witwen und Waisen ist der gleiche Vorgang wie die Korrektur Ihrer Lumpen. Sie können eine gestische Spaltenbreite mit Silbentrennung versehen, in der Sie Ihre Kopie anpassen können.
6. Left: Dies ist ein einfacher Tipp, aber einer der effektivsten. Es ist kein Zufall, dass alle Zeitungen, Bücher und Website-Artikel mit linksbündigem Text geschrieben werden. In der westlichen Welt lesen
wir von oben nach unten, von links nach rechts. Es ist Teil unserer Natur geworden, wenn Sie
eine Zeile gelesen haben , um zur linken Seite des Absatzes zurückzukehren. Mit Text nach rechts ausrichten. Wir kehrten zur linken Seite des Absatzes zurück und unsere Augen haben ein unbewusstes Rührei, um zu versuchen, das nächste Wort zu finden, um die Lesung weiterzuführen. Letztendlich erhöht linksbündig die Lesbarkeit unserer Topographie. Und das ist der Schlüssel, um unsere Botschaft an den Leser weiterzuleiten.
7. Schriftgewicht: Wenn Sie verschiedene Schriftgewichtigkeit verwenden, sollten
Sie immer versuchen, warten zu lassen. Zum Beispiel, mit Licht und Fett als warten Paarung. Sie sollten dies tun, weil es Kontrast hinzufügt, was ein Schlüsselelement im Design ist. Es führt auch die Hierarchie ein. Dies ist die Art und Weise, in der der Betrachter um die Seite geführt wird. Wenn beispielsweise Text derselben Größe vorhanden ist, liest
der Betrachter am ehesten vorab fett formatierten Text. Es ist wie ein Gegenstück. Überspringen des Gewichts zeigt auch Ihre Absicht. Wenn Sie fett und normal oder unregelmäßig und leicht sind, sind
diese sehr ähnlich und manchmal kann der Leser sie als Fehler sehen. Wenn Sie erwarten und fett und hellen Text verwenden, dann ist der Unterschied viel deutlicher. Und es zeigt Absicht.
8. Schriftgröße: Bei Verwendung unterschiedlicher Schriftgrößen verwenden
wir runde Zahlen, wenn Sie nach oben oder unten skalieren. Zum Beispiel ist dieser Text 82,
w, das ist 164. Und wieder, 328. Ähnlich wie unsere Schriftlichter tun
wir dies für die Kontrasthierarchie. Und um die Absicht zu zeigen. Wo sich diese beiden Schriftgrößen nur geringfügig unterscheiden, könnte
sie vom Leser als Fehler interpretiert werden. Durch das Festhalten an runden Zahlen, Verdoppelung,
Verdreifachung oder Vervierfachung, macht es die Entwürfe klar.
9. Raster und Layout: Als ich das erste Mal über das Gittersystem und die Konstruktionsraster im Allgemeinen erfuhr, wurde
ich weggeblasen. Es war wie eine Formel für ein perfektes Layout jedes Mal. Hier ist ein Beispiel dafür, was die Verwendung von Grid für Ihr Design tun kann. Nehmen Sie dieses Textmodell einfach, indem Sie den gleichen Inhalt in ein Raster einfügen. Es wird organisiert. Es ist leicht für das Auge, und es verbessert sicherlich die Lesbarkeit. Ein ähnliches Konzept wie das Rastersystem besteht darin, Ihren Inhalt an der Achse auszurichten. Zum Beispiel. Dies sind meine Titelfolien, die ich für diese Videos erstellt habe. Sie können sehen, dass mehrere Elemente auf die eine oder andere Weise ausgerichtet sind. Dies trägt dazu bei, einen Gesamteffekt
aller Elemente zu erzielen , die als Teil des Designs zusammenarbeiten. Sobald Sie diese Videos fertig sind, auf jeden Fall, schauen Sie sich Designraster an, weil es
die Art und Weise verändert hat , wie ich über Layout und Präsentation meiner Arbeit denke.
10. Eine Schrift: Dies ist ein weiterer einfacher Tipp, aber definitiv nicht einen zu übersehen. Verwenden Sie eine Schriftart. Eine Schriftart erhöht die Lesbarkeit des Designs, Lesbarkeit und die Konsistenz. Font Paarungen, Mischen von zwei Fonds, die sich gegenseitig ergänzen, kann effektiv sein, wenn gut gemacht. Aber um zu beginnen, empfehle ich, eine Schriftart zu beherrschen.
11. Weißraum: Leerraum oder negativer Raum ist der Teil eines Versuchsplans, der leer gelassen wird. Es hilft, grafische Elemente zu trennen. Bei effektiver Nutzung kann der Leerraum wichtige Aspekte Ihres Designs hervorheben. Es kann die Lesbarkeit und die Attraktivität erhöhen. Whitespace ist ein visueller Atemraum und erleichtert
es dem Betrachter, Informationen zu verdauen. Hier ist ein Beispiel für Leerzeichen, die gut verwendet werden.
12. Nähe: Nähe zeigt Beziehung an. Dies bedeutet, dass zwei Elemente, die nahe beieinander liegen, als verwandt betrachtet werden. Zum Beispiel sind hier zwei Blöcke von Kreisen, die durch Farbe getrennt sind. Und hier sind die gleichen zwei Blöcke mit ein paar Kreisen umgeschaltet. Wir gruppieren nun durch die Position oder die Nähe statt die Farbe. Ein weiteres sehr häufiges Beispiel dafür ist in den Google-Suchergebnissen. Wir wissen, welche Informationen sich auf welche Website beziehen, denn wenn effektiv, Gruppierung.
13. Die Regeln brechen: All diese Tipps und Tricks sind gute Faustregeln und wer dazu beigetragen hat,
lesbare und ansprechende Topografie zu schaffen . Aber Sie hätten gehört, dass die Sprichregeln gebrochen werden, und dies gilt für Typografie Zwei, indem Sie einen Standardsatz von Zeilen brechen, können
Sie Ihnen helfen, Design heben sich vom Rest ab. Hier sind einige Beispiele für den Regelbruch in der Topographie. Sobald Sie zuerst anfangen, die Straßen zu meistern und sie zu brechen, werden
Sie sich in einem Zyklus zwischen den beiden finden, indem Sie Rose verwenden , Regeln
brechen, Regeln verwenden, und so weiter und so weiter.
14. DAS PROJEKT: Bevor wir also direkt in das Projekt eintauchen, lassen Sie uns einfach zusammenfassen, was wir heute gelernt haben. Also begannen wir, indem wir Tracking und Kerning betrachteten. Wir schauten uns an, Lumpen, Witwen und Waisen zu lassen. Dann gingen wir zu den goldenen Regeln der Topographie, wie Linksausrichtung, Schriftgewicht, Schriftgröße, Gitter und Layouts. Und wir haben uns auch die Verwendung einer Schriftart, die Verwendung von Leerzeichen, Nähe und schließlich die Regeln gebrochen. Und das ist viel in knapp 15 Minuten. Danke, dass du bei mir bleibst, aber wir sind noch nicht fertig. Nächstes Mal für das Projekt, in den Projektfeinden unten, habe
ich einige meiner eigenen Fotos und einige Beispieltexte hinzugefügt. Fühlen Sie sich frei, diese oder einige Ihrer eigenen zu verwenden. Versuchen Sie, einige typografische Layouts zu erstellen, Text und Bilder zu
mischen, und seien Sie geduldig. Es kann ein paar Versuche dauern, etwas zu bekommen, mit dem du glücklich bist. Hier ist etwas, das ich zusammengestellt habe, wenn dies alle Elemente betrachtet werden, die wir heute durchgemacht haben. Und wenn Sie diese coole Grafik verwenden wollen, die ich aus Ihrer Komfortzone gemacht
habe und fühlen Sie sich frei. Sie können das auch mit den Bildern im Beispieltext herunterladen. Fühlen Sie sich frei, von meinem eigenen Design zu arbeiten, oder Sie können sich etwas völlig Neues einfallen lassen. Denken Sie daran, Patrick-Klassen zu sehen, wenn Sie stecken bleiben oder wenn etwas nicht richtig
aussieht und definitiv Ihre Projekte mit mir teilen, würde
ich gerne sagen, was jeder einfällt. Vielen Dank für Ihr Kommen und ich wünsche Ihnen alles Gute auf
Ihrer Reise , um ein Topografie Großmeister zu werden.