Modernes Webdesign: Gestaltungsprinzipien, Webstandards, Praxis (Galileo Design) [Gebundene Ausgabe]

Wenn man über Webgestaltung schreibt, und Grundlagen zu Farbpsychologie anreißt, ist davon auszugehen, daß sich das Buch an Anfänger richtet. Als solches habe ich mir das Buch gekauft um den Umgang mit html/css zu lernen. Leider vermag der Autor, aufgrund fehlender didaktischer Qualifikation, nicht, Neulingen die html/css-Materie erfolgversprechend zu vermitteln. Ich habe nach dem 1. Drittel aufgegeben. Gut, daß ein Webfachmann mir zu einem weit besserem Buch geraten hat, das mir wirklich html/css vermittelt hat. Am Schluß dieses Buches wird auch noch php "vermittelt", das jeden Anfänger wieder mit Sicherheit im Regen stehen läßt, weil sich die Syntax logischerweise nicht von selbst erklärt und das Abschreiben des PHP für das barocke Website-Beispiel des Buches nun wirklich nicht für eigene Websites weiterhilft. Wenn also Hoffmann ihre Website in WordPress zu Lehrzwecken umstrickt wäre das ein lobenswertes Unterfangen für ein eigenständiges WP/PHP-Fachbuch. Fazit: Für Anfänger, von Seitenthemen abgesehen, untauglich.

Das Buch liefert eine Anleitung für die Gestaltung von Webseiten und Web-Sites, die bei den Themen Layout und Gestaltung anfängt, und bis zur detaillierten technischen Umsetzung reicht. Damit deckt es den gesamten Themenbereich vollständig ab und hebt sich sehr wohltuend von anderen Werken des Zuschnitts "die ultimative HTML- und CSS-Kommandoreferenz" ab.

Die Autorin bringt Ihre Kompetenz und praktische Erfahrung in den Bereichen Design und technische Umsetzung sehr gut ein. Dies führt dazu, dass die Grundlagen zu den einzelnen Themen sehr fundiert und nachvollziehbar vermittelt werden. Gleichzeitig wird auch die praktische Umsetzung ausführlich behandelt, einschließlich konkreter Tipps und Best Practices sowie Referenzen auf weiterführende Literatur und Internet-Quellen. Gerade die Fülle und die Qualität dieser Referenzen zeigt auch, dass die Autorin sehr tief im Thema steckt, und offensichtlich über sehr viel praktische Erfahrung verfügt. Dies ist für mich für Bücher (und Seminare) ein sehr wichtiges Kriterium: es hilft mir am meisten, wenn ein Praktiker mich an seinen Erfahrungen und gelösten Problemen teilhaben lässt.

Vom Aufbau und der klaren Struktur des Buches bin ich sehr angetan. Es werden in einzelnen themenspezifischen Kapiteln (z.B. zu Farben oder Fonts) Grundlagen vermittelt, und gleichzeitig wird jeweils die praktische Umsetzung mit HTML und vor allem CSS gezeigt. Hierbei wird nicht auf jede Kleinigkeit im Sinne einer Kommandoreferenz eingegangen, sondern es werden nur die wesentlichen und relevanten Eigenschaften beschrieben. So wird der Text nicht überladen mit Mikro-Beschreibungen von Details, und die Struktur bleibt klar und nachvollziehbar.
Weiter hinten im Buch gibt es dann Referenzen zu HTML und CSS, so dass man spezifische Details und Spezifikationen nachschlagen kann.
Den Abschluss des Buchs bildet ein Praxisteil mit einem fiktiven Projekt, das den gesamten Arbeitsablauf (oder neudeutsch: Workflow) der Gestaltung einer Web-Site abdeckt, und der zusätzlich die Einrichtung einer technischen Umgebung für den Betrieb einer Web-Site auf Basis von WordPress beschreibt.

Für mich als "Nicht-Designer" ist es sehr hilfreich, die wesentlichen Grundlagen zur Gestaltung von Webseiten - wie zum Beispiel die gute Aufteilung einer Seite oder der sinnvolle Gebrauch von Fonts - im Buch zu finden. Es werden hierbei die gestalterischen Grundlagen übersichtlich und nachvollziehbar vermittelt, und insbesondere wird auch auf die Wirkung bestimmter Mechanismen bei Webseiten eingegangen. Für versierte Experten aus nicht-Web-Bereichen (vor allem aus dem Print-Bereich) werden auch die wichtigen Unterschiede beim Webdesign behandelt - zum Beispiel dass man beim Design von Webseiten nicht von festen Font-Größen ausgehen kann.
Positiv finde ich, dass die Autorin auf die unterschiedlichen Philosophien beim Designansatz eingeht - bei Printmedien geht man von voller Kontrolle der Größen und Positionen von Elementen aus, während man beim Webdesign flexibel arbeiten muss, da einige maßgebliche Faktoren wie die Window-Größe oder das Benutzerverhalten nicht statisch vorhersehbar sind. So lerne ich, wie ich grundsätzlich beim Webdesign vorgehen muss, und kann mit diesem Wissen konkrete Entscheidungen für ganz unterschiedliche Themenbereiche treffen.

Wohltuend finde ich, dass die Autorin bei der Darstellung der Themen Raum lässt für Optionen und Varianten, ohne eine harte Vorgabe zu machen. Sie beschreibt zum Beispiel unterschiedliche Möglichkeiten zur Aufteilung und Rasterung von Webseiten oder zur Positionierung von Seitenelementen. Hierbei stellt sie die Alternativen mit Vor- und Nachteilen gegenüber und liefert weiterführende Informationen und Quellen im Internet. Jeder kann so fundiert seine eigene Wahl treffen und auch die individuelle Detailtiefe an Informationen selbst bestimmen.

