Das Layout der Website - die grafische Gestaltung des Webdesign

Wahl der Schriften und Schriftgrößen

Die auf Ihrer Website verwendete Schrift trägt nicht unwesentlich zum äußeren Erscheinungsbild Ihres Internetauftrittes bei. Auch hier ist, wie bei der Wahl der Farben, weniger oft mehr. Wählen Sie eine Schriftart als Grundschrift. Diese sollte wegen der besseren Lesbarkeit nach Möglichkeit serifenlos sein. Manchmal kann eine passende 2. Schriftart zusätzlich verwendet werden. Das kommt aber auf die Art des Internetauftrittes an. Handelt es sich um eine Website mit technischem oder informativem Inhalt mit viel Text, so ist nur eine Schriftart in unterschiedlichen Größen oder Stärken zu empfehlen. Handelt es sich dagegen um eine künstlerische Website so kann sicher etwas experimentiert werden. Auf jeden Fall sollte die Schrift bei einem schon sehr schrillen Layout sorgsam ausgewählt werden um das komplette Webdesign nicht einfach nur chaotisch wirken zu lassen. Es gibt genügend dieser schlechten Beispiele im Internet.

Wollen Sie eine Schriftart verwenden, bei der davon auszugehen ist, dass sie auf den meisten PC's oder Mac's nicht vorhanden ist, sollten Sie eine zweite Schriftart, als Alternative mit im font-tag oder besser per css angeben. Wählen Sie als alternative Schriften beispielsweise Arial und Helvetica, da diese Schriften mit großer Wahrscheinlichkeit auf sehr vielen Computern vorhanden sind. Wichtig ist dabei das Layout mit den alternativen Schriften auch zu testen um böse Überraschungen bei der Darstellung Ihrer Webseiten zu vermeiden. Nicht jede Schriftart hat beispielsweise bei angegebenen 12px die gleiche Schriftgröße. Ein völlig entstelltes Layout der Webseite könnte die Folge von zu klein oder zu groß dargestellten Schriften sein. Die Schrift Ihrer Wahl und die alternative Schrift sollten also annähernd die gleiche Größe haben. Ist keine der von Ihnen angegebenen Schriften auf dem Computer des Besuchers vorhanden, so wird der Text in irgendeiner auf dem Computer befindlichen Schrift angezeigt. Auf die Darstellung Ihrer Webseiten bei diesem Besucher haben Sie dann leider keinen Einfluß mehr.

Kommt eine alternative Schriftart bei der Gestaltung Ihrer Website nicht in Frage und die "exotische" Schriftart soll trotzdem Verwendung finden, bleibt eigentlich nur die Schrift in Form einer Grafik darzustellen, was allerdings die denkbar ungünstigste Variante im Webdesign ist. Zum einen treibt es die Ladezeit der Webseite erheblich in die Höhe wenn große Mengen Text als Grafik eingebunden werden und der Besucher ist schon wieder weg, bevor die Seite überhaupt geladen wurde, zum anderen sehen Suchmaschinen, wenn kein weiterer normaler Text vorhanden ist, nur eine leere Webseite. Handelt es sich nur um eine Überschrift oder andere kleine Textpassagen, die als Grafik in's Webdesign eingebunden werden sollen, ist dieses natürlich akzeptabel. Es sollte aber darauf geachtet werden, dass noch genügend normaler Text zur Verfügung steht, die Ladezeit nich wesentlich erhöht wird und die verwendeten Schriften zu einander passen. Das Alt-Attribut des img-tags sollte natürlich entsprechend dem Inhalt der Grafik ausgefüllt werden.

Verhältnis zwischen Text und Bildern im Webdesign.

Im Spruch: "ein Bild erstetzt tausend Worte" steckt viel Wahrheit. Auf das Webdesing und das Internet bezogen bedeutet es aber, dass es die gesunde Mischung zwischen Text und Bildern ist, die eine Website als gelungen gelten lassen. Ein Problem ist vor allen Dingen die Ladezeit der Bilder. Diese sollten deshalb nur so groß wie nötig sein und so weit wie möglich komprimiert werden, bei sehr guter oder guter Qualität. Aus Sicht der Suchmaschinen bringen Bilder fast gar nichts, deshalb ist es wichtig, dass es auch Text zu den Bildern gibt. Wichtige Helfer sind dabei die alt- und title-attribute des img-tags, welche ausgefüllt werden sollten, vor allem, wenn sich sonst kein sichtbarer Text in das Webdesign integrieren läßt. Diese helfen nicht nur den Suchmaschinen die Webseiten richtig einzuordnen, sondern auch blinden Besuchern, die mit Readern unterwegs sind und so vorgelesen bekommen, was auf den Bildern zu sehen ist. Auch Besucher, die im Browser die Anzeige der Bilder ausgeschaltet haben können so lesen, was die Bilder beinhalten.

Strukturierung der Webseiten durch Überschriften.

Wie auch in anderen Medien, wie Büchern oder Zeitschriften, sind im Internet Überschriften oder Schlagzeilen sehr wichtig. Unter den Überschriften können auch Inhalte nur kurz angerissen werden. Mit einem Link wird dann jeweils auf Seiten mit weitergehenden Informationen verwiesen. Das empfiehlt sich, wenn der Benutzer erst einmal einen kleinen Überblick erhalten soll, vor allem bei viel Informationsmaterial, was natürlich nicht alles auf einer Webseite untergebracht werden kann. So wird der Benutzer, entsprechend seiner Interessen, zum Weiterlesen auf tiefer liegenden Webseiten veranlaßt. Das Webdesign läßt sich also mit Überschriften klar strukturieren. Achten Sie bei der Verwendung Ihrer Überschriften auf die Semantik.