Zwar wurden meine Entwürfe nicht ausgewählt, nichtsdestotrotz war die Arbeit daran eine wertvolle Erfahrung, vor allem durch die enge Einbindung von Cinema4D.

Entwurf 1: Stacks

Der erste Entwurf basierte auf der Information, dass die Schule mehrere Innenhöfe hat. Obwohl ich das Aussehen nicht genau kannte, baute ich in Cinema4D eine mögliche Variante nach, die ich mit dem Illustrator-Export von Sketch and Toon exportierte und in Illustrator «aufräumte» und einfärbte.

Das Design sollte sich in Balance zwischen abstrakter Geometrie und Räumlichkeit bewegen, weshalb ich auch verschiedene Farbversionen erstellte, um die Möglichkeiten zu testen.

Der Schriftzug ist eine Kombination aus lateinischen und griechischen Minuskeln, um den Bezug zur naturwissenschaftlich-technischen Fachhochschule Yverdon herzustellen. Derselbe Schriftzug wurde dann auch im Entwurf für das Logo verwendet.

• Programme: Cinema4D 9.5, Illustrator CS, InDesign CS
• Schrift: Myriad Pro

Entwurf 2: Disco

Der zweite Entwurf basiert auf der Information, dass in einem der Lichthöfe ein Foucaultsches Pendel hängt. Mit einigen Spiegeln wird damit schnell mal eine Discokugel …

Die Szene wurde (mit Hilfe eines heruntergeladenen Modells einer Discokugel) vollständig in Cinema4D erstellt und gerendert – und dabei stark vom Advanced Renderer Modul Gebrauch gemacht: Ohne Radiosity, Vector Motion Blur und Caustics würde das Bild gar nicht die Aussage haben, die es durch diese Elemente gewonnen hat.

Die Arbeit mit dem Modell, so einfach es auch aussehen mag, hat mir einiges an Wissen über Cinema4D eingebracht – nicht ohne einige Male in die Sackgasse zu geraten und wieder von vorne beginnen zu müssen.

• Programme: Cinema4D 9.5, Photoshop CS, InDesign CS
• Schrift: Neue Helvetica

Logo-Entwurf: Pump up the Volume!

Schlussendlich machte ich mich auch noch daran, ein Logo zu entwerfen. Da die Hochschule eine Computer-Taste in ihrem CD führt, nahm ich dies als Anlass, dieses Erkennungszeichen ironisch etwas umzudeuten, und eine Lautstärken-Taste daraus zu machen.

Wie schon bei den vorherigen Entwürfen modellierte ich die Taste zuerst in Cinema4D (und hatte damit möglicherweise um einiges länger als wenn ich einfach eine Skizze gescannt hätte …). Diese Taste texturierte ich in BodyPaint (ein weiterer komplett unnötiger Schritt, der mir aber die Grundlagen von BodyPaint beigebracht hat).

Den Illustrator-Export säuberte und überarbeitete ich in Inkscape, um die Typographie wiederum in Illustrator fertigzustellen.

Durch die einfache Form war es einfach, verschiedene farbliche Variationen des Logos zu erstellen.

Das Archiv macht sich vor allem die Tagging-Möglichkeiten von Drupal zu Nutzen: Die Inhalte sollen auf möglichst viele, unterschiedliche Wege gefunden werden können: Sei es, dass man die Inhalte einer bestimmten Ausgabe sucht, einer bestimmten Rubrik, oder aber zu einem bestimmten Lehrmittel oder Fach: ein Weg führt immer zum Ziel.

Zudem sind weitere PHP-Spielereien eingebaut: So bezieht das Template automatisch, anhand der URL, das jeweils zugehörige Cover eines Artikels; und zeigt den Link zum Download des gesamten Magazines an, solange dies auch vorhanden ist.

Info

• CMS: Drupal 4.7
• Entwicklungstool: TextMate
• Basis-Code: Yahoo User Interaction Library (YUI Grid und YUI Fonts)
• Bilder-Anzeige: Lightbox 2
• Mitarbeit: Iwan Raschle, Tobias Müller
• Eine Arbeit für raschle & kranz / schulverlag blmv AG

Die Handreichung für Lehrpersonen, die früher nur ein Faltblatt war, ist nun eine eigenständige Broschüre, dessen grundlegende Gestaltung mir übertragen wurde.

