Webdesign - Webseiten planen, gestalten - Free-Hack Library

Präsentation grafischer Prototyp
Wie sehen Seiten für Formulare, Foren etc. aus, die manchmal
einige gestalterische Besonderheiten erfordern? Formularseiten
formatiert man heute vorzugsweise mit CSS statt mit Tabellen.
Versuchen Sie, Formulare dem Designstil der Site anzupassen z. B.
durch Übernahme gleicher Farben und Formelemente wie Linien,
Rahmen und Abstände (Abb. 6.8.4a - c).
Auch die passende Gestaltung z. B. für sich öffnende Extra-Fenster
mit den dazugehörigen Icons („Fenster schließen“ usw.) muss
festgelegt werden.
Die Zielsetzung des Photoshop-Entwurfs ist es, das Erscheinungsbild
der fertigen Webseite vorwegzunehmen.
6.9 Präsentation grafischer Prototyp
Wenn Sie mindestens drei gut ausgearbeitete Photoshop-Layouts,
mit denen Sie selbst zufrieden sind, erstellt haben, präsentieren Sie
diese Ihrem Auftraggeber zur Entscheidung. Nützlich ist es auch,
hier Meinungen potenzieller Nutzer einzuholen.
Wenn Sie für die Präsentation mehrere Seitentypen angelegt haben,
ist es für eine Vorstellung der Arbeit sehr wirkungsvoll, diese zu
verlinken, um einen flüssigen Aufruf der Seiten-Alternativen zu
erreichen. Das Photoshop-Layout wird dadurch zu einem „grafischen
Prototyp“.
DESIGNENTWURF 6
Abb. 6.8.4a, b: Formulardesign
mit CSS-Formatierung
(http://www.hebammenhilfe.de, http://www.
rapid-html.de, Design: Martina Plawer)
Abb. 6.8.4c: Formulardesign (http://www.
qwertcity.com, Design: Mason Yarnell)
Mit Hintergrundbildern ist eigenständige
Formulargestaltung möglich.
237