Ginetta Apéro: die Bilder

 von Valérie Vuillerat, 15. Juni 2010

Letzten Freitag haben wir unsere Kunden, Partner und Freunde eingeladen zum Ginetta Apéro im Zürcher Basislager.

Es war ein gelungener Abend mit den unterschiedlichsten Gästen, spannenden Gesprächen, feinen Häppchen und kühlem Bier.

Gerne erinnere ich mich an die schöne Stimmung zurück!

apero.png


An dieser Stelle möchte ich mich auch bei Alexandra Fux bedanken, die ganz tolle Bilder von unserem Apéro gemacht hat.

Arial – schamlose Betrügerin

Genc Rashiti, 12. Juni 2010

Unser Twitterpost löste eine kurze Diskussion mit @dworni auf Facebook aus. @dworni wies mich darauf hin, dass die Arial für die Ausgabe am Bildschrim optmiert und die Helvetica hingegen eine klassische Printschrift ist. Dieser kurze Wortwechsel hat mich inspiriert einen Blogpost zu meiner Haltung zur Arial zu schreiben.

Ich mag die Arial nicht, weil sie eine misslungene Imitation der Helvetica zu sein scheint. Auch nicht, weil sie ihre weite Verbreitung Microsoft zu verdanken hat und nicht ihrer Qualität.

arial_vs_helvetica.png

Als Microsoft TrueType zum Standart-Buchstaben-Format auf ihrem Betriebssystem machte, entschied man sich für die Arial als Standart Schriftart – anstatt mit der Helvetica zu gehen. Vermutlich wollten sie damit Lizenzkosten sparen und gingen wohl davon aus, dass die Mehrheit der Benutzer den Unterschied gar nicht erst bemerken würden. Apple hingegen hatte sich für die Helvetica entschieden und nahm Linotypes Lizenzkosten auf sich.

Arials Verbreitung

Windows 3.1 feierte einen berauschenden Verkaufserfolg. Der unangenehme Nebeneffekt von dieser Erfolgsgeschichte war die Verbreitung von Arial unter allen Windows Nutzern.

Dieser Entscheid ist der Grund dafür, wieso die Arial ständig unsere Wege kreuzt. Ob nun im Print- oder Screenbereich. Sie hat die Helvetica praktisch ersetzt im nicht professionellen Bereich.

Sie scheint uns nicht in Ruhe lassen zu wollen: An der Uni, bei der Arbeit, beim Einkaufen oder beim Kebab Stand nebenan. Sie scheint überall zu lauern und nur darauf zu warten uns heimtückisch anspringen zu können.

Arial auf dem Bildschirm

Fairerweise gilt es noch zu erwähnen, dass die Arial auf Windows eine doch sehr gute Figur macht. Bei kleinen Schriftgrössen (z.B. 10px) sieht sie wesentlich besser aus als die Helvetica. Grund dafür ist Microsoft's Font Hinting.

arial_vs_helvetica.jpg

Auf OSX sieht es jedoch anders aus: Beide Schriften werden geradzu identisch gerendert und die Lesbarkeit ist auch noch bei 8px gut genug. Dies ist auf Apple's ausgezeichnete Font Rendering Engine zurückzuführen.

Was bedeutet dies nun für Webdesigner? Es lässt sich nicht leugnen, dass die Arial in einer Windows Umgebung die Nase vorn hat in Sachen Lesbarkeit, was praktisch 90% Prozent aller Benutzer betrifft. Um eine möglichst optimale Lesbarkeit zu gewährleisten, ist die Arial also nach wie vor zu berücksichtigten, selbst wenn es schwer fällt. Hier gilt es den Entscheid so zu treffen, dass er sich in den Dienst der Lesers stellt und nicht in den Dienst des eigenen Geschmacks.

Dazu folgendes Zitat von Oliver Reichenstein (iA):

If you want to talk about design you need to try to rationalize your perception.
Like / dislike / agree / disagree can't be argued with.

CSS Ninjas aufgepasst!

Trotz den Umständen heisst dies nicht, dass wir auf die Helvetica verzichten müssen. Es gibt eine elegante Möglichkeit die meisten Mac Benutzer (ca. 95%) in den Genuss der Helvetica kommen zu lassen. Ihr müsst lediglich euer Font Stack folgendermassen aufbauen:

font-family: "Helvetica Neue", Arial, sans-serif;

So stellt ihr sicher, dass Mac Benutzer eine optimierte Version der Helvetica zu sehen bekommen. Das lässt mein Herz höher schlagen. ;) In den meisten Fällen ist auf Windows Systemen die Helvetica Neue nicht vorhanden. Somit wird den Benutzern die Arial auf dem Bildschirm serviert.

Unter folgendem Link könnt ihr die Schriftenverteilung auf den Betriebssystem Windows und OS X einsehen:

Und da wir schon bei Lesbarkeit gelandet sind: Bitte hört damit auf Fliesstext in 11px zu setzen! Niemand hat Lust den Text manuell zu vergrössern. Das soll aber Gegenstand eines anderen Artikels sein. Cheers!

Mehrere Schriftarten auf einer Seite


Mein Lehrmeister ist der Meinung das mehr als 2 Verschiedene Schriftarten Nicht erlaubt sind.

Er findet das in der Gestaltung gewisse Gesetzmässigkeiten befolgt werden müssen..(Gesetzmässigkeiten für Typografische Ästhetik..) und mehr als 3 verschiedene Schriftgrössen und Schriftarten auf einer Seite bewirken ein unruhiges Schriftbild...

