WERBEN        FARBEN        CORPORATE DESIGN        WEBDESIGN

TYPOGRAFIE

Das Layout, also der Gesamteindruck einer Seite, eines Plakates oder einer Webseite, umfasst das Zusammenwirken von Text und Abbildungen.
Die Typografie hingegen widmet sich nur den Textelementen, vom Buchstaben über das Wort, die Zeile und den Satz bis zum Textblock.
Großbuchstaben (=Versalien) und Kleinbuchstaben (=Gemeine oder Minuskeln) werden mit bestimmten Abständen (=Laufweite) aneinander gereiht. Bei zu geringen Buchstabenabständen ist der Text schlecht lesbar, sind die Abstände zu groß, wirkt der Text löchrig:
 
Hier ist die Laufweite zu klein, die Lesbarkeit beeinträchtigt.
 
Hier ist die Laufweite zu groß, der Text überdehnt.

 

Kommen Buchstaben nebeneinander zu stehen, die wegen ihrer Form große Freiräume entstehen lassen, sieht das erstens nicht gut aus und beeinträchtigt zweitens den Lesefluss.
Diese "problematischen" Buchstaben sind die Großbuchstaben A  L  T  V  W und die Kleinbuchstaben f  j r v w y.
Beim Wort   SPALTE   ist das "Loch" zwischen den Zeichen L und T gut erkennbar, aber auch der viel kleinere Freiraum zwischen dem P und dem A fällt unangenehm auf.
Wird der Abstand zwischen P und A bzw. zwischen L und T reduziert, sieht die Sache schon viel besser aus:   
SPALTE         darunter zum Vergleich das ursprüngliche Wortbild:
SPALTE

 

Die Größe des  Wortzwischenraums entspricht  - abhängig von der typografischen Philosophie - der Breite des Buchstabens i oder der Punze (= Innenraum) des Buchstabens  n.
 
Bei den Schriften gibt es welche mit Serifen (das sind die häkchenförmigen Enden),  Courier New   zum Beispiel und solche ohne: Verdana.

Schriften ohne "Füßchen" laden nicht zum Lesen ein, daher sind Bücher mit literarischen Texten immer mit Serifenschriften gedruckt.
 
Die weltweit meistverwendete Schrift ist die
Helvetica. Der Zürcher Grafiker Max Miedinger hat sie 1957 entwickelt. Anfangs hieß sie Neue Haas-Grotesk, dann Helvetia und seit 1960 Helvetica.
Unternehmen, die
Helvetica verwenden (Zeitungen: Guardian, Hürriyet; American Airlines, Panasonic, Schweizer Bundesbahn, ...):
 

           

 
Texte im Blocksatz füllen die ganze Zeile aus
. Das führt bei kurzen Zeilen zu großen Wortzwischenräumen. Wie das unten abgebildete CHANEL-Stelleninserat aus dem KURIER zeigt:
Das Layout wirkt "zerrissen", vier (!) verschiedene Schriftgrößen machen es zusätzlich noch unruhig. Das weltbekannte Firmenlogo wurde nicht integriert. Damit hat man auf einen starken Blickfang verzichtet und eine hohe Markenbekanntheit nicht genutzt.  CORPORATE IDENTITY

 

Im folgenden - gekürzten - Stelleninserat wird eine Mischung verschiedener serifenloser Schriften, unterschiedlicher Laufweiten, Schriftstärken, Schriftgrößen und Hintergrundfarben eingesetzt. Das erzeugt zwar Aufmerksamkeit, erleichtert aber nicht das Lesen.
 
       
Jeder bekommt,    

jobs

was er verdient.

 executive

 

personalberatung

   
  Manager SAP Implementation
  & Support Consulting
  Industry
 
 
Unser Auftraggeber ist ein globales Dienstleistungsunternehmen, das sich auf maßgeschneiderte Lösungen und Services im Industriebereich spezialisiert hat. Hochqualifizierte Mitarbeiter betreuen internationale Industriekonzerne im Bereich strategische IT-Beratung, SAP und Zukunftstechnologien. ......
 
Sie verdienen
    das Beste: executive-jobs
Auf Ihre Bewerbungsunterlagen oder
Ihre telefonische Kontaktaufnahme freut sich Vorname Name
Personalberatung GmbH
Straße, Postleitzahl, Ort

 

Für ein Zeitungsinserat wühlte British Airways kräftig in der kreativen Kiste. Der optische Eindruck war toll, die Lesbarkeit weniger. Der Flug nach TOKYO kostete € 619. Was für die Strecken nach SAN FRANCISCO und NEW YORK zu bezahlen war, war nicht so einfach erkennbar:
 
 

 
  TOKYO SAN FRANCISCO NEW YORK  

 

Einen verwirrenden Schriftenmix zeigen auch sowohl das alte als auch das neue Layout der Kinderschokolade-Verpackungen.

 

 

Typografie für den Bildschirm

 
Die Darstellung der Schrift auf einem Monitor ist stark von Helligkeit und Kontrast beeinflusst. Liegen Farben mit ähnlicher Helligkeit oder ähnlicher Sättigung (z. B. 100 % Rot und 100 % Blau) dicht nebeneinander, kommt es zum Flimmern.  
 
 
Dunkle Schrift auf hellem Hintergrund wirkt kleiner, helle Schrift auf dunklem Hintergrund größer.
 

