Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 6.7.10a-c: Icons in den Größen 16 x16,
32 x 32 und 48 x 48 Pixeln, links ungeeignete
Darstellung, rechts geeignetes Symbol
(Screenshots in Originalgröße)
Abb. 6.8.1a: Scribbeln im Browserscreenshot
(Grafik: Bensmann)
232
Designarbeitsschritte
• 16 x 16 Pixel: Adressleiste, Lesezeichen und Tabs im
Browser
• 32 x 32 Pixel: Manche Browser-Toolsbars sowie Desktop-
Icons einzelner Websites
• 48 x 48 Pixel: Kommt selten zum Einsatz, z. B. als Windows
Vista bzw. Windows 7 Desktop-Icon
Zum Erstellen eines Favicons kann eine prägnante Bildmarke oder
ein Textkürzel eines Unternehmenslogos geeignet sein, in der Regel
aber nicht eine komplette Wort-Bild-Marke, da dies in der starken
Verkleinerung zu unleserlicher Schrift führt. Reduzieren Sie das
Bild so weit wie möglich auf prägnante Formen und verkleinern
Sie es auf die benötigten Größen. Beim ICO-Format stehen bis zu
16 Millionen Farben zur Auswahl, bei GIF und PNG nur 256.
6.8
Designarbeitsschritte
Die Designentwurfsphase innerhalb des Ablaufprozesses eines
Webdesignprojektes wird üblicherweise untergliedert in die
Ar beits schritte Scribble, Photoshop-Layout, Rasterentwicklung,
De tailentwurf und Aufbau des grafischen Prototyps.
6.8.1 Scribble, Vorentwurf
Am Anfang jedes gestalterischen Entwurfs steht das Scribble als
Technik zur schnellen Ideenskizzierung. Ideenvielfalt ist gefragt,
nicht Ausführungsperfektion.
Nützlich ist es, sich vorab die Webauftritte der Konkurrenz, die
bereits in der Konzeptphase des Webprojektes analysiert worden
sind, in Erinnerung zu rufen, um sich Anregungen zu holen und
sich einen Überblick über den Markt zu verschaffen. Vor allem ist
dies hilfreich, um ungewollte „Nacherfindungen“ zu vermeiden
und sich bewusst vom Wettbewerb abzugrenzen.
Produzieren Sie für einen Webentwurf mindestens 10, besser 20
unterschiedliche Ideenscribbles. Arbeiten Sie die besten Ansätze
davon im Scribble ein wenig exakter aus.
TIPP: Legen Sie ein typisches Browserformat (in der im Briefing
festgelegten Größe und Auflösung) zugrunde, indem Sie direkt in
einen ausgedruckten Screenshot eines Standardbrowserfensters
hineinscribbeln. Das ist hilfreich, um die querformatigen Proportionen
eines Browsers vor Augen zu haben. (Abb. 6.8.1a)
Skizzieren Sie eine typische Inhaltseite mit Navigation, Logo, Headline,
Bodytext und Bildern unter Berücksichtigung des ungefähren
Platzbedarfs für Navigations- und Inhaltselemente. Spielen Sie
mit Metaformen (Grafik oder Metaphern), um die Seite in ihrer
Gesamtheit zu strukturieren. So entstehen erste Vorstellungen von
verschiedenen Aufteilungen oder Rastern.