2.5 Erste Schritte

Sie haben es also geschafft, sich die in den bisherigen Kapiteln erläuterten Grundlagen des professionellen Webdesigns anzueignen. Sicherlich gibt es noch jede Menge mehr zu erfahren, jedoch soll dies für die ersten Schritte reichen, so dass die weiteren Tipps und Tricks in den folgenden Praxis-Kapiteln vermittelt werden.

Skizzen

Sie haben sich bisher soweit mit der Planung Ihrer Webseite auseinander gesetzt, so dass Sie nun mit den ersten praktischen Schritten beginnen können. Dazu nehmen Sie sich am besten ein Blatt Papier und einen Bleistift zur Hand. Sie wissen bereits für welche Zielgruppe Ihre Webseite ausgelegt sein wird und auf welchem Grundlayout sie basiert. Zudem haben Sie bereits eine grobe Farbwahl getroffen und die Anforderungen definiert, die Ihre Webseite erfüllen soll oder muss. Anhand dieser Faktoren haben Sie bereits grobe Richtlinien, anhand derer Sie erste Entwürfe auf Papier skizzieren können. Dazu könnten Ihnen die folgenden Fragen helfen:

• Wo soll die Navigation der Seite platziert werden und benötigen Sie ein Untermenü? (und damit die Fragestellung wie viele Menüpunkte Sie benötigen)
• Ist ein großer Banner wichtig oder reichen kleine Grafiken? Wo sollen diese positioniert werden?
• Wird ein Eyecatcher (zu deutsch: Blickfang) gebraucht oder ist das Logo der Seite ausreichend aussagekräftig?
• Benötigen Sie viel Fläche für den Inhalt um Bilder oder längere Texte darzustellen?

Diese Fragen sind allesamt nutzer- oder zweckorientiert und somit könnten Sie diese Liste an Fragen selbst fortführen. Besonders wichtig ist, dass Ihre Webseite den Anforderungen, die Sie definiert haben, gerecht werden kann. Achten Sie auf einen ausreichend breiten Inhaltsbereich, wenn Sie viel Inhalt oder Bilder haben, so dass diese auch in einer höheren Auflösung dargestellt werden können. Wenn Sie enorm viele verschiedene Menüpunkte haben empfiehlt es sich, ein Untermenü zu verwenden und die Inhalte aufzuteilen. Somit behalten Besucher Ihrer Internetpräsenz den Überblick über die Inhalte, die Sie ihnen zur Verfügung stellen.

All diese Informationen können Sie in Skizzen festhalten. Dabei geht es sowohl um funktionale, als auch um ästhetische Aspekte. Überprüfen Sie anschließend die Faktoren aus der Anforderungsdefinition und passen Sie Ihre Skizzen dementsprechend an. Oftmals hilft es dabei, mit dem wichtigsten Inhalt Ihrer Seite zu beginnen, was oftmals nicht die Startseite ist. Bei meiner Webdesign Community habe ich beispielsweise damit begonnen, die Tutorialsektion zu zeichnen, da ich dort bereits grobe Vorstellungen und Anforderungen hatte. Bei der Startseite war ich mir selbst zu dem Zeitpunkt noch gar nicht so sicher, wie sie später aussehen sollte.

Sollten Sie gar keine Vorstellung von Ihrer zukünftigen Seite haben, so sollten Sie sich bevor Sie frustriert aufgeben, unbedingt inspirieren lassen. Das bedeutet keinesfalls, dass Sie andere Webseiten kopieren sollten, aber oftmals ist es sehr hilfreich zu sehen, wie ähnliche Inhalte grafisch umgesetzt wurden. Meist entstehen daraus vollkommen neue und eigene Ideen zur Umsetzung und grafischen Gestaltung. Aber nicht nur das Internet, sondern auch Zeitschriften, Magazine und besonders Prospekte (etwa von diversen Automarken) können Ihnen dabei helfen.

Los geht's

Nach der Erstellung der Skizzen sollten Sie eine grobe Vorstellung über das Layout und somit über die grafische Gestaltung und die Platzierung der Inhalte haben. Diese Zeichnungen dienen als Basis für die Umsetzung des Designs im folgenden Kapitel und sparen jede Menge Zeit, da Sie Ideen in der Regel deutlich schneller zu Papier bringen können, als diese zunächst in einem Grafikprogramm umzusetzen um dann eventuell zu merken, dass dies doch nicht Ihren Vorstellungen entspricht. Daher sollten Sie auf erste Skizzen meiner Meinung nach niemals verzichten.