Web vs. Werbung. GIULIA- vs. AIDA-Modell.

Sowohl in der Werbung als auch im Webdesign existieren Modelle um die Wirkung einer Werbeanzeige, oder einer Website, hinsichtlich der Zielgruppe zu kontrollieren und zu planen. Unter Werbern, Mediengestaltern und Webdesignern dürfte hierbei das Werbewirkungs-Modell AIDA hinlänglich bekannt sein. Jeder Buchstabe steht stellvertretend für eine Phase die der spätere Kunde oder Konsument durchlaufen soll: Attention, Interest, Desire, Action. Am Ende der Kette folgt im Idealfall die Kaufhandlung des Kunden.
Webdesign wird leider häufig der Werbung zugeordnet was dazu führt, dass auch hier mitunter das AIDA-Modell angewendet wird. Das ist ein grober Fehler denn Webdesign unterscheidet sich deutlich von konventioneller Werbung und folgt daher auch anderen Regeln.

Den ganzen Beitrag lesen »

20 Webdesign-Basics

Was zeichnet gutes Webdesign aus? Was sollte man besser vermeiden? In folgendem Artikel stellt WDL 20 Basics zu diesem Thema vor die man tunlichst beachten sollte wenn die Website für die User komfortabel bleiben soll. Sollte zwar jeder wissen – es schadet aber sicher nicht es sich ab und an in Erinnerung zu rufen.

Achtung: Die hier vorgestellten Regeln gelten nicht immer und in erster Linie für kommerzielle Seiten. Portfolios z.B. dürfen diese Regeln brechen, da die Zielgruppe stark abweicht. So sehe ich das zumindest.

Photoshop CS4 für Webdesigner

Jonas Hellwig - Photoshop CS4 für WebdesignerBisher war in diesem Blog über mein neustes Projekt nichts zu lesen. Lediglich auf Twitter konnte man den ein oder anderen Hinweis erhaschen. Nun darf ich mit Stolz und Freude ankündigen, dass mein Buch “Photoshop CS4 für Webdesigner” ab heute im Handel und bei Amazon erhältlich ist!
“Photoshop CS4 für Webdesigner” behandelt alle Themen rund um die Planung, Gestaltung und Umsetzung von modernen Websites. Hierbei habe ich die Theorie auf ein notwendiges Minimum reduziert und den Schwerpunkt in über 50 Praxisworkshops und einem Buchprojekt auf den viel interessanteren Designprozess konzentriert. In erster Linie geht es mir darum die grafische Qualität von Websites zu steigern, nötige Grundlagen und Gestaltgesetze zu vermitteln und einen Einblick in meinen täglichen kreativen Workflow zu geben. Selbstverständlich werden hierbei die sinnvollen neuen Funktionen von Photoshop CS4 voll ausgereizt.
Neben der Umsetzung des Buchprojektes in HTML und CSS erkläre ich auch die Erstellung eines individuellen WordPress-Themes anhand eines praxisnahen Beispiels.

Den ganzen Beitrag lesen »

Simple CSS Mouse Over Image Gallery

Simple CSS Mouse Over Image GalleryVor einigen Tagen brauchte ich eine simple Bildergalerie in der man mit der Maus über Miniaturansichten fährt und das entsprechende Bild in groß angezeigt bekommt. Auf der Suche nach einer entsprechenden Lösung fand ich jedoch leider nichts was mir wirklich zusagte. Zum einen wollte ich komplett auf JavaScript verzichten, zum anderen das Markup möglichst übersichtlich halten.
Im folgenden erläutere ich Euch die nun entwickelte Lösung.

Den ganzen Beitrag lesen »