Johannes Heuckeroth Blog | Design & Fotografie

Über eine sehr spannend gestaltete Stadtführer App bin ich gerade im App-Store gestolpert.
Les Avignons haben mit Graz Secrets eine herausragende gestaltete App mit hoher typografischer Finesse geschaffen.

Der spannendste Vortrag des Webfontdays letzte Woche war für mich der von Oliver Reichenstein (laut eigener Aussage, kennt er niemanden der mehr Ahnung von Typografie als er selbst hat) – auch wenn er am wenigstens mit dem eigentlichen Thema Webfonts zu tun hatte.

Wer ihm auf Twitter folgt, hat mitbekommen, dass er seit kurzem seine Vorträge ohne Slides hält, sich also ganz auf das Akkustische konzentriert. So auch heute auf der Bühne in München. In 45 Minuten erzählte er dem Publikum von seiner Leidenschaft für Typografie und wie diese entstand.
weiterlesen »

Konzept

Seit Anfang 2008 veröffentliche ich auf meinem Photoblog pfnphoto.com regelmäßig Fotografien von mir, neben dem Design meine große Leidenschaft. Mit der bisherigen Lösung war ich lange zufrieden, aber mit der Zeit wuchs der Wunsch mehr Möglichkeiten zu haben. Im Folgenden will ich einen Einblick in die Entstehung der neuen Website geben, was etwas techniklastig ausfällt.

weiterlesen »

Mein diesjähriges Semesterprojekt im 4.Semester Interaktionsdesign umfasst die Konzeption, Gestaltung und Simulation einer iPhone-App. Unter dem Überthema “interaktiver Kulturführer” habe ich es mir zur Aufgabe gemacht ein Konzept für eine Stadtführer-App für Fürth zu entwickeln.
weiterlesen »

Am gestrigen Samstag fand in München der erste Webfontday statt, organisiert, von der Typographischen Gesellschaft München.

Der ein oder andere wird sich jetzt sicher erstmal fragen, was zur Hölle denn ein “Webfontday” ist? Kurz gesagt es geht darum “Wie das jetzt mit den Schriften im Web ist”, was neben dem Einsatz von Systemschriften wie z.B. Arial und Verdana möglich ist.

Mehr Infos zum Konzept der Veranstaltung auf der offiziellen Website. Im Folgenden will ich versuchen, den Tag aus meiner Sicht zusammenzufassen und einen Überblick zu geben.
weiterlesen »

Seit heute ist eine weitere Arbeit im Design Portfolio online: Eine fiktive Arbeit für ein Surfcamp. Die Arbeit umfasst ein Logo, einen Website-Entwurf, Plakate und Visitenkarten.

Weitere Ausführungen des Corporate Designs z.B. in Form einer Imagebroschüre sind geplant.

In den letzten Wochen habe ich einige kleinere Änderungen am Design der Website und des Blogs vorgenommen. Nachdem ich bei meinem Projekt ilovethesky.com erste Erfahrungen mit dem Thema Webfonts gesammelt habe, war es jetzt an der Zeit mich mit einem Webfont-Service zu beschäftigen. Meine Wahl fiel dabei auf den aktuell wohl fortschrittlichsten und größten Anbieter typekit.

Nach einigen Experimenten fiel meine Wahl schließlich auf die Myriad für den Fließtext und die FF Tisa Pro für Headlines bzw. Navigation. Beide Schriften sind gut lesbar, und geben auch unter Windows, trotz des sehr schlechten Fontrenderings des Betriebssystems, ein aktzeptables Bild ab.

Dieser Screenshot zeigen die Schriften unter Mac OS X, Firefox:

Typekit ist in der Grundversion kostenlos, bietet allerdings in diesem Paket auch nur eine begrenzte Schriftauswahl. Da ich unter den kostenlosen Schriften nichts passendes fand, entschied ich mich für das Paket “Personal”, hier zahlt man 24,99 Dollar im Jahr. Allerdings sind auch in diesem Paket nicht alle Schriften enthalten, was ich schon etwas unpassend empfinde. Einen Überblick über alle Pakete gibt es hier.

Auf ilovethesky.com startete gestern ein neues kleines Projekt von mir: Jeden Tag ein Himmelsfoto.

Zum ersten Mal hab ich mich bei der Umsetzung mit dem Thema Webfonts auseinandergesetzt. Wer sich näher mit dem Thema Webfonts auseinander setzen will, sollte sich mal auf dem Blog praegnanz.de umschauen, dort gibt es zahlreiche Artikel zu dem Thema.

Nachdem ich auf dem Blog von Sascha Timplan über die “St Marie Thin” stieß, die frei verwendbar ist und auch eine Webfonts-Variante enthält, entschied ich mich diese für mein Projekt einzusetzen. Vorerst allerdings nur für Nutzer von Mac, da die Schrift unter Windows dank des grauenhaften Fontrenderings desselbigen Betriebssystem nicht verwendbar ist. Zumindest unter Windows XP, Vista oder Windows 7 konnte ich nicht testen.

St.Marie Thin unter Mac:

Die Arial als Ersatz unter Windows:

St.Marie Thin unter Windows XP / Firefox:

Nachtrag:
Auf dem Display des iPhone4 macht die St.Marie Thin einen sehr guten Eindruck. Allerdings können die Screenshots den Originaleindruck nicht wirklich wiedergeben:

Bin gespannt wie sich das Thema Webfonts weiterentwickelt. Der größte Hinderungsgrund für einen Einsatz ist wohl das Fontrendering unter Windows. Wobei ich hier anmerken muss, dass ich da nur für XP sprechen kann, die wohl verbesserten Fähigkeiten von Vista und 7 konnte ich noch nicht begutachten.

Das Projekt läuft unter WordPress 3.0, mit dem Yet Another Photoblog Plugin und dem angepassten Theme Monolit

Aus der Kategorie: Wie plane ich ein interaktives Feature?

Im dritten Semester Interaktionsdesign ist es unsere Aufgabe ein interaktives Feature zu konzipieren und mit Flash umzusetzen. Mein Thema ist der Super-GAU von Tschnernobyl. Nachdem die grundsätzlichen Recherchen abgeschlossen sind, das Konzept und die Struktur weitesgehend stehen, habe ich mich heute an die ersten Versuche gemacht den Look der Anwendung zu entwickeln.

Hier gibt es ein paar ersten Einblicke:

Das Endergebnis gibt es dann in ca. drei Monaten zu sehen.