.. Ich bin im ersten Lehrjahr und setzte mich gerade intensiv mit der Typografie auseinander. Ich muss sicherlich noch einiges dazu lernen ;-)

Aber danke für deine rasche Antwort!

Mehr als 3 verschiedene Schriftgrössen und Schriftarten auf einer Seite bewirken ein unruhiges Schriftbild

ciao .. Ich bin im ersten Lehrjahr und muss noch einiges dazu lernen ;-)

An die beiden unbekannten Kommentatoren

Besten Dank für Eure Kommentare. Ich schätze eure kritische Sicht.

@boss (wobei weder Simon noch Valérie gemeint ist ;-):

Möglicherweise ist der erste Teil meines Artikels zu wenig präzise ausformuliert oder der Titel ein wenig irreführend. Daher entsteht wohl der Eindruck, der Artikel würde sich mit der typographischen Qualität der Arial auseindersetzen. Dies trifft jedoch nicht ganz zu. Vielmehr geht es darum, wieso die Arial so weit verbreitet ist und wie diese unter Windows und OS X auf dem Bildschirm wirkt.

Ich degradiere die Arial zu einer zweitklassigen Schrift, weil ich ihre Geschichte nicht missachten kann. Mein Sinn für Ästhetik lässt es ebenfalls nicht zu die Arial der Helvetica vorzuziehen.

Ich bin der Meinung, dass meine Empfehlung – welche Schrift nun verwendet werden soll – von rationaler Natur ist. Sie berücksichtigt die technischen Gegebenheiten (Font Rendering) und zielt darauf ab ein optimales Schriftbild für alle Benutzer zu schaffen – unabhängig davon, ob sie nun Windows oder OS X nutzen. Dementsprechend treffe ich die Entscheidung so, dass sie frei von Gefühlen und meiner persönlicher Haltung ist. Vielmehr wird sie davon geleitet dem Benutzer sein Erlebnis so angenehm wie nur möglich zu gestalten.

Darf man Auf einer Webseite mehr als 3 verschiedene Schriftarten(Schriftgrad) und Schriftgrössen verwenden??

@designer:

Der Begriff Schriftgrad entspricht in der Typografie der Schriftgrösse (www.typolexikon.de/s/schriftgrad.html). ;)

Ich persönlich würde dir davon abraten viele verschiedenen Schriften zu mischen, ausser der gegebene Fall lässt dies zu. Wenn du denkst, du kommst mit weniger Schriften aus, dann entscheide dich für weniger – ganz im Sinne von «less is more».

Jedoch gibt es generell keine Regel, die besagt: man soll keine 3 unterschiedlichen Schriften auf einer Website verwenden. Es gilt abzuwägen, was für eine Funktion die Schriften erfüllen sollen und ob sie sich gegeseitig vertragen. Es ist schwierig eine präszise Antwort auf deine Frage zu liefern ohne den genauen Kontext zu kennen.

Anmerkung zum Arial-Design

Die grundsätzlichen, formalen Überlegungen, wie sie bei der Ursprungsschrift Helvetica gemacht wurden, wurden bei der Arial zum Teil über den Haufen geworfen. Die Helvetica ist in ihrer Schlichtheit formal schwer zu überbieten. Die Macher der Arial verschnörkelten die Helvetica unnötig. Dies wird vor allem bei den Details ersichtlich: Bei der Arial tauchen z.B. urplötzlich abgeschrägte Buchstabenenden auf, die formal keinen Sinn machen. Wenn man zum Ursprung der Kalligrafie zurückgeht, definieren sich Abstriche an der konsequenten Führung einer Feder. Dieses Prinzip wurde auch für den Bleisatz übernommen. Nimmt man als Vergleich eine Univers, Futura oder eine Bauer Bodoni: Keine weist diese technischen Ungereimtheiten auf. Insgesamt ist die Arial eine verwässerte Version der Helvetica und verkommt damit zur billigen Kopie.

Frage an Genc

Guten Tag Herr Rashiti

Ich bin auch kein grosser Fan von Arial. Jeder Hobby Designer braucht heutzutage die Arial!

Nun habe ich noch eine Frage an Sie..

Darf man Auf einer Webseite mehr als 3 verschiedene Schriftarten(Schriftgrad) und Schriftgrössen verwenden??

Interessanter Artikel, aber...

... ok, Microsoft hat abgekupfert - nicht das erste Mal. Und ok, die Arial sieht etwas anders aus als die Helvetica und basiert auf abweichenden geometrischen Formen. Und ja, die Helvetica hat eine klassische Schlichtheit, wogegen die Arial eher etwas plumper wirkt. Allerdings nur etwas. Denn einige Änderungen der Arial lassen die Schrift auch moderner und subjektiv klarer wirken.

Eines, lieber Genc, musst du aber noch lernen: du kannst nicht Oli Reichenstein zitieren, man sollte seine Auffassung rationalisieren und frei von Emotionen argumentieren, und dann im selben Artikel mehrfach einen sektenhaften Lobgesang auf die Apfelprodukte anstimmen. Apple ist gut und beweist äusserst gute Stilsicherheit - aber nicht alles von Onkel Steve ist so unvergleichlich wie man euch Jüngern gerne erzählt. Und ihr gerne gebetsmühlenartig nachplappert. Werdet kritischer und hinterfragt. Denn nach der Lektüre deines Pamphlets ist mir noch immer nicht wirklich klar, WESHALB die Arial denn nun aus typographischer Sicht schlechter ist. Rational argumentiert meine ich.

Home Kontakt Login

Zürich
Lutherstrasse 32
CH – 8004 Zürich
+41 79 336 60 00
Google Maps