Von Typografie „Best Practices“ hat jeder schon mal gehört. Aber wo kommen diese überhaupt her? Wie lesen wir eigentlich Worte, wie lesen wir Texte und wie kann beherztes typografisches Eingreifen das Lesen vereinfachen und Bedeutung transportieren?
Selbstzweck. Ich möchte dazu beitragen die Digitalisierung bedeutungsvoll zu gestalten. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z fi fl 0 1 2 3 4 5 6 7 8 9 ⁄ ½ ¼ ¾ ¹ ² ³ ! " # $ % & ‰ · • ^ ' ( ) * + , − - — – . / : ; < = > ? @ [ \ ] _ { | } ‹ “ ” ‘ ’ „ ‚ › « » € £ ~ ÷ ¬ × ± Á Â Ä À Å Ã Æ Ç Ð É Ê Ë È Í Î Ï Ì Ł Ñ Ó Ô Ö Ò Ø Õ Œ Þ Š Ú Û Ü Ù Ý Ÿ Ž Ă Ā Ą Ć Č Ď Đ Ě Ė Ē Ę Ī Į Ĺ Ń Ň Ō Ŕ Ř Ś Ş Ť Ţ Ū Ų Ů Ź Ż Ő Ű á â ä à å ã æ ç ð é ê ë è ı í î ï ì ł ñ ó ô ö ò ø õ œ þ š ß ú û ü ù ý ÿ ž ă ā ą ć č đ ě ė ē ę ī ĺ ń ň ō ŕ ř ś ş ţ ū ų ů ź ż Ċ Ğ Ġ ċ ğ ġ ő ű ´ ˘ ˇ ¸ ˆ ¨ ˙ ` ˝ ¯ ˛ ˚ ˜
Selbstzweck. Ich möchte dazu beitragen die Digitalisierung bedeutungsvoll zu gestalten. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z fi fl 0 1 2 3 4 5 6 7 8 9 ⁄ ½ ¼ ¾ ¹ ² ³ ! " # $ % & ‰ · • ^ ' ( ) * + , − - — – . / : ; < = > ? @ [ \ ] _ { | } ‹ “ ” ‘ ’ „ ‚ › « » € £ ~ ÷ ¬ × ± Á Â Ä À Å Ã Æ Ç Ð É Ê Ë È Í Î Ï Ì Ł Ñ Ó Ô Ö Ò Ø Õ Œ Þ Š Ú Û Ü Ù Ý Ÿ Ž Ă Ā Ą Ć Č Ď Đ Ě Ė Ē Ę Ī Į Ĺ Ń Ň Ō Ŕ Ř Ś Ş Ť Ţ Ū Ų Ů Ź Ż Ő Ű á â ä à å ã æ ç ð é ê ë è ı í î ï ì ł ñ ó ô ö ò ø õ œ þ š ß ú û ü ù ý ÿ ž ă ā ą ć č đ ě ė ē ę ī ĺ ń ň ō ŕ ř ś ş ţ ū ų ů ź ż Ċ Ğ Ġ ċ ğ ġ ő ű ´ ˘ ˇ ¸ ˆ ¨ ˙ ` ˝ ¯ ˛ ˚ ˜
Selbstzweck. Ich möchte dazu beitragen die Digitalisierung bedeutungsvoll zu gestalten. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z fi fl 0 1 2 3 4 5 6 7 8 9 ⁄ ½ ¼ ¾ ¹ ² ³ ! " # $ % & ‰ · • ^ ' ( ) * + , − - — – . / : ; < = > ? @ [ \ ] _ { | } ‹ “ ” ‘ ’ „ ‚ › « » € £ ~ ÷ ¬ × ± Á Â Ä À Å Ã Æ Ç Ð É Ê Ë È Í Î Ï Ì Ł Ñ Ó Ô Ö Ò Ø Õ Œ Þ Š Ú Û Ü Ù Ý Ÿ Ž Ă Ā Ą Ć Č Ď Đ Ě Ė Ē Ę Ī Į Ĺ Ń Ň Ō Ŕ Ř Ś Ş Ť Ţ Ū Ų Ů Ź Ż Ő Ű á â ä à å ã æ ç ð é ê ë è ı í î ï ì ł ñ ó ô ö ò ø õ œ þ š ß ú û ü ù ý ÿ ž ă ā ą ć č đ ě ė ē ę ī ĺ ń ň ō ŕ ř ś ş ţ ū ų ů ź ż Ċ Ğ Ġ ċ ğ ġ ő ű ´ ˘ ˇ ¸ ˆ ¨ ˙ ` ˝ ¯ ˛ ˚ ˜
Selbstzweck. Ich möchte dazu beitragen die Digitalisierung bedeutungsvoll zu gestalten. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z fi fl 0 1 2 3 4 5 6 7 8 9 ⁄ ½ ¼ ¾ ¹ ² ³ ! " # $ % & ‰ · • ^ ' ( ) * + , − - — – . / : ; < = > ? @ [ \ ] _ { | } ‹ “ ” ‘ ’ „ ‚ › « » € £ ~ ÷ ¬ × ± Á Â Ä À Å Ã Æ Ç Ð É Ê Ë È Í Î Ï Ì Ł Ñ Ó Ô Ö Ò Ø Õ Œ Þ Š Ú Û Ü Ù Ý Ÿ Ž Ă Ā Ą Ć Č Ď Đ Ě Ė Ē Ę Ī Į Ĺ Ń Ň Ō Ŕ Ř Ś Ş Ť Ţ Ū Ų Ů Ź Ż Ő Ű á â ä à å ã æ ç ð é ê ë è ı í î ï ì ł ñ ó ô ö ò ø õ œ þ š ß ú û ü ù ý ÿ ž ă ā ą ć č đ ě ė ē ę ī ĺ ń ň ō ŕ ř ś ş ţ ū ų ů ź ż Ċ Ğ Ġ ċ ğ ġ ő ű ´ ˘ ˇ ¸ ˆ ¨ ˙ ` ˝ ¯ ˛ ˚ ˜
Selbstzweck. Ich möchte dazu beitragen die Digitalisierung bedeutungsvoll zu gestalten. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z fi fl 0 1 2 3 4 5 6 7 8 9 ⁄ ½ ¼ ¾ ¹ ² ³ ! " # $ % & ‰ · • ^ ' ( ) * + , − - — – . / : ; < = > ? @ [ \ ] _ { | } ‹ “ ” ‘ ’ „ ‚ › « » € £ ~ ÷ ¬ × ± Á Â Ä À Å Ã Æ Ç Ð É Ê Ë È Í Î Ï Ì Ł Ñ Ó Ô Ö Ò Ø Õ Œ Þ Š Ú Û Ü Ù Ý Ÿ Ž Ă Ā Ą Ć Č Ď Đ Ě Ė Ē Ę Ī Į Ĺ Ń Ň Ō Ŕ Ř Ś Ş Ť Ţ Ū Ų Ů Ź Ż Ő Ű á â ä à å ã æ ç ð é ê ë è ı í î ï ì ł ñ ó ô ö ò ø õ œ þ š ß ú û ü ù ý ÿ ž ă ā ą ć č đ ě ė ē ę ī ĺ ń ň ō ŕ ř ś ş ţ ū ų ů ź ż Ċ Ğ Ġ ċ ğ ġ ő ű ´ ˘ ˇ ¸ ˆ ¨ ˙ ` ˝ ¯ ˛ ˚ ˜
Selbstzweck. Ich möchte dazu beitragen die Digitalisierung bedeutungsvoll zu gestalten. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z fi fl 0 1 2 3 4 5 6 7 8 9 ⁄ ½ ¼ ¾ ¹ ² ³ ! " # $ % & ‰ · • ^ ' ( ) * + , − - — – . / : ; < = > ? @ [ \ ] _ { | } ‹ “ ” ‘ ’ „ ‚ › « » € £ ~ ÷ ¬ × ± Á Â Ä À Å Ã Æ Ç Ð É Ê Ë È Í Î Ï Ì Ł Ñ Ó Ô Ö Ò Ø Õ Œ Þ Š Ú Û Ü Ù Ý Ÿ Ž Ă Ā Ą Ć Č Ď Đ Ě Ė Ē Ę Ī Į Ĺ Ń Ň Ō Ŕ Ř Ś Ş Ť Ţ Ū Ų Ů Ź Ż Ő Ű á â ä à å ã æ ç ð é ê ë è ı í î ï ì ł ñ ó ô ö ò ø õ œ þ š ß ú û ü ù ý ÿ ž ă ā ą ć č đ ě ė ē ę ī ĺ ń ň ō ŕ ř ś ş ţ ū ų ů ź ż Ċ Ğ Ġ ċ ğ ġ ő ű ´ ˘ ˇ ¸ ˆ ¨ ˙ ` ˝ ¯ ˛ ˚ ˜
nach Schriften, mit einem gleichmäßigen Grauwert. Das heißt, dass wenn wir unsere Augen leicht zukneifen, der Textblock in einem einheitlichen »Grauton« erscheinen soll. Je nach Art des Textes sollte eine Schrift gewählt werden, die offen und einladend wirkt. Das führt dazu, dass der Textblock vom Leser weniger als Herausforderung angesehen und somit einfacher gelesen wird. Der Bildschirm – vor allem alte 72dpi Displays – stellt die Schrift vor besondere Herausforderungen. Für Lesetexte sind wir auf der Suche nach Schriften, mit einem gleichmäßigen Grauwert. Das heißt, dass wenn wir unsere Augen leicht zukneifen, der Textblock in einem einheitlichen »Grauton« erscheinen soll. Je nach Art des Textes sollte eine Schrift gewählt werden, die offen und einladend wirkt. Das führt dazu, dass der Textblock vom Leser weniger als Herausforderung angesehen und somit einfacher gelesen wird. Der Bildschirm – vor allem alte 72dpi Displays – stellt die Schrift vor besondere Herausforderungen. Relato Sans Neue Helvetica
and exceptionally even tetragraphs started to come into use during the 13th century. But writing methods were neither regular nor consistent. The first system of digraphic orthography was not created until the early 14th century. The oldes preservedt Bohemian legends in verse, such as The Legend of the Virigin Mary, The Apostles, Descent of the Holy Spirit, Pontius Pilate and Judas, and The Passion of Jesus Christ, were written in digraphic style, as were the oldest manuscript fragments of the secular epic poem Alexandreis by A K . Vowel lengths were not marked still, and the way some phonemes were written could vary even within the very same text. The consonant ř, for example, could be written as rs, rz or even just r. The system (called the young diagraphic style) soon stabilised in the early 15th century and appeared in the first printed books. Fedra Sans Mediävalziffern echte Italic Kapitälchen
die Abspaltung von Spanien und der Erklärung der Unabhängigkeit missachteten die Separatisten bewusst die spanische Verfassung. Mit der Durchführung des verbotenen Referendums über die Abspaltung von Spanien und der Erklärung der Unabhängigkeit missachteten die Separatisten bewusst die spanische Verfassung. Mit der Durchführung des verbotenen Referendums über die Abspaltung von Spanien und der Erklärung der Unabhängigkeit missachteten die Separatisten bewusst die spanische Verfassung. 40 Zeichen 60 Zeichen 90 Zeichen
und befüllt eine ratternde Maschine, die aus einem Klumpen Teig Ramen-Nudeln presst und schneidet. Sie fallen auf ein kurzes Fließband, und Onishi faltet sie in Boxen, je eine Portion, bereit, gekocht und mit heißer Brühe übergossen zu werden. Onishi ist 38 Jahre alt und Chef von Tsuta, einem Nudelsuppenladen im Tokioter Stadtteil Sugamo. Am Eingang steht ein Ticketautomat, an Yuki Onishi sitzt im Hinterstübchen seines Imbisses und befüllt eine ratternde Maschine, die aus einem Klumpen Teig Ramen-Nudeln presst und schneidet. Sie fallen auf ein kurzes Fließband, und Onishi faltet sie in Boxen, je eine Portion, bereit, gekocht und mit heißer Brühe übergossen zu werden. Onishi ist 38 Jahre alt und Chef von Tsuta, einem Nudelsuppenladen im Tokioter Stadtteil Sugamo. Am Eingang steht ein Ticketautomat, an dem die Gäste das gewünschte Gericht zahlen. Die Auswahl ist überschaubar, Salz- oder Sojasauce als Grundlage und wenige Extras wie gekochtes Ei oder Teigtäschchen. Neun Sitzplätze hat sein Schnellrestaurant, alle am Tresen mit Blick in die Küche. Und es hat einen Stern, als erste Suppenküche in Tokio. Yuki Onishi sitzt im Hinterstübchen seines Imbisses und befüllt eine ratternde Maschine, die aus einem Klumpen Teig Ramen-Nudeln presst und schneidet. Sie fallen auf ein kurzes Fließband, und Onishi faltet sie in Boxen, je eine Portion, bereit, gekocht und mit heißer Brühe übergossen zu werden. Onishi ist 38 Jahre alt und Chef von Tsuta, einem Nudelsuppenladen im Tokioter Stadtteil Sugamo. Am Eingang steht ein Ticketautomat, an dem die Gäste das gewünschte Gericht zahlen. Die Auswahl ist überschaubar, Salz- oder Sojasauce als Grundlage und wenige Extras wie gekochtes Ei oder Teigtäschchen. Neun Sitzplätze hat sein Schnellrestaurant, alle am Tresen mit Blick in die Küche. Und es hat einen Stern, als erste Suppenküche in Tokio. ~25 Zeichen ~55 Zeichen ~90 Zeichen
Zeilenhöhe aus. Das Auge muss hier nur einen kurzen Weg vom Ende der einen zum Anfang der nächste Zeile zurücklegen. line-height: 120% Je länger die Zeilen werden, desto mehr Zeilenhöhe sollte man geben. Das Auge muss hier einen längeren Weg zum Beginn der Folgezeile zurücklegen. Das sollte man vereinfachen. Außerdem empfiehlt es sich, in längeren Zeilen die Laufweite etwas zu erhöhen. Laufweite und Zeilenhöhe sollten immer in einem guten Verhältnis zueinander stehen, damit ein gleichmäßiger Grauwert entsteht. line-height: 150%
120% Zeilenhöhe, sehr eng aus „Neue Helvetica“ gesetzt. Das war es auch an Information, jetzt folgt Blindtext: Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! letter-spacing: 0 line-height: 120%
150% Zeilenhöhe, sehr eng aus „Neue Helvetica“ gesetzt. Das war es auch an Information, jetzt folgt Blindtext: Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! letter-spacing: 0 line-height: 150%
150% Zeilenhöhe, etwas lockerer aus „Neue Helvetica“ gesetzt. Das war es auch an Information, jetzt folgt Blindtext: Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! letter-spacing: 0.02em line-height: 150%
150% Zeilenhöhe, etwas lockerer aus „Neue Helvetica“ gesetzt. Das war es auch an Information, jetzt folgt Blindtext: Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hier sehen wir einen Text, mit 120% Zeilenhöhe, sehr eng aus „Neue Helvetica“ gesetzt. Das war es auch an Information, jetzt folgt Blindtext: Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte!
Brandon Grotesque setzen wollen? Das war es auch an Information, jetzt folgt Blindtext: Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! letter-spacing: 0.01em line-height: 136%
lnolte
videlvequio
myates3
hjmkth
morganepeng
spindle
yukiringo
tatsuyasawanobori
securecat
kiyoshifuwa
kinakobooster
recruitengineers
ajstarks
sachag
garrettdimon
denniskardys
cromwellryan
sstephenson
lara
kastner
tmm1
jlugia
danielanewman
shlominoach
bluesmoon
