http://www.jk-water-treatment.com/

Eine weitere – sehr schicke – Site. Das Design hat die Graphikerin Monika Sturm gemacht, basierend auf Drucksachen, die sie zuvor für JK Water Treatment neu gestaltet hat. Print-Design ins Web zu übertragen ist aber nicht immer ganz einfach.

Frische Wellen

Print-Design wird üblicherweise in Programmen wie Indesign oder Illustrator gemacht, das finale Format ist Acrobat PDF. Um die im Printbereich üblichen feinen Maßeinheiten und Linienstärken darzustellen, wird in der PDF-Bildschirmdarstellung auf "Glättung" zurückgegriffen. Dadurch ergeben sich zwangsläufig Rundungsfehler: Es gibt eben keine 1,3 Pixel.

Rastert man ein PDF in Photoshop auf, passiert das gleiche: Wo eigentlich klare Kanten und Linien sein sollten, entstehen durch die Kantenglättung unscharfe Kanten und Mischfarben.

Schaltet man die Glättung aus, sind zwar die Kanten scharf, dafür die Bilder völlig zerpixelt.

So oder so ist also Retusche angesagt – und das im Pixel-Bereich: Null Fehlertoleranz.
Kommt dann noch eine Änderung daher – wieder als PDF – beginnt der Spass von vorne.

Das Template

Die angedeuteten Wellen über dem Footer machten (in Verbindung mit der Anpassung an die Fenster-Höhe) ein Tabellengerüst zwingend, und damit wieder Ärger im IE7: Dieser weigert sich schlichtweg, die Höhenangabe des Header zu akzeptieren und dehnt die <tr> "irgendwie" nach unten aus, wodurch wieder der Contentbereich etwas nach unten gedrückt wird. Da aber der Darstellungsfehler nur bei wenigen Seiten auftritt und  IE7 derzeit ohnehin vom IE8 abgelöst wird, ist dieses Problem zu vernachlässigen.

Das Template sieht einfacher aus, als es ist. Da demnächst auch die englische Version dazukommt - und viele Bilder Text enthalten, wird sehr viel von der Sprache abhängig dargestellt. Und nicht nur das: Es gibt allein fünf verschiedene Fälle, wie der linke Block dargestellt wird, dazu vier, wie der rechte Block gehandhabt wird.

Zurück