Webseitengestaltung —
Zwischen Projektmanagement, Sprache, Kunst und Technik
 
 


Was ist das eigentlich – Internet ?

Warum eine Internetpräsenz ?

Welche Website Typen gibt es ?

Was macht eine Website erfolgreich ?

Was sind die wichtigsten Stilelemente ?

      Web vs. Printdesign
      Schrifttypen
      Farben
      Navigation
      Linkstyles
      Texte und Tabellen
      Grafiken
      Icons & Favicons
      Gestaltung und Technik

Wie stelle ich eine Website her ?

Was ist Web 2.0 ?

Welchem Recht unterliegt meine Site ?

Hello World - kommt alle zu Besuch !

Schrifttypen

Der gewählte Schrifttyp, die Größe der Schrift, das Aussehen von Titeln und Untertiteln sowie die Anordnung von Text und Schrift beeinflusst sehr stark den ersten Eindruck, den ein Besucher von einer Internetseite hat.

Bei der Auswahl des Schrift-Typs ist Vorsicht geboten: Anders als bei den klassischen Printmedien reicht es nicht aus, dass ich als Autor den benutzten Schrifttyp (Font) besitze, auch meine Besucher müssen den Font bei sich lokal installiert haben. Verfügen Besucher einmal nicht über den eingesetzten Font, wird der gewählte Schrifttyp im Browser durch eine Standardschrift – meistens Times New Roman – ersetzt.

Da niemand seine Besucher zwingen kann, einen gewählten Font bei sich lokal zu installieren, behilft man sich, indem man Fonts auswählt, die normalerweise bei jedem Computernutzer installiert sind. Dazu zählen Schriften wie Times New Roman, Arial, Courier, Helvetica, Geneva, Verdana und Georgia.

Man unterscheidet hierbei grob die serifen und serifenlosen Schriften – die serifen Schriften sind verschnörkelt (Geneva, Georgia), nicht serife Schriften sind sachlich und schnörkellos (Arial, Verdana). Für serife Schriften sollte man einen größeren Schriftgrad wählen als man ihn auf Papier auswählen würde (=>12pt), da sonst aufgrund der Auflösung am Bildschirm in Pixel die Lesbarkeit der Schrift leidet, und das Lesen am Bildschirm schnell zu anstrengend wird. Monospace fonts sind auch in kleinen Grössen lesbar, deshalb oft die Default-Einstellung Courier bei Programmiertools.

Siehe auch Deutsche BildscharbV, Anhang Ziffer 1: "Die auf dem Bildschirm dargestellten Zeichen müssen scharf, deutlich und ausreichend groß sein sowie einen angemessenen Zeichen- und Zeilenabstand haben."

Eine gute Lesbarkeit der Zeichen und damit optimaler Schutz und Wohlbefinden für die Augen sollte man nicht nur seinen Arbeitnehmern, sondern auch den Besuchern einer Webseite gönnen. Hierbei hilft neben ausreichender Grösse des gewählten Fonts auch ein ausreichend hoher Helligkeitskontrast zwischen Text und Hintergrund.

Beispiel: Nicht-Serife Vs. Serife Vs. Monotype Font / 12 Px. / Bold

Die Augen meiner Site-Besucher will ich schonen.

Die Augen meiner Site-Besucher will ich schonen.

Die Augen meiner Site-Besucher will ich schonen.

 

 
 
Web Contact
Copyright © 03/2008 Angelika Kirchmeyer, Quappa Inc. All rights reserved. http://www.quappa.com