Die Innengestaltung lebt von der Kombination der DIN als Titelschrift und der Myriad als Laufschrift. Die Seitentitel wurden bewusst in einem schlanken Schnitt gesetzt, um dem Design mehr Leichtigkeit zu verleihen.

Die Rubrikentitel und Seitenzahlen sind auf der rechten Seite, um der Leserin oder dem Leser zu ermöglichen, das Heft durchzublättern und schnell den gewünschten Abschnitt zu finden.

Die Benutzung einer Buntfarbe wird es erlauben, weiteren Ausgaben der Serie eine jeweils andere Farbe – und damit ein individuelles Gesicht – zu verleihen.

Die Klassenmaterialen (Arbeitsblätter) wurden ebenfalls von mir gestaltet – mit derselben Schriftkombination, die ein klares, offenes Design ermöglicht.

Gerade bei Arbeitsblätter bin ich der Meinung, dass diese von allem Ballast befreit sein müssen, und den Schülerinnen und Schülern genügend Platz für die eigenen Notizen lassen müssen (schlussendlich habe ich mich selber immer über zu wenig Platz genervt, da ich nie eine brave Schulmädchen-Schrift hatte).

Infos

• Verwendetes Programm: InDesign CS 2
• Schrift: DIN Light, DIN Condensed (Verschiedene Schnitte), Myriad (Verschiedene Schnitte)
• Eine Arbeit für raschle & kranz
• Kunde: schulverlag blmv AG, Bern

Frühere Flyer von comingInn waren meist mit mehr oder weniger professionellen Fotografien aufgebaut. Da das Budget des Vereins so oder so beschränkt war, und Fotografien, die auf Plakaten Wirkung zeigen, nicht ganz einfach zu erstellen sind, habe ich mich entschlossen, auf Vektorgrafik zurückzugreifen, da ich damit mehr Kontrolle über das Sujet haben würde (mal abgesehen davon, dass ich damit in Übung bleiben würde …).

Der vektorisierte Ryan Carnes war eigentlich nur als Beispiel zuhanden des Vorstands vorgesehen, wie Vektorgrafik aussehen könnte, stiess aber offensichtlich auf Gefallen, so dass er es in die Endversion des Plakats geschafft hat. Für mich hiess das, dass ich die gesamten Schattierungen noch einmal machen konnte: ich arbeite viel lieber in FreeHand, für einige Special Effects musste ich jedoch auf Adobe Illustrator zurückgreifen. Da Illustrator FreeHand-Dateien legendär schlecht importiert, blieb mir nach einigen Fehlversuchen nichts anderes übrig, als sämtliche Verläufe in FreeHand zu entfernen und in Illustrator mit Verlaufsgittern wieder nachzubauen. Das Resultat sieht trotzdem nicht allzu übel aus, finde ich.

Da im Moment (2007-01-09) die Finanzierung noch nicht ganz gesichert ist, wurde das Plakat noch nicht gedruckt, obwohl es seit Herbst bereit wäre. Deshalb ist der untere Balken mit den Sponsoren auch noch nicht ganz endgültig.

Info

• Programme: FreeHand MX, Adobe Illustrator CS, InDesign CS
• Schrift: FF Meta (als Ersatz für die MS Trebuchet, die im Original-Logo verwendet wird, aber auf Plakat-Grösse zu undifferenziert ist.)

Von Freunden dazu aufgefordert, habe auch ich ein Konzept für einen neuen Flyer für die Community-Website Purplemoon entwickelt.

Die grundlegende Idee ist, mit Schwarz-weiss-Bildern zu arbeiten, in denen spektralfarbene Fäden die Kommunikation und Magie symbolisieren. Der Flyer ist ganz bewusst nicht knallbunt und «auffällig» gestaltet, um gerade dadurch zu einem Hingucker zu werden.

Die ersten Entwürfe wurden in der Folge mit der Administration des Portals zusammen überarbeitet — eine Gratwanderung, um die perfekte Balance zwischen Schlichtheit und den nötigen Informationen zu finden. Schlussendlich habe ich vier verschiedene Entwürfe erstellt, die sich vor allem im unteren Teil unterscheiden, um dem Wunsch nach «etwas mehr Farbe» nachzukommen.

Obwohl der Wettbewerb im Ausgust ausgeschrieben war, ist leider bis heute (2007-01-09) kein Sieger bestimmt, noch sind die Flyer gedruckt worden …

Info

