Verstehen der Web-Typografie (UI Design Bootcamp, Woche 2

1. Einführung: In diesem kurzen Modul werden wir uns mit der Typografie für das UI-Design für unser Projekt befassen . Diese Woche werden wir ein paar Schriften beschreiben und darüber sprechen. Um dies zu tun, müssen wir die Anatomie der Schrift kennen. Also werden wir über alle Schriften sprechen und wie man darüber spricht, wie man sie nennt. Dann schauen wir uns auch die Geschichte der Schriften an und wie verschiedene Schriften klassifiziert wurden. Schließlich werden wir anfangen, uns zu befassen, warum Sie sich für eine Schriftart und nicht für eine andere entscheiden könnten . Schriften machen fast Ihr gesamtes Design , wenn Sie ein UI-Design erstellen. Es ist also wirklich wichtig, dass Sie wissen, wie man mit ihnen arbeitet. Und bevor Sie anfangen können, mit ihnen zu arbeiten, müssen Sie verstehen, was sie sind. Sie müssen in der Lage sein, mit Ihrem Kunden darüber zu sprechen , und Sie müssen wissen, was Sie gerade sehen. Beginnen wir also mit dieser wichtigen Grundlage. 2. Typografie: Natürlich belegen Sie bereits einen Online-Kurs in Web-Typografie. Ich werde dich nicht allzu sehr darüber belehren , wie wichtig dieses Thema ist. Du weißt es schon , deswegen bist du hier. vielen Jahren, Oliver, oder? Einstein machte den sehr gültigen Punkt, dass das Internet zu 95% Typografie sei. Deshalb müssen wir wirklich, wirklich sicherstellen, dass wir das richtig machen. In den Jahren seitdem ist das Internet immer noch sehr voller Typografie, und das meiste davon ist ziemlich schlecht. Gute Typografie hat einige Auswirkungen auf die Effizienz und Effektivität unseres Online-Lesens, wirkt sich aber auch emotional aus. Wenn wir nun gute, abgerundete Designer sein wollen und Designs kreieren möchten, die einen einzigartigen Charakter haben , die die Markenbotschaft vermitteln. Aber wir möchten auch eine Website erstellen, die minimal ist. Dann möchten wir versuchen, all das andere Zeug in der Topographie zu vermitteln , all das andere Zeug in , denn technisch gesehen könnten wir eine Website erstellen, auf der Sie einfach tippen, vorausgesetzt, wir können Typografie gut genug verwenden, um sie vorausgesetzt, wir können Typografie gut genug verwenden zu vermitteln diese Branding-Nachricht, um Charakter zu haben, eindeutig zu sein und trotzdem lesbar zu sein. Dann ist das vielleicht alles was wir brauchen. Wir müssen es nicht mit anderen Teilen des Designs übertreiben. Ich finde es endlos faszinierend darüber, wie die Leute versuchen werden zu erraten, was es an Steve Jobs ist , die ihn dazu gebracht hat, solch erfolgreiche Software zu entwickeln. Die Leute werden sagen, nun, Apple stellt Produkte her, die einfach einfacher zu verwenden sind. Etwas, in dem ich persönlich keine Beweise sehe. Die Leute sagen, nun, Apple-Produkte fühlen sich uns vertraut und wohl. Sie sprechen mit uns auf eine Weise, wie wir verstehen, warum das zutrifft. Wir müssen dann noch einmal raten, wir müssen raten, oder wie hat Apple das gemacht? Wie hat Steve Jobs das gemacht? Und vielleicht waren es die Typenauswahl oder die Farben oder etwas, das mit den Layouts der Seiten zu tun hatte. Dann müssen wir noch einmal raten, welche Fähigkeiten hat Steve Jobs entwickelt, um das so gut zu machen? Nun, wenn wir dem Erfolg von Steve Jobs nacheifern wollten, anstatt drei Vermutungen hintereinander zu nehmen , um zu entscheiden, welche Fähigkeiten wir erlernen sollten. Wir könnten uns einfach seinen Lebenslauf oder seinen Lebenslauf ansehen. Und wir würden lernen , dass er Kalligraphie studiert hat, Schriften studiert hat. Das war die Fähigkeit, die er entwickelt hat, um so gut zu sein. Vielleicht ist das Studium der Topographie besser darin die wichtigen Details zu sehen , die andere Menschen vermissen. Vielleicht gibt es uns ein besseres Verständnis dafür, wie man Entwürfe als Ganzes anlegt. Vielleicht gibt es uns ein paar technische Einblicke. Es ist wirklich alles Spekulation. Wenn wir versuchen wollten, dem Gründer des erfolgreichsten Technologieunternehmens unserer Zeit nachzueifern dem Gründer des erfolgreichsten . Vielleicht möchten wir wenigstens ein bisschen über Typografie lernen. Es kann sich manchmal wie ein winziges unbedeutendes Detail anfühlen, ob eine Schriftart mit einer anderen funktioniert oder ob das genau die richtige Größe ist. Aber diese winzigen Details summieren sich. Und Typografie ist das meiste von dem, was wir auf einer Website oder einer Webanwendung betrachten , diese kleinen unbedeutenden, nervigen Details summieren sich und lassen uns unwohl fühlen und sie machen uns nicht wie es zu benutzen und das Produkt sich wie harte Arbeit anfühlt. Typografie ist der Ziegel und Mörtel der grundlegendste Baustein einer Website. Und es macht etwa 95% aller Websites und Anwendungen aus. Wenn Sie sich nicht sicher sind wie wichtig es ist, Topographie zu studieren, sollten Sie sich daran erinnern, dass der CEO des erfolgreichsten Technologieunternehmens unserer Zeit Typografie studiert hat. 3. Schriftart oder Schriftarten: In einigen Phasen dieses Kurses werde ich Ihnen einige Terminologie geben, ein paar neue Worte. Ein Glossar, wenn du willst. Dies ist eines dieser Videos. Wir werden definieren, was eine Schrift ist, was Topographie ist, was eine Schriftart ist und was eine Glyphe ist. Jetzt ist eine Schrift das Gesamtkunstwerk. Wenn Sie über Verdana aus der Luft sprechen, Times New Roman, sprechen Sie von einer Schrift. Eine Schriftart hingegen ist eine Software, die Sie auf Ihrem Computer installieren, damit Sie die Schrift verwenden können, wenn Sie beispielsweise eine Schrift in einer Designsoftware auf Ihrem Computer verwenden möchten . Sie würden auf eine Website gehen, der die Schrift verkauft wird, und Sie würden verschiedene Schriftdateien von Matt-Websites kaufen. Diese Schriftartdateien würden eine fett gedruckte Version einer Schrift und eine kursive Version der Schrift enthalten . Und jeder wird in einem Dateiformat wie einem Punkt T, T F oder einem Punkt-ETF oder einem Punkt mit OFF verfügbar sein T F oder einem Punkt-ETF . Diese Datei wird als Schrift bezeichnet. erinnern ist nicht allzu wichtig, sich an den Unterschied zwischen diesen beiden Begriffen zu , denn selbst wenn Sie in einem Designstudio arbeiten , rufen Sie oft die Schriftart und verwenden vielleicht beide Wörter austauschbar. Aber für den Rest dieses Kurses beziehe ich mich auf die Schrift mit dem richtigen Begriff. Die Schrift ist das Bildmaterial, die Schriftart ist die Datei. Ähnlich wie ein Lied ein Musikstück ist und ein MP3 eine Datei ist. Jemand hört vielleicht ein Musikstück und sagt, ich mag es wirklich, dass dieser MP3 nicht völlig ungenau ist, aber es gibt wahrscheinlich einen besseren Weg, dies auszudrücken. Man würde sagen, ich mag dieses Lied wirklich. Topographie ist möglicherweise zwei Dinge. Es wählt die Schrift aus. Und es ist auch, wie wir die Schrift, die verschiedenen Größen, Linienhöhen, Linienlängen verwenden die verschiedenen Größen, Linienhöhen, , aber auch wie und wann wir die fette Version der Schrift verwenden, ist Typografie die Entscheidungen, die wir haben machen, wenn wir die Schrift in nicht allzu ferner Zukunft verwenden , werden Sie ein typografisches System erarbeiten . Das ist Topographie. Sie werden auswählen, welche Schrift Sie verwenden, aber Sie werden auch Entscheidungen darüber treffen , wie sie verwendet wird. Während du diese Entscheidungen triffst. Sie sind Typ- oder Grafikdesigner oder Typograf. Und das letzte neue Stück Vokabeln, das ich dir geben möchte, ist das Wort Glyphe. Eine Glyphe ist das einzelne Symbol in einer Schriftdatei. Vielleicht möchten Sie dies als Buchstaben bezeichnen , aber das ist nicht ganz korrekt, da einige von ihnen Zahlen sind und einige von ihnen Grammatikpunkte sind, und einige von ihnen sind keines dieser Dinge. Glyph ist ein Begriff, den wir verwenden , um sie alle zu erklären. Eine Glyphe ist das einzelne Symbol in der Schrift in der Schriftdatei. Ob es sich um einen Buchstaben, eine Zahl, ein Grammatiksymbol oder irgendetwas anderes handelt. Eine Schrift ist das Kunstwerk. Verdana ist eine Schrift. Font ist die Datei , die Sie auf Ihrem Computer oder Ihrer Website installieren Ihrem Computer oder Ihrer Website , damit Sie auf diese Schrift zugreifen können. Typografie ist die Kunst eine Schriftart zu wählen und zu entscheiden, wie sie verwendet wird. Und eine Glyphe ist das einzelne Symbol in einer Schriftdatei. 4. Webtypografie: Bis vor kurzem wurden Web-Typografie und gedruckte Topographie genau gleich behandelt. Es gab eine Reihe von Büchern, eine Reihe von Tutorials. Jeder hat eine Art von Typografie gelernt, aber die Web-Typografie unterscheidet sich erheblich vom Drucken. Es gibt einige Einschränkungen bei der Web-Typografie. Insbesondere wird jede einzelne Schriftart, die Sie verwenden, das Laden Ihrer Webseite verlangsamen. Sie sind darauf beschränkt, nur Schriftarten zu verwenden , für die Sie Weblizenzen haben, was teurer sein kann. Es gibt einige Dinge , die bei der Web-Typografie einfach anders sind , wir müssen über die Render-Engine des Browsers nachdenken und wie sie auf dem Bildschirm aussehen wird , anstatt darüber nachzudenken der Drucker oder die Tinte, die wir verwenden. Und es gibt einige Dinge, die mit Typografie im Internet einfach besser sind , die Leute haben die Möglichkeit auf welcher Art von Bildschirm sie ihn lesen werden. Sie können tatsächlich die Größe des Typs steuern. Manchmal gibt es einige Regeln , die einfach anders sind. Zum Beispiel können übergroße Texte, wie Sie auf einer Zeitschrift sehen, doppelseitige Verbreitung. Auf einem Mobiltelefonbildschirm wird es nicht funktionieren. Die Regeln dafür, wie dieser Worker ganz anders ist, wenn der Text auf dem Computer des Benutzers gerendert wird, wissen wir nicht, ob etwas schief gehen wird. Wir müssen also im Rückfall programmieren und darüber nachdenken, was passiert, wenn eine Datei nicht geladen wird. Zum Beispiel könnte ein Benutzer eine unglaublich schnelle Internetverbindung haben . Ich werde eine unglaublich langsame Internetverbindung in der Print-Welt haben . Das wäre so, als würden sie es auf ganz andere Papierqualitäten drucken . Und natürlich gibt es das Problem, dass jeder Benutzer möglicherweise einen anderen Browser verwenden kann. Dies ist ein großes Problem für die Typografie, da die Browser zwar regelmäßig aktualisieren und sie mit vielen Rollen auf dem Laufenden bleiben. Manchmal mit so etwas wie Topographie , die Dinge oft vergessen und zurücklassen kann. Und manchmal können Browser sehr, sehr langsam neue Konventionen anpassen. Oder der Browser rendert unseren Typ nicht immer gut oder wie die Regeln ihn sagen, er sollte sie rendern. Wir können einem Computer nicht so vertrauen, wie wir unseren Druckern auf unserem Papier vertrauen können. Und wahrscheinlich der größte, wesentlichste Unterschied zwischen gedruckter Topographie und Web-Typografie ist, wenn jemand die typografischen Entscheidungen für ein Stück Printdesign trifft, Sie erhalten oft den genauen Text und dann liegt es an ihnen, ihn zu stylen und herauszufinden, wie er online auf die Seite passt. Das ist nicht möglich. Zeitungen drucken möglicherweise mehrere Artikel pro Tag. Normalerweise arbeitet der Designer, der Typograph, das System aus, bevor der Artikel geschrieben wird. Als Typograf. Für die Web-Typografie ist es Ihre Aufgabe, ein typografisches System zu erstellen , anstatt vorhandene Inhalte zu erstellen und zu erstellen. Sie müssen ein System erstellen, das für etwas andere Szenarien gilt etwas andere Szenarien gilt stellen Sie sicher, dass der Text immer gut aussieht. Sieht es gut aus, wenn die Überschrift zehn Wörter lang ist und wenn sie zum Beispiel ein Wort lang ist. Obwohl die absoluten Grundlagen dafür, was die Topographie lesbar macht und was sie gut aussehen lässt, in Print und Web gleich sind. Es gibt viele, viele Dinge , die ganz anders sind. Wir wollen Web-Typografie als völlig eigenständige Disziplin lernen . Einer der Hauptunterschiede besteht darin , dass die Topographie für das Web normalerweise entworfen wird, bevor wir den Inhalt und nicht danach haben . 5. Nicht verbale Kommunikation: Wenn Sie jemals an Verkaufsschulungen oder öffentlichen Vorträgen jeglicher Art teilgenommen haben, haben Sie den Kommentar wahrscheinlich gehört. 93% der Kommunikation sind nonverbal, obwohl das nicht gerade falsch ist, es ist eine übermäßige Vereinfachung. Es basiert auf einer Reihe von Experimenten, die 1972 von einem Typen namens Albert Mehrabian an der UCLA durchgeführt wurden. Mehrabian kategorisierte am schlechtesten, basierend darauf, wie negativ oder positiv sie klingen. Zum Beispiel ist das Wort Vergnügen wahrscheinlich ein ziemlich positives Wort, während das Wort Tragödie ein ziemlich negatives Wort ist. Mehrabisch kombiniert dann die Wörter mit positiven oder negativen Gesichtsausdrücken um zu sehen, wie sich die Menschen fühlen. Wenn sie zum Beispiel das Wort Tragödie hörte, aber als jemand einen ziemlich positiven Gesichtsausdruck hatte, versuchte Mehrabian dies auch, indem den Ton der Stimme variierte. Zum Beispiel könnte jemand ein ziemlich positives Wort wie Vergnügen sagen , aber in einem negativen Tonfall. Danach betrachtete Mehrabian die Daten und kam zu dem Schluss, dass 55% unserer Kommunikation auf visuellen Informationen, 38% auf dem Ton der Stimme und 7% auf dem tatsächlich angezeigten Wort beruhen 38% auf dem Ton der Stimme . Der Grund dafür, dass 93% der Kommunikation nonverbal sind, ist vielleicht eine übermäßige Vereinfachung, liegt darin, dass er nur getestet wie viel Emotionen kommuniziert wurden und überhaupt nicht wirklich Informationen . Er hat auch in etwas getestet, das nicht wirklich ein reales Szenario ist. Und natürlich hat ein einziges Wort, das aus dem Zusammenhang gerissen nicht viel allein nicht viel Bedeutung. Wenn wir mehrabischen Experimenten voll und ganz vertrauen, könnten wir zu dem Schluss kommen, dass die Art und Weise, wie Sie es sagen, wichtiger ist als das Wort, das Sie sagen. Aber wenn Sie einen ganzen Satz oder tatsächlich einen ganzen Absatz sagen würden, ist wahrscheinlich wichtiger, welche Wörter Sie wählen. Wenn wir uns jetzt unsere Websites ansehen, ist es wahrscheinlich ziemlich unfair zu sagen, dass unsere typografischen Entscheidungen wichtiger sind als die gewählten Wörter. Obwohl dieser Kommentar, 93% der Kommunikation nonverbal sind, ist eine massive, massive Übervereinfachung. Es ist wichtig , dass wir uns daran erinnern , dass eine große Menge an Kommunikation zumindest nonverbal ist zumindest nonverbal ist und ein großer Teil dieser nonverbalen Kommunikation emotional ist. Die Art und Weise, wie die Menschen über das Unternehmen und die Anwendung denken , die sie verwenden, wird weitgehend durch die typografischen Entscheidungen und nicht durch die verwendeten Wörter kommuniziert . Wenn wir möchten, dass ein Leser unserem Unternehmen vertraut und eine emotionale Verbindung fühlt, ist es wichtig, dass wir gute typografische Entscheidungen treffen. Weitere Forschungen fanden ähnliche Ergebnisse bei der Betrachtung des Gedächtnisses. Im Wesentlichen erinnern sich die Leute besser an die Bilder , als sie sich an die eigentlichen Wörter erinnern. Wenn wir möchten, dass sich die Leute daran erinnern, was wir geschrieben haben , wird wieder die Art des Graphen, Auswahl ausgewählt wird, wirklich wichtig sein. Einige Künstler, insbesondere abstrakte Künstler wie Jackson Pollock, glauben, dass Wörter eine ineffektive Darstellung von Fehlern darstellen. Dass sie eine schwache Form der Kommunikation sind , weil man sich auf die Bedeutung einer endlichen Anzahl von Symbolen, Wörtern und abstrakter Kunst verlassen muss, um auf einer tieferen Ebene authentischer zu kommunizieren. Denn sobald wir Wörter verwenden, werden sie falsch interpretiert und falsch dargestellt. Und deshalb vertrauen wir ihnen etwas weniger mit etwas wie Topographie indem wir die Kraft dieser unbewussten oder unbewussten Kommunikation nutzen. sich für Topographie mit viel Charakter entscheidet, hat etwas unglaublich Mutiges und Selbstbewusstes Eine Marke, die sich für Topographie mit viel Charakter entscheidet, hat etwas unglaublich Mutiges und Selbstbewusstes. Denn wie sehr sie es auch versuchen, sie setzen unbewusst Teile ihrer Persönlichkeit in diese Entscheidung ein. Und dieser kleine Teil ihrer Persönlichkeit kann keine Lüge sein. Während die Wörter, die sie damit schreiben möchten , ganz einfach Verbündet sein können. Aus diesem Grund glaube ich fest an die Theorie , dass es in der Fiktion mehr Wahrheit gibt als in Sachbücher. Wenn jemand eine Autobiografie schreibt, dann versucht man natürlich irgendwie von etwas in seinem Leben zu überzeugen . Aber wenn jemand Fiktion schreibt, gießen sie versehentlich seine wahre Persönlichkeit in das Buch ein. Ich denke, wir können durch das Lesen von Fiktion weit mehr über die menschliche Rasse lernen als durch das Lesen von Büchern über Anthropologie. Ebenso denke ich, dass Sie durch ihre typografischen Entscheidungen genauso viel von einer Marke lernen können durch ihre typografischen Entscheidungen genauso viel von als die Wörter, die sie darin schreiben. Es wäre absurd von uns zu vermuten , dass 93% der Kommunikation nonverbal sind oder sogar darauf hinweisen, dass die Topographie wichtiger ist als die gewählten Wörter, es sei denn, wir haben eine Bewerbung mit nur einem einzigen Wort in der Anwendung. Allerdings die nonverbale Kommunikation, Dinge wie Topographie oder Kommunikation auf einer ganz anderen Ebene. Sie kommunizieren auf emotionaler Ebene. Und das ist sehr wichtig für unsere Bewerbung. Wenn aus keinem anderen Grund, weil wir Nachrichten vertrauen auf emotionaler Ebene kommuniziert werden. 6. Anatomie des Typs: Verbesserung unseres Wortschatzes über Schriften. wird uns nicht nur besser machen mit der Schrift zu arbeiten, es wird uns auch besser machen, mit unserem Team zu kommunizieren oder mit unseren Kunden zu kommunizieren. Aus diesem Grund ist es wichtig, dass wir uns etwas Zeit nehmen, um alle Namen der Anatomie der Typografie zu lernen. Das erste, worüber man sprechen muss, ist, wie wir die Höhe definieren. Es gibt die Gesamthöhen der Glyphen in der Schrift, aber es gibt auch die Kappenhöhe, und so hoch sind die Großbuchstaben. Dann haben wir die x-Höhe. Dies ist die Höhe eines Kleinbuchstabens. Nicht unbedingt die genaue Höhe eines Kleinbuchstabens x, da manchmal verschiedene stilisierte Xs möglicherweise nicht genau mit der x-Höhe übereinstimmen. Wir denken besser daran die x-Höhe die Höhe der Kleinbuchstaben ist. Und wenn wir über die Höhe der Kleinbuchstaben sprechen , schließt dies nicht die Aufstiege und Abstiege ein. Dies sind die Bits, die Sie sich vorstellen können, wenn sie unter oder über der Linie liegen. Ein Kleinbuchstaben H hat beispielsweise einen Ascender, der über der x-Höhe des Kleinbuchstabens liegt. Und ein Kleinbuchstaben g hat einen Abstreißer , der unter den Kleinbuchstaben fällt. Wir beziehen uns auf die Zeile, der der Buchstabe der Strich war. Wir könnten also über die Strichbreite sprechen und darüber sprechen, wie breit die Linie ist. Die vertikale Hauptlinie wie bei einem Großbuchstaben T wird als Stamm bezeichnet. Alle horizontalen Linien wie die in der Mitte eines Großbuchstabens a werden als Querlatte bezeichnet. Alle Buchstaben, bei denen der Hauptstrich gekrümmt ist, wird manchmal als Wirbelsäule bezeichnet , zum Beispiel hat Großbuchstaben S eine Wirbelsäule. Die abgerundeten Bereiche wie auf einem O oder einem heißen Schüssel. Der geschlossene Bereich in der Schüssel wird als Zähler bezeichnet. Und wenn dieser Bereich wie ein E oder C geöffnet ist, nennen wir ihn einen offenen Zähler. Manchmal hat ich die Schrift diese kleinen Füße, diese Hüte, wir nennen sie Serifen. Und wenn es keine Serif hat, bezeichnen wir das Ende des Briefes als Terminal. Immer wenn die Serifen herausragen die Breite des Buchstabens leicht erhöhen, würden wir dies als Überschwingen bezeichnen. Und alle diagonalen Linien, wenn wir eine diagonale Linie haben die vom Buchstaben aufragt, nennen wir ihn einen Arm, und eine, die von einem Buchstaben zurückbleibt, nennen wir es eine Verzögerung. Lasst uns ein M und N oder ein H mögen, haben, was wir eine Schulter nennen, einen abgerundeten oberen rechten Teil des Buchstabens. Und ein Brief wie eine Warteschlange hat einen Schwanz, der herausragt. Manchmal kann die Schrift einige kleine dekorative Linien hinzufügen , die nicht erforderlich sind, um den Buchstaben zu identifizieren. Wir könnten das einen Schwamm nennen. Diese neuen Begriffe und unser Vokabular haben , um über unsere Schriften zu sprechen. Es wird es uns viel einfacher machen, Entscheidungen zu treffen und Gespräche zu führen. Zum Beispiel könnten wir sagen, dass Helvetica mit einer großen X-Höhe es bei geringer Größe lesbar machen könnte. Dies reduziert jedoch die Höhen des Aufstiegs in Kleinbuchstaben h. So sehen Kleinbuchstaben h und Kleinbuchstaben n viel ähnlicher aus. Wir könnten sagen, dass Futura zwar sehr einfache geometrische Formen verwendet , die ein O, ein E, a, C und ein ähnlich machen könnten . Es ist auch erwähnenswert, dass das SEA einen sehr großen Zähler hat, es deutlich anders aussieht als diese anderen Buchstaben. Eine serifenlose Schrift hat keine Serifen und hat daher keine Überschüsse. Wir können eine verdichtetere Version haben, die sie innerhalb von Schaltflächen oder Menüs viel geeigneter macht . Es gibt drei Beispiele für Gespräche, die Sie jetzt führen können, sei es in Ihrem eigenen Kopf mit Ihren Kunden oder mit Ihren Teamkollegen über Schriften, die Sie wahrscheinlich vor fünf Minuten hätten führen können. Werfen Sie einen Blick auf ein paar Schriften um Sie herum und identifizieren Sie die unterschiedliche Anatomie in jedem Buchstaben in der Schrift. Und sehen Sie, was die Vor- und Nachteile dieser Merkmale für jede Schriftart sind. lernen, über die Anatomie von Schriften zu kommunizieren , wird es Ihnen viel einfacher machen, Entscheidungen zu treffen, insbesondere mit einem Team. Verbringen Sie einige Zeit damit, sich mit diesen Worten vertraut zu machen. Jedes winzige Detail eines Briefes hat einen eindeutigen Namen. Oft verwenden Leute, die Schriften entworfen haben, diese Namen ziemlich oft. Als Typograf oder Webdesigner Sie sie wahrscheinlich nicht zu viel verwenden, aber es lohnt sich, ein wenig Zeit damit zu verbringen , diese zu lernen. Insgesamt interessieren wir uns wahrscheinlich mehr für die Eigenschaften der Schrift, die Gesamtform, wie breit sie sind, wie dick der Strich ist, was der Kontrast und die Dicke des Strichs ist, ob es Serifen hat oder nicht. Aber irgendwann wirst du all diese Wörter benutzen. Also stell sicher, dass du sie kennst. 7. Druckpresse: Im 15. Jahrhundert schuf ein deutscher Mann namens Johannes Gutenberg beweglichen Typ oder die Druckmaschine oder so zumindest die europäische Geschichte. Die Druckmaschine wurde natürlich viel früher in China erfunden. Das Problem in China ist, dass es einfach viel zu viele Charaktere sind , um nützlich zu sein. Es ist teuer, eine Druckmaschine zu erstellen, aber es ist auch sehr zeitaufwendig, alle Buchstaben anzuordnen. Und noch wichtiger ist, dass es viel schwieriger wird, die Größe der Buchstaben zu reduzieren. In Europa sahen die meisten Bücher um Gutenbergs Zeit so aus, ein Textstil, den wir heute als schwarzer Brief bezeichnen. Und man würde sehr, sehr selten sehen jemand dies mehr benutzt, abgesehen von Nazi-Deutschland , abgesehen von Nazi-Deutschland , das es als eine Art Ablehnung von etwas Neuem oder Modernem nutzte, weil sie gegen globalisierte Ideen waren. Und manchmal Tattoo-Studios. Möglicherweise weil der schwarze Buchstabe ziemlich dekorativ aussieht oder Sie einen ganzen Rücken haben und Sie nur sechs Buchstaben darauf legen möchten. Aber wenn Sie versuchen, eine ganze Seite eines Buches zu drucken, ist dies eigentlich kein besonders nützlicher Typ. Es ist etwas zu dekorativ, um zwei kleine zu machen, aber es hat auch diese sehr dicken, rauen schwarzen Linien , die bedeuten, dass Sie, wenn Sie sie kleiner machen und mehr Buchstaben zusammenstopfen, einen sehr dichten Bereich von Kontrast auf der Seite, die nicht zu einem Leser einlädt oder leicht zu lesen ist . Die Druckerei hätte wahrscheinlich nicht viel genutzt, wenn Nicholas Jensen nicht gewesen wäre. Und Nicholas Jensen wäre nicht sehr nützlich gewesen, wenn es nicht den humanistischen winzigen Kalligraphie-Stil aus Verona im 15. Jahrhundert in der Renaissance gegeben hätte Italien, in dem sie sich auf Black Letter Letter Letter Moderna. Mein Latein ist nicht perfekt, aber das bedeutet moderne Buchstaben. Und sie werden auf das bezeichnet, was die Römer früher als Letzten Tag und TK verwendeten. Die Römer hatten gerade die Großbuchstaben. Sie haben also viel experimentiert, um zu entscheiden, wie Kleinbuchstaben aussehen, und als Ergebnis haben sie etwas geschaffen, das weitaus moderner aussah als schwarze Buchstaben. Jensen verbrachte einige Zeit damit, diese neuen Renaissance-Briefe und einige der Entscheidungen zu beobachten und mit ihnen zu experimentieren , die er bereits im 15. Jahrhundert bis heute getroffen die er bereits im 15. Jahrhundert bis heute hat, darüber, wie entscheiden, wie ein Ende aussieht oder ein D aussieht. Jensen hat eine Schrift erstellt, die viel, viel kleiner als der schwarze Buchstabentyp geschnitten werden kann und daher viel wirtschaftlicher ist, um viel mehr Buchstaben auf einer Seite zu passen viel mehr Buchstaben auf und daher mehr Informationen. Es kann viel billiger und effizienter in ganz Europa verteilt werden . Sie können heute noch eine Form von Jensens Schrift verwenden. Sie könnten zum Beispiel von Adobe Jensen diese Schrift hier finden. Wenn ja, fragen Sie sich vielleicht warum bezahle ich für etwas , das ungefähr 500 Jahre alt ist und nicht urheberrechtlich geschützt ist? Nun, tatsächlich ist der Aufwand, den Adobe unternommen hat, um diese Schrift neu zu erstellen viel mehr, als Sie denken würden. Sie sehen, wenn Sie ein altes gedrucktes Buch in Jensen nehmen , eigentlich nicht jedes E dasselbe. Es gibt winzige Diskrepanzen in den verschiedenen Kürzungen des Briefes. Damit Adobe einen einzelnen Buchstaben erstellen kann, müssen sie Hunderte von Jensen 0s scannen und dann ungefähr herausfinden, wie hoch der Durchschnitt ist. Es gibt mehrere Gründe, warum jedes E auf der Seite nicht identisch war , während sie nicht unbedingt alle Schnitte genau gleich waren. Und einer dieser Gründe ist tatsächlich, dass die Leute es gewohnt waren , handgeschriebene Seiten zu lesen , dass die gemeinsame Monotonie , eine Seite mit einheitlichen identischen Symbolen zu sehen , das Gehirn der Menschen in den Schlaf bringen würde . Sie konnten sich nicht mit diesem Material beschäftigen oder mit diesem Material interagieren. Je weniger neuartig der Abdruck jedes Wortes auf der Seite ist, desto weniger neuartig der Abdruck und unser Gehirn, desto unwahrscheinlicher ist es, dass wir uns daran erinnern und uns mit dem Material beschäftigen. Es lässt uns auch verschiedene Größen etwas anders gefangen haben , denn wenn die Art und Weise, wie diese Wahrnehmung funktioniert, sehen wir kein großes E und ein kleines E derselben Schrift identisch war. Sie erscheinen tatsächlich etwas anders, wenn sie kleiner sind. Etwas, das wir optisches Warten nennen. Realistisch gesehen müssen Sie, wenn Sie heute eine Schrift wie Jensen neu erstellen möchten, heute eine Schrift wie Jensen neu erstellen möchten, mehrere Schriftdateien neu erstellen, eine für Texte mit einer Höhe von 16 Pixel und dann eine völlig separate Schriftdatei für Texte, die 20 Pixel hoch sind. Zum Beispiel bei einem etwas anderen Schnitt ein etwas anderes optisches Gewicht. Weil eine Schrift 20 Pixeln nicht wie eine etwas größere Version einer Schrift aussieht eine etwas größere Version einer , die mit 16 Pixeln angezeigt wird. So funktioniert die Wahrnehmung nicht. Wir werden später mehr darüber sprechen, aber das ist die Schrift Jensen, und das nennen wir jetzt eine alte Serife. Sie würden Jensen wahrscheinlich nicht wirklich verwenden weil es zu viele Auswirkungen der Zeit hat, es sei denn, Sie wollten ein Design erstellen , das anscheinend ein 15. Jahrhundert nicht dazu bringt. Sie würden wahrscheinlich etwas mehr wie Garamond wählen, wenn Sie eine Serifenschrift im alten Stil wünschen. Die Erfindung der Druckmaschine brachte eine ganz neue Herausforderung mit sich. Wie können wir die Größe der Buchstaben reduzieren und trotzdem lesbar machen und trotzdem bequem und angenehm zu lesen machen. Glücklicherweise wurde dies bereits von Kalligraphen in Italien ungefähr zur gleichen Zeit gelöst . Und so entstanden Schriften wie Jensen oder Garamond, die sehr komfortabel und leicht zu lesen sind. Schon kleinste 16 Pixel hoch auf unserer Seite, der Druckertafel. Andere Herausforderungen, darunter, wie eintönig es aussah, eine Seite mit identischen Symbolen zu sehen, und auch wie das optische Warten für größere und kleinere Zeichen unterschiedlich ist . Dies sind Probleme , die wir damals gelöst haben und die wir seitdem vergessen haben. In der Tat sagen viele Leute , dass Typografen oder die letzten 200 Jahre faul geworden sind. 8. Serif Typeface: Wir können Serifenschriftarten in ein paar Kategorien einordnen. Zuallererst haben wir für alte Serifen wie Jensen oder Garamond, über die wir gerade gesprochen haben. Darauf folgt haben wir Übergangsserifen wie Baskerville , über die wir in Kürze sprechen werden. Und dann haben wir moderne Serifen wie Bodoni und Diderot. Je moderner die Schrift, desto mehr Kontrast zwischen den Linienbreiten, desto alter Stil oder traditioneller, desto humanistischer, desto mehr scheint sich die Linienbreite ineinander zu verschmelzen , als wäre sie von Hand gezeichnet mit einem Stift. Betrachten wir zunächst diese Übergangsschriften wie Baskerville. Jetzt lebte John Baskerville in Birmingham, England, und gegen Ende seines Lebens beschloss er, sein gesamtes Geld in den Versuch zu investieren , die Druckprozesse zu verbessern. Also versuchte er, die Tinte und das Papier zu verbessern , um einen konsistenten Blick auf die Seite zu bekommen. Und tatsächlich, als er das Druckpapier und die Tinte fast wie eine Vitrine verbesserte , schuf er diese Schriftart, Baskerville, die sehr dünne Linien und ziemlich dicke Linien auf demselben Papier haben und aussehen könnte ziemlich gut. Es war möglicherweise nicht möglich, mit Baskerville zu drucken, bis die Qualität der Tinte und des Papiers so verbessert hatte , dass dies auf der Seite knackig und sauber aussehen würde, die Leute hassten Basketbällchen-Schrift an der Zeit sagten die Leute, es sei ziemlich schwierig , diese sehr dünnen Linien zu sehen. Sie sagten, es schadet ihren Augen sogar. Wahrscheinlich waren viele Druckmaschinen wahrscheinlich irgendwie eifersüchtig. Und seien wir ehrlich, seine Bücher kosteten einfach mehr, weil sie mit hochwertigerer Tinte und Papier bedruckt wurden . Basketball ist Metallschrift Symptom meist verschwinden, aber es tauchte kurz vor der Französischen Revolution in Frankreich auf, als es für das Material für einige revolutionäre Ideen verwendet wurde , die gedruckt wurden. Die Tatsache, dass es anders, frisch und modern aussah , machte es perfekt, um diese revolutionären Ideen auszudrücken. Und nicht lange danach kreiert es ein anderer französischer Designer, hat es diese Schrift gemacht, die fast gleichbedeutend mit der Französischen Revolution und mit viel modernistischen Ideen ist, einem Italiener sehr ähnlich ist Schrift namens Bodoni. Ist ein Bodoni beide gleichermaßen beliebt? Wenn wir über moderne Serifenschriften nachdenken, wenn wir die drei nebeneinander stellen, können wir sehen, wie die drei Stufen der Serifenschriften zunehmend weniger humanistisch und kontrastreicher werden, wenn zunehmend weniger humanistisch und die Menschen es bekommen gewohnt, Dinge zu betrachten, die nicht von Hand geschrieben sind und sich daran gewöhnt haben, die verschiedenen Kontraste zu identifizieren wenn ich einen kleinen Typ auf einer Seite betrachte, habe ich kürzlich gehört, dass jemand auf den Unterschied in Bezug auf Stil war wie der Unterschied im Stil der Renaissance, des Felsens und der Erleuchtungsfehler. Es gibt eine letzte Stufe der Serifen-Typografie, nämlich die ägyptische Serif, die manchmal als Serifenplatte bezeichnet wird , wie zum Beispiel Rockwell. Dies wurde irgendwann in der viktorianischen Ära populär als wir wollten, dass unsere Plakate schöne, große, druckvolle Überschriften haben . Und oben auf unserem Poster sah es sehr mutig und selbstbewusst aus. Im 21. Jahrhundert passen neue Schriften sehr selten bequem in eine Kategorisierung. Zum Beispiel ist die Schriftart, die ich während dieses Kurses für Überschriften verwendet habe , bei ein paar anderen Kursen diese , die eine Keilserif ist. Es passt in keine dieser anderen Kategorien, die diese großen dreieckigen Serifen haben, was meiner Meinung nach ultramodern aussieht. Traditionell passen wir Serifenschriftarten in drei Kategorien alter Stil, Übergangs-und Modern. Sie können sich vorstellen, dass diese wie Garamond, Baskerville und Bodoni sind, wobei jede Generation etwas weniger humanistisch wird und einen etwas dickeren Kontrast mit Serifs aus hat einen etwas dickeren Kontrast mit eine dieser drei Perioden in der Geschichte. Es gibt ihm einen unverwechselbaren Charakter aus dieser Ära. Heute gibt es alle Arten von neuen Arten von Serifen wie Slab Serif und Keilserif, aber nicht bequem in eine dieser Kategorien passen . 9. Sans Serif Typeface: Zu Beginn des 20. Jahrhunderts wollten Avantgarde-Künstler alles, was zuvor gekommen war, ablehnen und neue, einfachere Designs für alles kreieren . Puristen wollten nichts auf einem Buchstabenformular, das von dem grundlegendsten reinsten Symbol darunter ablenkte. Natürlich begannen die Designer, die Serifen zu entfernen. Jetzt wissen wir, dass diese kleinen Serifen uns wahrscheinlich helfen, einen Buchstaben von einem anderen zu erkennen. Aber sie sehen auch insgesamt etwas unordentlicher, etwas komplexer aus. Und 1927 gründete Paul Renner Futura. Diese Schrift, die ausschließlich aus geometrischen Formen besteht, machte es für uns unglaublich schnell, sie wahrzunehmen und in unser Gehirn zu bringen. Und wenn nichts anderes, passt es perfekt zum Stil der Zeit. Wenn es nicht die Tatsache gab, dass er kurz darauf 1927 in Deutschland lebte , übernahmen die Nazis die Kontrolle über Deutschland. Und wie wir bereits darüber gesprochen haben, liebten sie schwarze Briefe, sie liebten altmodisch. Sie wollten nichts Neues oder Modernes Aussehen. Futura wurde tatsächlich populär oder rund um den Rest der Welt und wurde nach dem Zweiten Weltkrieg zu einer internationalen Schrift , Helvetica wurde in der Schweiz gegründet, und dies ist jetzt die beliebteste, am häufigsten verwendete Schrift der Welt. Es sieht gut aus, so groß du willst, und es kann ziemlich klein gelesen werden. Es ist sehr minimalistisch, hat aber immer noch ein bisschen Charakter. Und der Charakter war genau das, was Eric Gill dazu motivierte, Gill Sans zu erschaffen. Jetzt hat dies alle Vorteile einer serifenlosen Schrift, aber sie hat ein leichtes humanistisches Gefühl. Diese serifenlosen Schriften waren alle ein riesiger Hit auf der Welt , die nach dem Zweiten Weltkrieg entstanden sind. Eine Welt, die nach Veränderungen hungrig war und die Globalisierung der Welt akzeptieren wollte . Und dann haben wir Computer erfunden, Computer mit sehr niedriger Auflösung für einen pixeligen Bildschirm. Und so wurden Sans Serifs natürlich noch beliebter, weil sie auf diesen Monitoren von schlechter Qualität leicht zu rendern waren . Schriften wie Vedanta wurden eine Art Helvetica für den Computer erstellt , bei dem jedes Pixel in Betracht gezogen wurde, um sicherzustellen, dass es gut aussah, wenn es auf einem pixeligen Computerbildschirm gerendert wurde. Später wurde Arial auch aus dem gleichen Grund geschaffen, nachdem er jahrzehntelang auf Bildschirme mit Text in Verdana gestarrt hatte und jetzt ziemlich veraltet aussieht. Wenn Sie heute eine Website gesehen haben und alle Texte in Verdana geschrieben wurden, denken Sie vielleicht, dass Sie nur 30 Jahre zurückgereist sind, die Tage, in denen Sie eine Schrift als moderner betrachten , nur weil sie keine Sans ist Serifen sind längst verschwunden. Tatsächlich könnten sie irgendwie veraltet aussehen, weil alles, was auf einem Bildschirm und serifenlos gerendert wird, so aussieht, wie Sie es in den 1990er Jahren angeschaut haben. Genau wie verschiedene Serifenschriften uns an Perioden erinnern in der Geschichte. Die meisten serifenlosen Schriften erinnerten uns auch daran was heute wirklich eine historische Periode ist. Und natürlich werden ständig neue Klassifizierungen und neue Schriften erstellt. Die Schrift Gotham wurde rund um das Jahr zweitausend geschaffen und die USA wurden wegen Obamas politischer Kampagne populär gemacht . Die Verwendung einer brandneuen, hochmodernen Schrift macht genauso eine politische Aussage wie die Verwendung einer alten. Nazi-Deutschland mit altmodischen schwarzen Buchstaben gab eine politische Aussage über traditionelle Werte ab und was sie wichtig hielten, genauso wie die Französische Revolution gab eine politische Aussage über traditionelle Werte ab und was sie für wichtig hielten, genauso wie die Französische Revolution Baskerville und dann abziehen, wir eine Erklärung darüber ab, wie vorausschauend sie waren und wie sie Teil einer neuen Welt sein wollten . Gotham passte perfekt zu Barack Obamas politischer Kampagne. Barack Obama versuchte, als etwas Neues und Anderes angesehen zu werden . Er schien keine neue Wahl zu sein , weil er eine Serifenlose benutzte. Er schien eine neue Wahl zu sein , weil er Gotham benutzte. Seine Plakate hätten diese Art von Auswirkungen nicht gehabt, wenn sie in Helvetica oder Gill Sans geschrieben worden wären. Die Relevanz von Schriftklassifizierungen ist bei neuen Schriften viel weniger wichtig. Tatsächlich teilen sich Typografie-Designer oft auf verschiedene Klassifizierungen oder erstellen neue. Es gibt keine Klassifizierung , die zu unserer modernen Zeit passt. So wie sich die Mode in anderen Branchen unglaublich verschärft hat , hat sich auch die Mode in Schriften erhöht. Designer begannen Anfang des 20. Jahrhunderts mit der Erstellung serifenloser Schriften . Und sie wurden nach dem Zweiten Weltkrieg wirklich populär, als sich die Menschen auf eine neue internationale, globalisierte Welt freuten, serifenlose Schriften wurden nicht unbedingt beliebter weil sie leichter zu lesen waren. Wir könnten wahrscheinlich sagen, dass es einfacher ist, sie wahrzunehmen , sie in unser Gehirn aufzunehmen, aber wahrscheinlich ein bisschen schwer zwischen ihnen zu unterscheiden oder die Buchstaben zu erkennen. Sie wurden aber auch beliebter, weil sie auf minderwertigen Computermonitoren einfacher zu rendern waren . Heute sehen einige serifenlose Schriften wahrscheinlich genauso veraltet aus wie Garamond Vedanta, ist jetzt ein Stück Geschichte, da neue Schriften entworfen und erstellt werden, sie überschreiten oft Genres oder -Klassifizierungen. 10. Zusammenfassung: Typografie ist die Stimme unserer Markenanwendung oder eines Dienstes. Einige Stimmen sind klarer, aber die klarste Stimme ist möglicherweise nicht die engagierteste oder denkwürdigste. Brauchst du eine Stimme mit mehr Charakter? Und wenn ja, welcher Charakter? Jede Schrift, wie jede Stimme, hat eine Persönlichkeit. Welche Schriftart wir auch wählen, sie wird etwas ausdrücken, das wir brauchen, um sicherzustellen, dass es das Richtige ausdrückt. Eine Schrift spricht aus einer Zeit und einem Ort. Wir müssen den richtigen auswählen. Und wenn wir uns mehr in Richtung eines vollständigen typografischen Systems bewegen , müssen wir möglicherweise mehrere Schriften verwenden, und sie müssen gut funktionieren und sich gegenseitig ergänzen.