Buchtipp: Modernes Webdesign

Achtung: Dieser Beitrag ist schon etwas älter.
Es kann sein, dass sein Inhalt nicht mehr aktuell ist, Links veraltet sind oder dass auch niemand mehr auf neue Kommentare antwortet.

Wie sie es in ihrem eigenen Weblog schon angekündigt hat, hat Manuela Hoffmann ihr Buch zu modernem Webdesign veröffentlicht. In diesem Buchtipp möchte ich allerdings nicht alles wiederholen was sie schon geschrieben hat, sondern meinen eigenen Eindruck von dem Buch wiedergeben.

Das Buch macht einen Rundumschlag durch sämtliche Aspekte des Modernen Webdesigns. Es handelt nicht nur, wie viele andere Bücher, um HTML, CSS und JavaScript, sondern behandelt auch andere wichtige Themen wie Gestaltungsgrundlagen, Typografie und die Ordnung am Arbeitsplatz. Als ich das Buch zum ersten Mal in den Händen gehalten habe, war ich ziemlich überrascht, dass es ein für diese Themenvielfalt doch recht dünnes Buch (360 Seiten) ist.

»Mit diesem Buch möchte ich zeigen, was nötig ist, um moderne und zukunftsfähige Webseiten zu gestalten, die funktionieren und für jeden zugänglich sind. […] Ich präsentiere Ihnen einen Ansatz, der ohne unnötige Umwege von der ersten Idee bis zur fertigen Gestaltung reicht […].« (Aus Einleitung, Modernes Webdesign)

Das Design

Aufgeteilt ist das Buch in die Teile »Das Design«, »Die Technik« und »Die Praxis«. Im ersten Kapitel geht Manuela sehr schön darauf ein, was es überhaupt bedeutet eine Website zu gestalten und zeigt auch schon die ersten Probleme, mit denen ein Webdesigner im täglichen Leben konfrontiert wird.

Im Bereich »Gestaltung und Layout« werden die grundlegenden Dinge wie Gestaltgesetze und die visuelle Wahrnehmung behandelt. Sehr schön ist, dass alle Gesetzmäßigkeiten mit Beispielen aus dem Internet veranschaulicht werden und nicht nur, wie in manchen anderen Büchern, heruntergebeten werden.

Auf die Vor- und Nachteile der verschiedenen Layout-Arten im Webdesign wird sehr ausführlich eingegangen. Behandelt werden sowohl fixe Layouts, flexible Layouts und Hybridversionen als auch die Gestaltung mit Gestaltungsrastern. Zu allen angesprochenen Beispielen gibt es die passenden (X)HTML/CSS-Codeschnipsel.

Wo die Typografie im Print-Bereich eine tragende Rolle spielt, ist dies im Web nicht immer der Fall. Bei vielen Websites wurde scheinbar wahllos eine der wenigen verfügbaren Webschriften verwendet, ohne sich darüber vorher Gedanken gemacht zu haben. Daher finde ich es sehr schön, dass der Typografie in diesem Buch ein eigenes Kapitel gewidmet wurde. Dabei wurden die Typografie-Regeln aus dem Print nicht einfach Eins zu Eins in das Web übernommen, sondern unter Beachtung der im Internet gegebenen Erfordernisse angepasst. Auch hier wird direkt gezeigt, wie das behandelte mit CSS erreicht werden kann.

In Zeiten der Abmahnwellen kommt dem Thema »Mediennutzung und Rechte« eine besondere Bedeutung zu. Manuela zeigt, wo Medien wie Fotos, Illustrationen, Musik und Animationen im Internet gefunden werden können und was es bei den Verwertungsrechten und den verschiedenen Dateiformaten zu beachten gibt. Sehr interessant ist auch das Kapitel »Werkzeugkasten«. Hier gewährt sie dem interessierten Lesern einen Blick in ihren Werkzeugkasten und stellt verschiedene Websites und Werkzeuge vor, mit denen der eigene Arbeitsablauf entwickelt und optimiert werden kann.

Die Technik

Im Bereich »Technik« wird zu Beginn der grundlegende Aufbau von (X)HTML, Webdokumenten und CSS behandelt. Angereichert wird dieser Bereich mit zahlreichen Beispielen und Tricks, wie die Elemente von (X)HTML und die Eigenschaften von CSS gestaltet werden können. Eine einfache Auflistung von Elementen und Attributen ist dieses Kapitel definitiv nicht, sondern es wird gezeigt, wie die Elemente und Eigenschaften geschickt kombiniert werden können, um einzelne Effekte zu erzielen.

Ein Kapitel das in vielen Büchern fehlt, aber ganz entscheidend für einen optimalen Workflow ist, ist dass Arbeiten mit Arbeitsvorlagen. Netterweise werden einige fertige Vorlagen auch gleich auf der beigelegten DVD mitgeliefert. So geht es von der Theorie sofort in die Praxis.

Die Praxis

Waren die anderen Kapitel doch bislang größtenteils Grundlage und Theorie, geht es nun in das wahre Leben. Der dritte Bereich lädt den Leser ein, Manuela bei der Umsetzung eines Projektes zu begleiten: Von dem ersten Briefing bis zum fertigen Wordpress-Template.

»Ich werde Ihnen zeigen, dass Design sich in vielen kleinen Schritten vollzieht, von der Planung bis zur Umsetzung. […] Anstatt ein geradlinig ausgeschnittenes Layout zu sehen, werden Sie auch die verschiedenen Schritte der Anpassung und Nachbesserung nachvollziehen.« (Aus Modernes Webdesign, Seite 271)

Abgeschlossen wird das Buch mit einem Blick in die Zukunft des modernen Webdesigns. Angesprochen werden die Themen CSS3 und Web2.0 (»Eye Candy«, jQuery).

Fazit

Ich finde das Buch sehr gelungen, auch wenn einzelne Bereiche noch etwas vertieft werden könnten. Trotzdem bietet das Buch einen sehr guten und ausführlichen Überblick über viele Aspekte des Webdesigns. Einen so umfassenden Überblick habe ich jedenfalls noch in keinem anderen Buch gefunden. Und dies ist umso erstaunlicher, wenn man beachtet, wie dünn das Buch ist.

Empfehlen möchte ich das Buch im Speziellen angehenden Mediengestaltern, die sich auf den Non-Print-Bereich konzentrieren wollen. Es ist sehr praxisbezogen und frischt den Unterrichtsstoff aus der Berufsschule mit vielen Beispielen und Hintergrundinformationen auf.

Bestellt werden kann das Buch ganz bequem über Amazon*. Scheinbar gibt es dort aber derzeit Lieferschwierigkeiten.

* Wenn das Buch über diesen Link bestellt wird, erhalte ich eine Provisionsbeteiligung.

Abonniere den RSS-Feed für weitere Webdesign Tutorials und Artikel.

Bisher 2 Kommentare

Manuela 03 Mrz 08

Vielen Dank für die ausführliche Rezension!!!

Die Gradwanderung zischen dem »großen Ganzen« und den Details ist wirklich schwierig. Deshalb hab ich versucht, durch zahlreiche Verweise, Anregungen für die eigene Recherche zu geben.

Andre 07 Mai 08

Hi,
sehr nette Rezension. Für mich recht hilfreich, da ich gerade ein neues Design für meine Seite erarbeite.

Schreibe einen Kommentar