• Programme: Photoshop CS, Indesign CS
• Schriften: Fago, Platelet
• Bild: iStockphoto

Wenn der Grad der Entrüstung etwas über die Relevanz eines Designs aussagen kann, dann gehört dieser Entwurf wohl zu meinen wichtigsten — rief es doch eine kleinere Kontroverse aus den Reihen der Kommunikationsabteilung der Uni Bern hervor. Es entspräche nicht dem Corporate Design der Universität, wurde moniert.

Das mag zwar stimmen, als dass die Templates der Uni in der Tat anders aussehen, doch die Übernahme ihrer Entwürfe kam nie in Frage — dazu sind die Vorlagen zu unausgeglichen und uninspiriert.

Der Gestaltungsprozess begann deshalb bei den Print-Produkten der Universität, deren Formen-, Farb- und Schriftsprache übernommen wurde. Dazu gehören eine reduzierte Farbigkeit, bei der Farbe nur als Akzent eingesetzt wird, eine klare, schlichte Typographie (vor allem sichtbar in den grossen, in der Frutiger Light gesetzten Titeln), sowie der grosszügig bemessene Weissraum im Kopf der Page.

Alles in allem ergibt sich so ein Design, dass dem CD der Uni Bern wohl mehr verpflichtet ist, als es die ursprünglichen Entwürfe sind.

Der Rest des Designs ist darauf ausgerichtet, möglichst flexibel zu sein, so dass bei einem späteren Ausbau der Website und deren Funktionen keine «Workarounds» oder ähnliche Behelfslösungen nötig werden.

Infos

• CMS: Drupal 4.7
• Entwicklungstool: TextMate
• Mitarbeit: Christian Gyger
• Schriften: Frutiger, angezeigt mit sIFR; Bitstream Vera Sans

tippfit ist ein Lehrmittel des schulverlags blmv zur Bewegungslehre. Das Buch soll Schülern zeigen, wie vernünftig Sport getrieben wird, wie man sich dazu richtig ernährt – und zeigt auch die Schattenseiten des Sports auf.

Bei dieser Arbeit für raschle & kranz war das Grundlayout schon vorgegeben. Durch die grosse Fülle an Material machte es jedoch immer wieder nötig, neue Lösungen zu finden. Das zugrundeliegende Spaltensystem wird sinnvoll aufgebrochen, um die Gestaltung aufzulockern und in Bewegung zu versetzen.

Infos

• Verwendetes Programm: InDesign CS 2
• Schrift: Frutiger
• Eine Arbeit für raschle & kranz

Durch Dick und Dünn ist der Nachfolger des Comics Schwarze Schatten des schulverlags blmv. Durch Dick und Dünn thematisiert Magersucht. Durch die Aufbereitung als Comic sollen Jugendliche angesprochen und für die Problematik sensibilisiert werden.

Ausgangsmaterial waren die Zeichnungen von Karin Schneider sowie das Skript von Susanna Heimgartner. Die Seitenaufteilung sowie das Lettering wurden durch raschle & kranz ausgeführt.

Von Beginn weg wurde eine den japanischen Mangas angelehnte Gestaltung angestrebt. Das Comic sollte nicht brav und ordentlich daherkommen, sondern durch die Seitengestaltung der Geschichte Rhythmus und Fluss geben.

Ein flexibles Rastersystem erlaubte den Spagat zwischen freier Gestaltung und Ordnung.

Infos

• Verwendetes Programm: InDesign CS2
• Verwendete Schriften: AlterEgoBB, ZooomBB, Dax
• Zeichnungen von Karin Schneider
• Eine Arbeit für raschle & kranz

Der im Logo bestehende Unihockey-Ball wurde übernommen – wenn auch ohne Bewegungsunschärfe. Die im ursprünglichen Logo verwendete Schrift (Verdana) wurde durch die elegantere Gill Sans ersetzt, was dem ganzen Logo «mehr Luft verschafft».

Die alte Website dieses Trainings-Zentrums hatte schon einige Jahre auf dem Buckel, als ich den Auftrag bekam, die Website im Sinne des bestehenden Corporate Designs neu zu gestalten.

Mit den bestehenden Farben Rot, Schwarz und Weiss sowie einer aktualisierten Typographie (keine Serifen-Schriften mehr) sowie den Grafiken von Benedikt Schläppi wurde in kurzer Zeit eine ansprechende, leicht navigierbare Website gemäss den XHTML 1.1 Standards erstellt.