Schwarze Schrift auf weißem Hintergrund hat den besten Kontrast,

 

graue Schrift auf weißem Hintergrund liest sich jedoch angenehmer!

 
Gleiches gilt auch für die inverse Darstellung:
 
Weiße Schrift auf schwarzem Hintergrund hat einen besseren Kontrast als

 

graue Schrift auf schwarzem Hintergrund, die sich dafür augenfreundlicher darstellt!

 

In der linken Spalte sind die Kontraste zu stark, die Darstellung flimmert; die rechte Farbkombination ist besser.
 
Die Hintergrundeinstellung ist 0 % Rot, 100 % Grün, 0 % Blau. Die Schrift besteht aus 100 % Rot, 0 % Grün und Blau Die Hintergrundeinstellung ist 80 % Rot, 100 % Grün, 60 % Blau. Die Schrift besteht aus 60 % Rot, 0 % Grün und Blau.

 

Die Wahl der Schriftart ist gut zu überlegen: beide Schriften haben in diesem Beispiel die gleiche Schriftgröße, nämlich 12pt!. Die Lesbarkeit unterscheidet sich deutlich.
 
Times New Roman ist die verbreitetste Serifenschrift. Häufig ist sie von der Software als Standardschrift eingestellt. Die serifenlose Verdana wurde für den Bildschirm entwickelt. Klare Formen sorgen für ein ruhigeres Schriftbild.

 

Wegen ihrer geometrischen Form sind serifenlose Schriften vom Pixelraster des Monitors besser darstellbar. Für die exakte Wiedergabe komplexer Schriften (mit Schnörkeln, Rundungen, Schwüngen,...) verfügen die Bildschirme über zu wenig Bildpunkte.
Aus der Vielzahl von Computerschriften sind nur wenige auf allen Computern darstellbar. Alle Betriebssysteme unterstützen die Schriften: Arial, Courier New, Georgia, Times New Roman, Trebuchet MS und Verdana.
 
Typografie-Freaks haben an Arial eine Menge auszusetzen. Sie sehen in der Schrift eine misslungene Kopie der Helvetica. Es wird vermutet, dass Microsoft die Helvetica gerade so viel abändern ließ, dass die daraus entstandene Arial als eigene Schrift deklariert und daher Lizenzgebühren, die für die Nutzung der Helvetica angefallen wären, umgangen werden konnten.
 
Courier New  ist eine Schrift mit fixer Breite (= Festbreitenschrift). Alle Buchstaben nehmen den gleichen Raum ein. Mit Festbreitenschriften geschrieben werden Texte länger als mit Proportionalschriften. Bei den Proportionalschriften nehmen schmale Schriftzeichen (i, l, 1,...) weniger Raum ein als breite (m, w, G,...).
 
Die nächsten drei Schriften wurden im Auftrag von Microsoft entwickelt:
Die Georgia  -  bei ihr haben auch die Ziffern Ober- und Unterlängen (1,6,9) und fügen sich deshalb gut ins Schriftbild ein. Sehr gut geeignet für große Textmengen im  Internet.
 
Trebuchet MS  - das MS, ein dezenter Hinweis auf den Besitzer. Serifenlos und ziemlich breit  - wie auch die  Verdana  - ist sie wie diese gut lesbar, jedoch noch etwas runder und aufwändiger.
 
Die englische Zeitung "The Times" ließ vor etwa 70 Jahren die Schrift  Times New Roman  entwickeln. Sie ist Platz sparend und - wichtig für den Einsatz im Zeitungsdruck - auch bei schlechten Druckqualitäten noch gut lesbar.
 
Wer Texte auf seiner Webseite als Grafik einbindet, ist nicht davon abhängig, dass eine bestimmte Schrift beim Empfänger installiert ist. Empfehlenswert bei Firmenschriftzügen, Wortmarken und Logos.
 
Für besonders kleine Beschriftungen sind die herkömmlichen Schriften nicht geeignet, weil nicht mehr genügend Bildpunkte zur Verfügung stehen. Für diesen Zweck verwendet man Pixelschriften (siehe Abbildung rechts). Das sind Schriften, die nur für eine bestimmte Pixelgröße entwickelt wurden, bei anderen Größen funktionieren sie nicht. Sie passen genau in den Pixelraster des Monitors. 

 

Wie die Sprache lebt auch die Schrift, laufend werden neue Schriften entwickelt. Reich werden die Schriftdesigner nicht. Schriften lassen sich schlecht schützen, weil sie von den Gerichten meist als Allgemeingut betrachtet werden. Und der kaum durchsetzbare Schutz drückt auf den Preis.

Bücher zum Thema:
Die Schriftentwicklung
von Hans Eduard Meier; Syndor Press
Der Mensch und seine Zeichen 
ISBN 3-925037-39-X  von Adrian Frutiger; Dreieich-Verlag
Wie man´s liest
  ISBN 3-87439-618-5  von Gerard Unger, Verlag Schmidt, Mainz
Helvetia - Homage to a Typeface
von Lars Müller
Schriftwechsel  ISBN 978-3-87439-746-9  von Stephanie + Ralf de Jong, Verlag Hermann Schmidt

Film zum Thema:
Helvetica - Dokumentarfilm des Engländers Gary Hustwit. Dauer: 80 Minuten

 

WERBEN        FARBEN        CORPORATE DESIGN        WEBDESIGN