Webdesign-Hilfe und Promotion-Tipps |
|
Webdesign-Hilfe und Promotion-Tipps |
» Kontakt / Impressum » Gästebuch |
|
|
|
|
Seiten-LayoutAn dieser Stelle möchte ich euch ein paar Tipps geben, wie man Seiten und Texte gut lesbar und interessant gestaltet.Man kann die Texte natürlich einfach irgendwie auf die Seite setzen - Hauptsache, der Besucher hat was zum Lesen. Man kann es dem Besucher aber auch leichter machen, sich in einem Text besser zurechtzufinden, wenn man auf ein paar Dinge achtet.  Seitenhintergrund und KontrastGemusterte Hintergründe stören den Lesefluss. Außerdem muss man sich - je nach Stärke des Musters - mehr anstrengen, um einen Text lesen zu können. Beispiel:
Ebenfalls anstrengend ist das Lesen, wenn Hintergrund und Schrift nicht genügend Kontrast haben. Beispiel:
Breite des TextesMan sagt, dass eine Textzeile nicht mehr als ca. 100 Zeichen lang sein sollte. Wenn die Zeilen länger werden, ist es z. B. schwieriger, bei einem Zeilensprung die nächste Zeile zu finden. Die Zeilen auf dieser Homepage haben ca. 80 Zeichen. Das ist jedoch nur ein Anhaltspunkt. Niemand muss jetzt pingelig die Buchstaben abzählen! Wichtig ist, dass man die Zeilen nicht zu lang macht, beispielsweise auf einer Seite ohne Tabellen vom linken Rand zum rechten. Bei einer Auflösung von 1024x768 oder mehr werden die Zeilen dann übermäßig lang. Abhilfe schafft hier z. B., die gesamte Homepage gleich für die Auflösung von 800x600 zu erstellen. Das heißt, die Homepage in eine feste Tabelle von nicht mehr als 760 Pixel Breite zu setzen. Eine andere Möglichkeit wäre auch, den Text in 2 Spalten zu teilen. Text gliedernNichts ist langweiliger und ermüdender, als einen Fließtext ohne Absätze oder Überschriften zu lesen. Folgender Screenshot zeigt ein Beispiel, wie es nicht sein sollte:  Die Zeilen bei diesem Beispiel sind zu lang und es wurden kaum Absätze gelassen. Stellt euch mal vor, ihr würdet ein Buch lesen, wo es weder Kapitel noch Absätze gibt. Man hätte gar keinen Anhaltspunkt, wo man mal kurz Pause machen könnte, um dann später an dieser Stelle weiterzulesen. Bei diesem Beispiel habe ich den Text ein wenig gegliedert und in eine Tabelle gesetzt, damit die Zeilen nicht zu breit werden:  Hier kann man sich Absatz für Absatz durch den Text schlängeln und wird nicht gleich "von einem Block erschlagen". Hervorhebungen im TextWenn man die wichtigsten Stichworte eines Textes hervorhebt, kann der Leser schonmal den Text überfliegen und somit das Wichtigste "herausziehen". Dann kann er entscheiden, ob er sich den ganzen Text durchlesen möchte - oder nicht. Als Hervorhebung empfehle ich die Fettschrift. Kursivschrift fällt kaum auf (ich benutze diese nur, um z. B. ein Wort zu betonen). Keinesfalls sollten Worte auf einer Homepage durch Unterstreichen hervorgehoben werden. Der Leser wird glauben, dass es sich um einen Link handelt und ist umso verärgerter, wenn es keiner ist. Abstand zwischen Text und TabellenrahmenWer einen Text in eine sichtbare Tabelle (mit Rahmen) setzt, sollte zwischen dem Rand und dem Text immer ein bisschen Platz lassen. Beispiele:
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