Es wird im Buch Wert gelegt auf die Nutzung von Standards für HTML und CSS, um so kompatible und gut nutzbare Seiten zu erzeugen. Dies beinhaltet auch die Themen Barrierefreiheit und den Umgang mit benutzerspezifischen Browser-Einstellungen (z.B. individuelle Font-Größen, die der Benutzer konfiguriert). In diesem Zusammenhang wird auch konkret auf Probleme und Fallstricke bei der Nutzung unterschiedlicher Browser wie Internet Explorer, Firefox oder Safari und ihren Versionen eingegangen. Es werden Tipps vermittelt, wie man solche Probleme umgehen kann, um Webseiten zu erstellen, die in möglichst vielen unterschiedlichen Benutzerumgebungen funktionieren.

Layout und Gestaltung des Buches finde ich sehr gut. Das Buch ist durchgehend farbig - erstaunlicherweise keine Selbstverständlichkeit bei Fachbüchern zum Thema Design (und Farbe) - und die Struktur der Kapitel sowie der Seitenaufbau sind sehr übersichtlich. Es sind zu allen Themen viele Beispiele in Form von Screenprints oder Bildern im Buch enthalten, so dass man die im Text angesprochenen Effekte auch visuell nachvollziehen kann.
Es werden viele praktische Beispiele geliefert, die man sehr gut verstehen kann, und die für die eigene praktische Arbeit sehr hilfreich sind. Zusätzlich gibt es auch hierbei wieder Links und Informationen zu weiterführenden Quellen.

Auf der beiliegenden DVD sind sämtliche Beispieldateien für das Buch enthalten, außerdem eine sehr umfangreiche Sammlung von Software-Tools. Hierzu zählen Testversionen von Adobe Dreamweaver CS3, Fireworks CS3, Photoshop CS3 und Lightroom, sowie weitere Editoren, Gimp und eine WordPress-Installation. Auch spezifische Tools für die Entwicklung wie Virtualisierungsumgebungen, Firefox-Browser-Erweiterungen und Farbtools sind auf der DVD, ausserdem die Umgebungen XAMPP und MAMP zur Installation einer kompletten Serverumgebung (Apache-Webserver, PHP, MySQL) unter Windows und MAC OS.
Zusätzlich gibt es noch eine Website zum Buch mit weiteren Downloads und Aktualisierungen, sowie einer Linksammlung.

Mein Fazit: das Buch bietet einen exzellenten Mix aus Grundlageninformationen und praktischer Umsetzung. Es ist sehr gut gestaltet und strukturiert, und der didaktische Ansatz ist ebenfalls sehr gut. Die Themenbandbreite ist sehr groß und deckt gleichzeitig fokussiert das relevante Wissen für Design, Entwicklung und Implementierung von Web-Sites ab.
Vielfältige und umfangreiche Hinweise auf weiterführende Informationen und Quellen zur spezifischen Vertiefung von Themen und eine große Sammlung von Tools auf der beiliegenden DVD runden das Buch ab.

Wer die zahlreichen Aktivitäten von Manuela Hoffmann verfolgt, wird angesichts der schier grenzenlosen Schaffenskraft erstaunt sein, wie die Berliner Autorin es neben Arbeit, Moleskine-Zeichnungen, anspruchsvollen Fotos, Blogbeiträgen und Twitter-Meldungen überhaupt geschafft hat, ein so anspruchsvolles Fachbuch zu schreiben.

Das durchgehend vierfarbige Werk gliedert sich in die drei Teile Design, Technik und Praxis und richtet sich nicht nur an ernsthaft interessierte Anfänger, auch für fortgeschrittene Webdesigner gibt es noch genug zu entdecken. Die Autorin verliert sich nie in praxisferne Theorien zum Thema Webdesign. Selbst abstrakte Gestaltungsregeln wie Figur-Grund-Beziehungen oder die Verwendung von Gestaltungsrastern werden immer mit konkreten Beispielen erläutert und aufwendig illustriert. Überhaupt lebt das Buch sehr stark von der guten optischen Aufmachung und der reichen Bebilderung. Zu allen Themenbereichen hat die Autorin neben passenden Screenshots vor allem eigene Grafiken und Illustrationen eingebracht, die dem Buch eine angenehm persönliche Note verleihen - das ist im IT-Büchermarkt selten und schon etwas besonderes.

Während die ersten beiden Teile vom allgemeinen Gebrauch geltender Webstandards bis zu raffinierten CSS-Praxistipps reichen und voll überzeugen können, ist der dritte Teil mit der Umsetzung einer fiktiven Schokoladen- und Pralinés-Site mittels Wordpress doch sehr speziell. Hier wäre innerhalb des interessanten Workflows vielleicht eine klare Trennung der professionellen Gestaltung von den technischen Details der CMS-Umsetzung besser gewesen, zumal Wordpress trotz einer großen Verbreitung nicht von allen Webentwicklern als CMS-Alternative geliebt wird.

Was das Buch nicht erfüllen kann - und vermutlich auch nie erfüllen wollte - ist der Anspruch eines kompletten Lehrbuchs zu allen Gebieten des Webdesigns, dazu ist die Themenvielfalt rund um das Medium Web auch viel zu komplex. Manuela Hoffmann hat eben kein trockenes Kompendium zu (X)HTML, CSS, PHP und Javascript geschrieben, sondern ein Standardwerk zu modernem Webdesign. Und als solches ist das Buch unbedingt und uneingeschränkt empfehlenswert.