Typographische Entwurfsmuster und beste Anwendung

Von Michael Martin in Smashing Magazine

Sogar mit einem relativ begrenzten Satz von Optionen in CSS variiert die Typografie enorm mit reinen CSS-Syntax. Serif oder sans-Serif? Große oder kleine Schriftart? Zeile Höhe "," Abstand "," Schriftgrad "und" padding… Die Liste geht auf und auf.

Typographische Entwurfsmuster zu finden, die häufig in modernen Web-Design sind und einige allgemeine typographische Probleme zu lösen, wir umfangreiche Forschung auf 50 beliebten Webseiten auf welche Typografie Fragen mehr als üblich durchgeführt (oder mindestens mehr als üblich Materie sollte). Wir haben beliebte Zeitungen, Zeitschriften und Blogs sowie verschiedenen Typografie-bezogene Websites gewählt.

Wir haben sorgfältig analysiert Ihre Typografie und Style Sheets und Gemeinsamkeiten und Unterschiede gesucht. Wir haben auch eine Kalkulationstabelle der Studie zusammengestellt, die die Websites verschiedene Werte (z. B. das Verhältnis zwischen der Zeile Höhe und Länge) wird angezeigt.

Letztendlich, wir identifiziert 13 allgemeine typographische Probleme und Fragen im Zusammenhang mit typographische Design und versucht, Antworten auf diese durch unsere Forschung zu finden:

  1. Wie beliebt sind Serif und sans-Serif-Schriftarten in Körper Kopie und Schlagzeilen?
  2. Welche Schriftarten werden am häufigsten verwendet?
  3. Was ist die durchschnittliche Schriftgröße?
  4. Was ist das durchschnittliche Verhältnis zwischen den Schriftgrad der Überschriften und Körper-Kopie?
  5. Was ist die durchschnittliche Zeile-Höhe der Körper Kopie?
  6. Was ist das durchschnittliche Verhältnis zwischen Zeile Höhe und Schriftart Größe in Körper Kopie?
  7. Was ist das durchschnittliche Verhältnis zwischen Zeile Höhe und Länge in Körper Kopie?
  8. Was ist die durchschnittliche Höhe der Abstand zwischen Absätzen?
  9. Was ist das durchschnittliche Verhältnis der Absatzabstand zu Zeile Höhe in Körper Kopie?
  10. Wie sind Links Stil?
  11. Wie viele Zeichen pro Zeile sind häufig in Körper Kopie?
  12. Wie oft sind Links unterstrichen?
  13. Wie oft wird Schriftart Ersatz (sIFR, etc.) verwendet?

Wir letztendlich mit soliden Daten, die wir ausgewertet und vorbereitet für diesen Artikel. Auf der Grundlage der Statistiken, haben wir mehrere "Faustregeln" für das Arbeiten mit Typ identifiziert. Bitte beachten Sie, dass diese Regeln oft können, aber nicht immer, best Practice angesehen werden.

Technorati-Tags: ,

mehr lesen