Grafik-Design, das i-Tüpfelchen Ihrer Website

Tipps & Tricks für den Einsatz von Grafik

Dem Grafik-Design kommt eine besondere Bedeutung zu, da Logo und Erscheinungsbild, Typographie und Farben das Corporate Design der Website ausmachen und Ihrem Webprojekt damit seine Corporate Identity vermitteln.

Setzen Sie Grafiken und Bilder beim Grafik-Design gezielt als Blickfang ein, aber denken Sie daran, dass zu viele Bilder oder Hintergrundgrafiken visuelles Rauschen verursachen können.

Für Grafiken haben sich GIF-Bilder und für Fotos JPG-Bilder durchgesetzt, wenn auch vereinzelt BMP, TIF, WMF und PNG-Formate zu finden sind. Wegen der beträchtlichen Ladezeiten, sollten Fotos und Grafiken nie größer als die tatsächlich dargestellten Pixelmaße haben und die Dateigröße möglichst unter 15 KB liegen. Speichern Sie die Bilder ggf. mit einer geringeren Auflösung oder Qualität.

Das Einsetzen von gezielten animierten Elementen für eine längere Bindung des Besuchers an die Webseite ist ebenfalls zulässig, wohingegen von großen, ladezeitintensiven Flashobjekten abzuraten ist.

Machen Sie wichtige Elemente wie Awards und Prüfsiegel dem Besucher ebenfalls sichtbar. Für folgende Funktionen können Sie grafische Sinnbilder verwenden:

•  HOME für die Startseite,
•  Einkaufswagen für den Warenkorb,
•  Fernglas oder Lupe für die Suche,
•  Fragezeichen für Hilfe.

Banner sind ein wichtiges Element im Grafik Design

Banner sind aus dem Internet heute gar nicht mehr wegzudenken. Gute Gründe sprechen auch für den Einsatz von Bannern beim Grafik-Design. Zum einen können sie mehr Besucher auf die Website bringen, zum anderen können sie dazu beitragen, das Image zu verbessern. Und schließlich kann damit noch für ein bestimmtes Produkt oder eine Dienstleistung geworben werden.

Tipps & Tricks zum Erstellen eines Banners

Verwenden Sie grundsätzlich Standardgrößen (siehe unten) und ein GIF oder JPG Format. Benutzen Sie nicht zu viele Farben, möglichst nur eine Hintergrundfarbe und eine klar lesbare Schriftart. Ein Banner sollte insgesamt harmonisch wirken.

Auf jedem Einzelbild des Banners sollte der Name oder das Logo der Website sichtbar sein und am selben Platz stehen. Banner sollten hinsichtlich der Dateigröße optimiert sein. Je schneller ein Banner lädt desto besser. Animierte Banner bieten die Möglichkeit, größere Textmengen unterzubringen. Wegen der kurzen Betrachtungszeit des Banners sollte aber das Logo der Website jederzeit sichtbar sein.

Schlüsselworte wie "free" und "kostenlos" erhöhen deutlich die Klickrate. Fake- Banner, die Scrollbalken, blinkende Cursor, Drop-Down Menüs oder Schaltflächen vortäuschen, sollten Sie bei seriöser Werbung nicht verwenden. Es gibt aber auch Banner, die mit Hilfe von IFrames echte Drop-Down Menüs bieten und Besucher eher zum Anklicken animieren.

Banner Standardgrößen
•	88 x 31 Pixel	Button
•	234 x 60 Pixel	Half-Size Banner
•	468 x 60 Pixel	Full-Size Banner
•	728 x 90 Pixel	Leaderboard
•	180 x 150 Pixel	Small Rectangle
•	300 x 250 Pixel	Medium Rectangle
•	336 x 280 Pixel	Large Rectangle
•	125 x 125 Pixel	Button
•	120 x 240 Pixel	Vertical Banner
•	250 x 250 Pixel	Square
•	120 x 600 Pixel	Skyscraper
•	160 x 600 Pixel	Wide Skyscraper