Schneeballschl8 - Die Entstehung eines Duo-Blogs

Der Name ist Programm: Schneeballschl8 … und das schlägt sich natürlich auch in der Gestaltung nieder. Inspiriert durch den Artikel “Vector Illustration Trend” von Nick La auf www.webdesignerwall.com haben wir uns dazu entschlossen, die Location und die Character der schneeballschl8-Szene zu illustrieren. In einigen Nachtschichten wurde das passende Layout vom Wireframe bis zur endgültigen Version in Fireworks und Flash umgesetzt.

Umsetzung in Fireworks

Ich liebe Fireworks und ich muss hier einfach mal eine Lanze für diese Applikation brechen: Schon von Anfang an für die Erstellung von Website-Prototypen entwickelt, war Fireworks in dieser Hinsicht Photoshop lange Zeit weit überlegen - bis ImageReady kam. Die perfekte Fusion aus Illustrator und Photoshop macht die einfache Arbeit mit Vektoren, Effekten, Stilen und Bitmap-Bildern möglich. Das Fireworks trotz der starken Konkurrenz aus dem eigenen Hause weiterhin in der Adobe Produktpalette besteht - bestätigt die Spezialisierung und Ausrichtung als Rapid-Prototyping-Software für Webdesigner.

Wireframes - Aufteilung und Positionierung planen

Die Wireframes waren dank meiner vordefinierten Stile in Fireworks schnell erstellt und gaben uns einen guten Überblick wie die Positionierung und Aufteilung der Website aussehen könnte. Das endgültige Raster ist auch tatsächlich so geblieben - man könnte das Wireframe-Scribble und den fertigen Blog fast noch übereinander legen - lediglich der Header ist durch die Verwendung der Character und angemessenen Raum höher geworden.

Gestaltung des Blogs

Die erste Idee war eine Art Schnee-Mauer abzubilden, hinter denen unsere Vektoren-Egos sich duellieren sollten. Nur wo sollte diese Mauer hinführen - weit, weit nach unten… das hat nicht wirklich gut funktioniert und wurde deshalb wieder verworfen. Wir haben uns für eine idyllische Winterlandschaft entschieden die man flexibel in alle Richtungen verlängern und erweitern kann. Mit dem Pfadwerkzeug gezogen und mit Verläufen gefüllt wurden die Hügel und Tannen der Landschaftsszene wirklich sehr schnell umgesetzt.

Blog-Logo

Die erste Idee für das Logo sollte die Thematik der schneeballschl8 weiter unterstützen und darstellen - zwei Schneeball-Sprechblasen die sich überschneiden und gemeinsame Themen symbolisieren… Das war dann doch zuviel des Guten und auch zu sehr Business-Styled - deshalb haben wir für das Logo eine einfache Handschrift gewählt die das private, lockere Feeling des Blogs aufgreifen sollte und die durch Ihre schmale Anmutung auch wirklich gut mit dem langen Begriff funktioniert.

Illustration der Character Red vs. Blue

Ich illustriere gerne in Flash - ich weiss, ich weiss - sicherlich sollte ich Illustrator verwenden - aber die Art von Flash Vektoren zu behandeln gefällt mir irgendwie - man kann ziehen, zerren, punchen und biegen und das auf ganz einfache Art und Weise. Also habe ich Red und Blue (Leif und Dennis) in Flash illustriert und ganz einfach ohne viel Licht und Schatten koloriert und danach in Fireworks platziert. Die Fußspuren und den aufgewirbelten Schnee habe ich noch in Fireworks hinzugefügt.

Somit war das Grundlayout gestaltet und es mussten nur noch Typo, Details und Icons gestaltet werden. Das Endergebnis seht ihr hier - ich hoffe Euch gefällt es genauso gut wie uns.

Wer jetzt immer noch nicht genug von uns hat - für den gibt’s hier noch schneeballschl8-Wallpaper in drei verschiedenen Größen: 1920×1200 Pixel, 1680×1050 Pixel und 1440×900 Pixel.

Viele Grüße aus dem verschneiten Netz.
Dennis