Drei Tipps für die Typographie Deines Blogs

1. Drei Tipps für die Typographie Deines Blogs blogos-fair.de; 03.2012

2. 1. Farben und Kontraste Welcher Text lässt sich besser entziffern? Ein Projektmanager, ein Ingenieur und ein Informatiker machen einen Autoausflug durch die Berge. Als sie gerade einen Pass hinunterfahren, reagieren plötzlich die Bremsen nicht mehr. Das Auto kommt von der Straße ab und stürzt ins Tal hinunter. Etwas benebelt steigen die drei aus. Da meint der Projektmanager: "Tja, am besten machen wir mal ein Meeting und checken die Lage.“ Darauf der Ingenieur: "Ach was, ich hab mein Sackmesser dabei, damit repariere ich die Bremsen.“ Kommt der Informatiker und sagt: "Warum so kompliziert, wir schieben die Karre wieder die Straße hinauf, steigen ein und schauen, ob es noch einmal passiert.“ Ein Projektmanager, ein Ingenieur und ein Informatiker machen einen Autoausflug durch die Berge. Als sie gerade einen Pass hinunterfahren, reagieren plötzlich die Bremsen nicht mehr. Das Auto kommt von der Straße ab und stürzt ins Tal hinunter. Etwas benebelt steigen die drei aus. Da meint der Projektmanager: "Tja, am besten machen wir mal ein Meeting und checken die Lage.“ Darauf der Ingenieur: "Ach was, ich hab mein Sackmesser dabei, damit repariere ich die Bremsen.“ Kommt der Informatiker und sagt: "Warum so kompliziert, wir schieben die Karre wieder die Straße hinauf, steigen ein und schauen, ob es noch einmal passiert." Die meisten Leute bevorzugen deshalb einen positiven Farbkontrast – auch wenn die Meinungen hier auseinandergehen. Helle Schrift auf dunklem Hintergrund kann schnell ermüdend wirken. blogos-fair.de; 03.2012

3. 2. Formales Welche Formalia helfen beim Lesen und welche sind störend? Ein Projektmanager, ein Ingenieur und ein Informatiker machen einen Autoausflug durch die Berge. Als sie gerade einen Pass hinunterfahren, reagieren plötzlich die Bremsen nicht mehr. Das Auto kommt von der Straße ab und stürzt ins Tal hinunter. Etwas benebelt steigen die drei aus. Da meint der Projektmanager: "Tja, am besten machen wir mal ein Meeting und checken die Lage.“ Darauf der Ingenieur: "Ach was, ich hab mein Sackmesser dabei, damit repariere ich die Bremsen.“ Kommt der Informatiker und sagt: "Warum so kompliziert, wir schieben die Karre wieder die Straße hinauf, steigen ein und schauen, ob es noch einmal passiert.“ Ob Blocksatz oder linksbündig ist Ansichtssache; die einen argumentieren mit Übersichtlichkeit, die anderen mit Aufgeräumtheit. Ein Projektmanager, ein Ingenieur und ein Informatiker machen einen Autoausflug durch die Berge. Als sie gerade einen Pass hinunterfahren, reagieren plötzlich die Bremsen nicht mehr. Das Auto kommt von der Straße ab und stürzt ins Tal hinunter. Etwas benebelt steigen die drei aus. Da meint der Projektmanager: "Tja, am besten machen wir mal ein Meeting und checken die Lage.“ Darauf der Ingenieur: "Ach was, ich hab mein Sackmesser dabei, damit repariere ich die Bremsen.“ Kommt der Informatiker und sagt: "Warum so kompliziert, wir schieben die Karre wieder die Straße hinauf, steigen ein und schauen, ob es noch einmal passiert.“ Definitiv ist: Absätze sind unabdingbar für Webtexte, da sie dem Auge bei der Orientierung helfen und die Texte inhaltlich strukturieren. Ein Projektmanager, ein Ingenieur und ein Informatiker machen einen Autoausflug durch die Berge. Als sie gerade einen Pass hinunterfahren, reagieren plötzlich die Bremsen nicht mehr. Das Auto kommt von der Straße ab und stürzt ins Tal hinunter. Etwas benebelt steigen die drei aus. Da meint der Projektmanager: "Tja, am besten machen wir mal ein Meeting und checken die Lage.“ Darauf der Ingenieur: "Ach was, ich hab mein Sackmesser dabei, damit repariere ich die Bremsen.“ Kommt der Informatiker und sagt: "Warum so kompliziert, wir schieben die Karre wieder die Straße hinauf, steigen ein und schauen, ob es noch einmal passiert.“ Zu viele Hervorhebungen in einem Text wirken unausgeglichen. Unterstreichungen sollte man im Webtext vermeiden, da sie Verlinkungen signalisieren. blogos-fair.de; 03.2012

4. 3. Schriftbild Und wie wirken diese Beispiele auf Dich? Ein Projektmanager, ein Ingenieur und ein Informatiker machen einen Autoausflug durch die Berge. Als sie gerade einen Pass hinunterfahren, reagieren plötzlich die Bremsen nicht mehr. Das Auto kommt von der Straße ab und stürzt ins Tal hinunter. Etwas benebelt steigen die drei aus. Da meint der Projektmanager: "Tja, am besten machen wir mal ein Meeting und checken die Lage.“ Darauf der Ingenieur: "Ach was, ich hab mein Sackmesser dabei, damit repariere ich die Bremsen.“ Kommt der Informatiker und sagt: "Warum so kompliziert, wir schieben die Karre wieder die Straße hinauf, steigen ein und schauen, ob es noch einmal passiert." Ein Projektmanager, ein Ingenieur und ein Informatiker machen einen Autoausflug durch die Berge. Als sie gerade einen Pass hinunterfahren, reagieren ploetzlich die Bremsen nicht mehr. Das Auto kommt von der Strasse ab und stürzt ins Tal hinunter. Etwas benebelt steigen die drei aus. Da meint der Projektmanager: "Tja, am besten machen wir mal ein Meeting und checken die Lage.“ Darauf der Ingenieur: "Ach was, ich hab mein Sackmesser dabei, damit repariere ich die Bremsen.“ Kommt der Informatiker und sagt: "Warum so kompliziert, wir schieben die Karre wieder die Strasse hinauf, steigen ein und schauen, ob es noch einmal passiert.„ Nicht jede Schrift eignet sich fürs Web. Aufgrund der geringen Auflösung der Bildschirme, wählt man meist Schriftarten ohne Serifen. Zu viele verschiedene Schriften auf einer Seite machen den Text unruhig. Headlines oder Kategorie-Bezeichnungen können allerdings durch besonders kunstvolle oder außergewöhnliche Gestaltungsmittel vom Rest abgehoben werden und so das Geschriebene zusätzlich strukturieren. blogos-fair.de; 03.2012

5. Hauptsache stimmig Farbe, Formales und Schrift müssen „aus einem Guss“ sein. Dann kann man sich auch über jede noch so fest gefahrene Regel hinwegsetzen. Wichtig ist, dass man sein Blog / seine Thematik mit seinem Design repräsentiert. Beispiele gefällig? blogos-fair.de; 03.2012

6. Beispiele Welche Grafik hat jeweils mehr Wirkung? Schriftarten sind Teil des Corporate Designs Deines Blogs. Der Leser hat bereits Assoziationen, bevor er tiefer in die Thematik des Blogs einsteigt. blogos-fair.de; 03.2012

7. Beispiele Das sind nur erfundene Beispiele, aber es lässt sich erahnen, welches Potenzial im Design und damit auch in der Typographie einer Internetpräsenz schlummert. blogos-fair.de; 03.2012