Share
Designer im Internet hatten mit der Typografie eine schwierige Zeit. Zum einen sind die meisten Webdesigner nicht so wie die meisten traditionellen Grafikdesigner als "Typografen" ausgebildet. Ein weiterer Grund ist, dass die Typografie im Internet seit mehr als 15 Jahren nicht mehr existiert. und die meisten von uns haben nicht einmal die Hälfte der Zeit entworfen.
Thumbnail-Foto von Stephen Coles von Typographica.org. Die Schrift ist FF-Einheit.
Das leistungsstärkste neue Medium in der Geschichte der Welt ist es daher, dass die formale Ausbildung für die wichtigste Disziplin, die ein Designer beherrschen kann, schmerzlich fehlt: Typografie. Dieser Artikel ist der erste Teil einer Serie, in der ein Kompendium von ernsthaften Web-Typografie-Lektionen erstellt werden soll.
Bevor wir beginnen - dieser Intro-Artikel ist Teil der Ausbildung und Teil der Redaktion. Es ist beabsichtigt, ein post-post-Beitrag über einige der Prinzipien zu sein, die Webdesigner ernst nehmen müssen. Ich werde mein Bestes tun, um zu vermeiden, dass dies zu einem "10 offensichtlichen Weg zur Verbesserung Ihrer Typografie" wird. Wir haben schon genug davon im Web, und wenn wir uns jemals entscheiden, eines davon zu betreiben, werden wir sicherstellen, dass wir es richtig machen. In dieser Serie geht es eher um das Erstellen vernünftiger, logischer Prozesse für die Entwicklung von effektiven Typsystemen als um ein paar zufällige Tipps. Zunächst werden wir uns einigen kulturellen Hürden stellen, mit denen Webdesigner konfrontiert sind.
Seien wir ehrlich, im Vergleich zu den riesigen Mengen an Büchern und jahrelangen Ressourcen für Druckdesigner hat das Web relativ kurze Erfahrung mit Typografie. Wir sind Teenagern mit ihrem neuen Führerschein sehr ähnlich - viel Kraft und Verantwortung, ohne viel Erfahrung zu haben. Da das Internet so jung ist, haben Designer zwei Möglichkeiten: 1) Versuchen Sie, eine Druckästhetik auf dem Bildschirm zu erstellen, oder 2) in die große schwarze Leere wandern. in der hoffnung, web typ perfektion zu entdecken.
Das Problem bei der ersten Wahl ist, dass Print nicht direkt in das Web übertragen wird. Das Problem bei der Sekunde ist, dass es dem Wurf von Darts ähnelt? Sicher, wir haben einige Erfolge, aber das kostet eine ganze Reihe von Flops.
Gibt es da draußen schon erstaunliche Ressourcen zum Thema? Ja absolut? und ich werde sie am Ende dieses Artikels auflisten. Es bleibt jedoch die einfache Tatsache, dass es für einen jungen Webdesigner, der hofft, sich mit dem Thema zu beschäftigen, oft schwierig ist, das Thema zu köpfen, ohne unzählige Stunden damit zu verbringen, nach zufälligen Blogs zu suchen. In der Tat ist ein Teil des Problems, dass so viel über Web-Typografie als "subjektive" Information dargestellt wird. Der einzige Leitsatz, auf den sich die meisten Menschen einigen können, lautet: "Typ sollte lesbar sein". Aber danach gibt es eine ganze Menge Meinungen und nicht viel Faktum.
Dies bringt mich zu meinem ersten "kulturellen" Punkt für alle, die es ernst meinen, ihre Web-Typografie-Fähigkeiten zu verbessern?
Lassen Sie uns die erste echte Hürde zwischen Designer und typografischer Größe angehen: Schuld an etwas oder jemand anderem. Wenn ich einen Dollar für jedes Mal hatte, wenn ein Webdesigner sich darüber beschwert hatte, wie Browser den Typ anders rendern - oder dass irgendein zufälliger Inhaltseditor sein Layout ruiniert hat - oder dass ein Client einfach keinen Grund sieht, wäre ich ein Hundertjähriger (der geringere Bekannte Cousine des Milliardärs, ich weiß nicht, wie viele Leute!.
Dies sind alles, was ich "berufliche Gefahren" nenne - Sie wissen davon, wenn Sie in die Branche einsteigen, und Sie werden sie fast täglich treffen, bis sich eine ernstzunehmende professionelle Standardisierung im Web etabliert (was ich nicht voraussage) irgendwann bald). Ich versuche nicht zu sagen, dass es diese Probleme nicht gibt (sie gibt es, und sie sind schmerzhaft im Hintern), sondern wir werfen alle unsere typografischen Unzulänglichkeiten auf die Rückseite von Internet Explorer 6 oder auf ein zufälliges Kopieren von Typen 8 Dollar pro Stunde vermeiden das Problem.
Das Tolle ist, dass ein seriöser Web-Typograf diese Probleme umgehen kann. Browser können getestet werden; Layouts können "idiotensicher" gemacht werden und Clients können es sein gesagt zu gehen? sanft angewiesen, die Vernunft zu sehen.
Im Zeitalter von Druckmaschinen, Holzschnitt und Handset-Typ gab es eine eindeutig festgelegte Rangordnung für die Verantwortlichen (typografisch), die für die ordnungsgemäße Ausführung der Aufgaben verantwortlich waren. Es überrascht nicht, dass diese Person normalerweise der Kerl war, der tief in schwarzer Tinte steckte, und die einzige Person in der Stadt, die wusste, wie sie den massiven Apparat benutzte. In den meisten Städten war er vielleicht der einzige, der tatsächlich lesen konnte, also haben Sie sein Wort dafür genommen, als er Ihnen sagte, wie Sie Ihre Publikation gestalten sollen.
Die Kunden brachten den Inhalt, die Drucker kümmerten sich um das Layout und das Design. Niemand hat mit dem System geschraubt.
Heutzutage leiden wir anscheinend unter "zu vielen Köchen in der Küche". Da jeder Zugriff auf Microsoft Word und eine Tastatur hat, müssen Designer während der Entwurfsphase durch ein Meer von "Insta-Typographen" gehen?
Verstehen Sie mich nicht falsch. Feedback von einem Kunden zu erhalten, ist ein entscheidender Teil des kreativen Prozesses. Es ist jedoch kein Ersatz für tatsächliche, erfahrene Entscheidungen auf typografischer Ebene. Das ist deine Aufgabe - der Designer. Wenn Sie durch ein Projekt gleiten und nur darauf warten, dass sich ein Kunde für eine bestimmte Schriftart oder Zeilenlänge entscheidet, können Sie sich auch selbst schießen. Auf diese Weise reduzieren Sie sich auf wenig mehr als einen Körper, der an einer Maus befestigt ist.
Ich wiederhole mich nur, um hier sicher zu sein - das bedeutet nicht, dass Sie ein mürrischer Idiot werden sollten, der über wertvolles Feedback spottet. Ich versuche zu sagen, dass, wenn sich niemand bereit erklärt, die Aufgabe der Typografie während eines Projekts "zu besitzen", Sie einen mittelmäßigen, verwässerten, halbherzigen Typ haben werden, der dem nicht gerecht wird Tatsache ist, dass wir über Jahrhunderte typografische Forschung an unseren Fingerspitzen verfügen. Das Auslegen einer Textspalte und die Hoffnung, dass ein anderer Designer, Entwickler oder Kunde zurückkommt und es richtig aussehen lässt, ist ein Polizist.
Seien Sie der Designer, übernehmen Sie die Verantwortung. Typografie ist dein Job.
Wenn Sie an eine Benutzeroberfläche denken, was halten Sie davon? Das klassische Scrollmenü eines iPods? Das Dashboard-Display für Ihr Auto? Das HUD eines Sci-Fi-Videospiels? Das sind vielleicht alle Beispiele für Benutzeroberflächen? Ich möchte jedoch, dass Sie noch einmal überdenken, was es für Webdesigner bedeutet. Lassen Sie uns kurz die Schnittstellenstil-Trends des letzten Jahrzehnts untersuchen:
Das sind alles große Moden (und ja, es gibt offensichtlich viele große Ausnahmen von diesen Verallgemeinerungen)? Aber bedenken Sie einige der Internet-Marken, die in all diesen Jahren existiert haben (und immer noch nicht sterben). Hier - ich zeige Ihnen, wie sie aussehen:
Sind einige davon "große Benutzeroberflächen"? Wahrscheinlich nicht? Aber sie sind alle lächerlich erfolgreich (und mögen es oder nicht), verwendbar) Designs. Warum beugen sich Webdesigner also nach hinten, um Designs zu schaffen, die aussehen? gar nichts wie sie?
Meine bescheidene Meinung: Das liegt daran, dass unsere Industrie noch relativ unreif ist. Wir hoffen alle, den "nächsten großen Stil" zu finden, also meiden wir absichtlich langweilige, aber funktionale Designs. Wir verabscheuen die Vorstellung, dass etwas, das 2005 entworfen wurde, noch Benutzer hat. Wir begrüßen die Auffassung, dass unsere Designs mit schwierigen Techniken und Texturen aufgebläht werden und sie dadurch nutzbarer werden.
Vielleicht findet sich eine bessere Analogie in Autos? Wir versuchen alle, einen typografischen Ferrari zu entwerfen, wenn 98% der Projekte wirklich nur einen Honda Civic (oder in einigen Fällen ein Fahrrad) benötigen. Solange es darauf ankommt, Menschen von Punkt A nach Punkt B zu bringen, ist das in Ordnung. Im zweiten Moment beginnen wir, die Funktionalität der Website zu ändern, mit unseren eigenen ausgefallenen Vorstellungen, wie eine "tolle Benutzeroberfläche" aussehen sollte. Wir riskieren, das Motorrad zu brechen.
Die einfache Tatsache der Angelegenheit ist, dass einfacher alter Text, ohne alle Blaseneffekte, Glanz und sonstiger Mist, den wir um ihn herum geworfen haben, für sich genauso brauchbar ist, als ob er alle so aussehen würde, als wäre er alles den roten Teppich hinuntergehen.
Warum? Weil Text die Benutzeroberfläche ist! Bevor Sie sich das Verlaufswerkzeug nehmen, denken Sie daran, dass Text die Schnittstelle ist. Sie können keine benutzbare Oberfläche haben, ohne dass der Text lesbar und aussagekräftig ist. Web-Surfer passen sich an jedes Stylesheet an, das Sie über ein Design werfen - die Kernelemente einer Website (Navigation + Inhalt) müssen jedoch vor allem funktionieren.
Randbemerkung: Dieses Konzept von "Text als Benutzeroberfläche" wird ursprünglich Khoi Vinh zugeschrieben - aber ich hatte Schwierigkeiten, herauszufinden, wo er tatsächlich darüber geschrieben hat - also müssen Sie mein Wort dafür nehmen.
Typ geht immer in ein Layout, und Layouts im Web sind niemals ohne Code vorhanden.
Die letzte Regel, die ich heute ansprechen werde, ist das eigentliche Material, aus dem Web-Typografie besteht: CSS. Mit gut geschriebenem CSS sollte sich Ihre gesamte Website auf eine logische Weise gestalten - jede Seite wird ähnlich aussehen und eine einheitliche und konsistente Site-Präsentation erzeugen. Mit gut geschriebenem CSS ist die Adressierung mehrerer Browser und Geräte möglich. Heck, mit gut geschriebenem CSS können Sie verhindern, dass Ihre Redakteure Ihre schönen Designs brechen.
Der Punkt, an dem ich fahre, ist folgender: Wenn Sie sich selbst als Webdesigner vorstellen, aber Sie sind wirklich gut darin, Photoshop-Modelle zusammenzupeitschen, fehlt Ihnen die Hälfte dessen, was es bedeutet, für das Web zu entwerfen. Typ geht immer in ein Layout, und Layouts im Web sind niemals ohne Code vorhanden.
Ich sage hier nicht viel, weil ich ehrlich gesagt gerne die ersten Teile dieser Serie schreiben möchte - aber ich möchte mit einer Handvoll Links enden, die ihr / eure in der Zwischenzeit überprüfen könnt. Mein Ziel für diese Serie ist es, ein tolles Kompendium realer, praxisnaher Web-Typografie-Tutorials zu erstellen. Ich werde jedoch auf Informationen von verschiedenen Autoren, Artikeln und Büchern zurückgreifen. Also hier meine Liste:
Accentsconagua