ALLE PRODUKTE SOFORT LIEFERBAR
GRATIS VERSAND *
BESTELLHOTLINE 0800 3225544 **
SOFTWARE UND BÜCHER FÜR FOTOGRAFEN
0,00 EUR
Home FOTO Blog Tipps & Tricks  Zeilenlänge, Zeilenabstand und Absätze im Web
Weitere Artikel aus dem Foto Blog

Bildbearbeitung - Photoshop - Webdesign

 

Zeilenlänge, Zeilenabstand und Absätze im Web

Lange Texte am Monitor zu lesen, lässt die Augen schnell ermüden - ein Grund dafür, dass jede Internetseite nach wie vor eine optimierte Version für den Druck bereitstellen sollte.

 

Dies geschieht über ein separates und dem Druck angepasstes Stylesheet, das nur dann geladen wird, wenn die Seite ausgedruckt werden soll.

<link rel="stylesheet"
type="text/css" href="print.css"
media="print" />

Code zum Einbinden einer print.css in den <head> Ihrer Seite.

 

Unterstützen Sie Ihre Seitenbesucher, indem Sie kurze, sinnvolle Absätze bilden und im Idealfall Zwischenüberschriften einfügen. Dies ermöglicht dem User ein Überfl iegen der Seite (das sogenannte Scannen) und ein zügiges Auffi nden der für ihn relevanten Textpassagen.

Zeilenlänge

Die Zeilenlänge Ihrer Texte sollte zwischen 60 und 80 Zeichen je Zeile liegen. Sind die Zeilen zu kurz, muss der Besucher zu oft die Zeile wechseln, was ermüdend und beunruhigend wirkt. Bei zu langen Zeilen erhöht sich die Gefahr, bei Lesen in die falsche Zeile zu springen.

Zeilenabstand

Ähnlich verhält es sich mit dem Zeilenabstand. Diesen sollten Sie im Web etwas größer wählen als in Printmedien. 130 bis 150 % ist ein bewährter Wert, der in Kombination mit einer passenden Schrift und einer gut gewählten Zeilenlänge optimale Lesbarkeit garantiert.

ZeilenabstandWenn Sie Serifenschriften verwenden, muss hier der Zeilenabstand nicht ganz so hoch bemessen werden wie bei grotesken Schriften.

Den Zeilenabstand können Sie in Photoshop auf folgende Weise anpassen:

 

Im Bedienfeld Zeichen steht Ihnen das Auswahlmenü Zeilenabstand zur Verfügung.

Hier können Sie individuelle Zeilenabstände pixelgenau angeben.

Um den für Ihre Schrift vorgegebenen Zeilenabstand zu verwenden, wählen Sie Auto.

 

 

 

 

 

Zeilenabstand und CSS

Mit CSS erhöhen Sie den Zeilenabstand über das Attribut line-height. Hiermit wird über und unter der Textzeile Platz hinzugefügt und nicht, wie im Print üblich, der Abstand von Grundlinie zu Grundlinie erhöht.

body {
line-height: 130%;
}

 

Textausrichtung und Silbentrennung

IIn Photoshop stehen Ihnen im Bedienfeld Absatz verschiedene Absätze für Ihre Fließtexte zur Verfügung. Sie haben hier die Möglichkeit, links- oder rechtsbündigen Flattersatz einzustellen sowie Ihren Text zu zentrieren. Darüber hinaus können Sie auch Blocksatz verwenden, in dem die letzte Zeile links- oder rechtsbündig sowie zentriert dargestellt wird.

 

Ganzen Artikel lesen... 

Kundenkommentare

FRANZIS Appkolleg für Nikon

FOCUS projects professional