Skip to content

Typefacts runderneuert

Alles neu macht auf Typefacts schon der April. Mir geht es wie den meisten anderen Designern auch: Sobald man mit etwas fertig ist, kann man es auch schon nicht mehr sehen – Und dafür habe ich mir das alte Typefacts-Design wirklich sehr lange tatenlos angeschaut!
Aber ich habe eben nur begrenzt Zeit; Wenn abends die Kinder im Bett sind, bleiben noch ein paar Minuten, und nicht immer habe ich nach einem Tag voller Buchstaben Lust, dann beim selben Thema zu bleiben. Trotzdem habe ich meistens gedacht Die Seite funktioniert halbwegs, wenn Du Dir Zeit nimmst, dann lieber für neue Inhalte.
Jetzt war allerdings das Maß voll; »Es kommt der Tag, da will die Säge sägen« – Und der Designer designen. Um mich für neue Inhalte zu motivieren, muß frischer Wind her.

Tschüß, altes Typefacts!

Tschüß, altes Typefacts!

CSS

Als erstes mußte das CSS dran glauben. Ich kann stolz verkünden, daß ich jetzt die ganze Datei von der ersten bis zur letzten Zeile kenne und auch halbwegs weiß, was dort passiert. Vorher hatte ich immer am CSS des meiner Seite immer noch irgendwie zugrundeliegenden WordPress-Themes Barthelme rumgeschraubt, immer da, wo es gerade klemmte. Jetzt sitzt alles, und 5 KB kleiner ist es auch noch.

Die Technik soll aber mein Problem sein. Offensichtlicher wird es beim

Design

Ja, man könnte schon sagen, daß Typefacts ein Stück erwachsener geworden ist. Zwischen dem, was Typefacts sein wollte und dem, was Typefacts heute ist, gibt es nach vier (!) Jahren inzwischen doch den ein oder anderen Unterschied. Und was für eine kleine Menge an Inhalten funktioniert, muß nicht für eine große Menge funktionieren. Und noch weniger für eine große Menge, bei der nur ein kleiner Teil stark frequentiert wird. Dementsprechend hatte ich als erste Konsequenz schon vor ein paar Wochen die Seitenleiste in zwei Ebenen unterteilt, auf daß der geneigte Besucher zuerst das wichtigste sieht und erst bei wachsendem Interesse weitere Inhalte einblenden kann. So weit, so einzigartig.

Nicht mehr grün, nicht mehr in der linken oberen Ecke eingeklemmt, nicht mehr halbgroße Überschrift mit eingerücktem Text.

Aber mich hat noch mehr gestört, eigentlich mehr als ein evolutionäres Redesign leisten kann. Aber revolutionär ging nicht, weil die bestehenden Inhalte ja noch irgendwie funktionieren müssen. Trotzdem: Typefacts war für mich nicht mehr grün, nicht mehr in der linken oberen Ecke eingeklemmt, nicht mehr halbgroße Überschrift mit eingerücktem Text, nicht mehr Guillotine, nicht mehr grauer Balken mit Erscheinungsdatum über dem Artikel.

Jetzt also erwachsen. Klarer und sachlicher, würde ich sagen. Und für den ein oder anderen bestimmt auch etwas langweiliger‽

Der grüne Header hat ausgedient. Stattdessen zeigt oben der rote Streifen an, daß die weiße Seite, die auf dem grauen Hintergrund liegt, leicht transparent ist.
Die Seite nutzt die Breite des Monitors jetzt schon etwas besser aus. Jedenfalls ist sie nicht mehr links eingeklemmt, und der ein oder andere neue Inhalt wird auch mal etwas breiter werden, wie schon jetzt die Icons. Mehr Platz hab ich, ich muß ihn nur nutzen! Vielleicht schon mit einer Gegenüberstellung der alten und neuen

Schrift

, die einem natürlich sofort ins Auge springt. Nicht, weil sie so extravagant ist, sondern, weil sie sich so stark von der alten unterscheidet:

Typefacts
Oben die bisherige Schrift Guillotine von Camille Boulouis, unten FF Bau von Christian Schwartz
Typefacts

FF Bau von Christian Schwartz ist so gar nicht Guillotine. Sie ist aufrecht, ist serifenlos, ist sachlich und dabei warm. Ich empfehle sie schon seit einer Weile als Helvetica-Alternative, und FontShop International war so freundlich, sie mir für mein Redesign zu sponsern – Vielen Dank!
Momentan repräsentiert sie Typefacts für mein Empfinden perfekt. Vielleicht nicht für die Ewigkeit (Ich könnte mir vorstellen, von Zeit zu Zeit zu variieren), aber für die nächste Zeit unbedingt.

Kleinigkeiten

Am schönsten sind natürlich die tausend Kleinigkeiten, mit denen man sich so fantastisch aufhalten kann! Ein blaßrosa Hintergrund für das Kleingedruckte des Artikels, herrlich. Überschriften in der Seitenleiste, die nur rot werden, wenn man ihnen (zu) nahe kommt. Nur noch eine zurückhaltende Sprechblase mit der Anzahl der Kommentare über jedem Artikel auf der Hauptseite. Und apropos Kommentare: Kommentiert wird ja – leider! – immer weniger, deshalb muß man sie auch erst aufklappen am Fuß des Artikels.
Und jetzt, wo ich mein CSS so gut kenne, werde ich noch viele dieser kleinen Dinge nachbessern …

Typefacts unterstützen!

Typefacts hat sich weiterentwickelt, das Design hat sich jetzt weiterentwickelt, aber an einem Grundsatz halte ich weiterhin fest: Werbung muß zunächst auch weiterhin draußen bleiben.
Trotzdem freue ich mich natürlich, wenn hier und da was Zählbares rausspringt, ohne daß es meine Besucher belästigt (wie kürzlich, als ein anonymer Wohltäter 5 Bistrotische [!] über meinen Amazon-Affiliate-Link gekauft hat – Vielen Dank!).

Wer über meine Seite Schriften und Bücher kauft, der unterstützt und motiviert mich. Wer das gezielt machen möchte, findet ab sofort ganz unten einen Link zu Amazon. Egal was Du dort kaufst, benutze doch einfach als Startpunkt diesen Link! Ein kleiner Teil geht dann an mich statt an den Riesen. Und mein Dank ist Dir gewiß!
 
 

Kommentare (13) [abonnieren]

  1. 1 | Lars | 10.04.2012 12:42

    Schön geworden!

  2. 2 | Nina | 10.04.2012 12:52

    Schick, aufgeräumt, gefällt! Finde die Mouseovers im Menü sehr fein.

  3. 3 | Florian | 10.04.2012 16:40

    Glückwunsch, Christoph!

    Der erste Eindruck: sehr kühl, fast ein wenig unterkühlt. Viel Grau und Blassrosa, viel Leerraum an ungewohnten (weil prominenten) Stellen. Farblos ist zwar nicht gleich freudlos, doch das hier ist schon äußerst rational geraten. Daran muss ich mich erst mal gewöhnen. Aber keine Sorge – das wird mir schon gelingen! FF Bau finde ich fantastisch.

    Auf die Schnelle möchte ich Dich auf folgende, hoffentlich einfach zu behebenden Problemchen hinweisen:
    Bei einer Bildschirmbreite kleiner als 980 Pixel wird das Menu guillotiniert.
    Die rosafarbene Schraffur auf der Startseite erschwert mir das Lesen.
    Der Schriftgrad im Kommentarfeld (Courier in 8.783̄px) ist so klein wie die Chencen des FCK auf den Klassenerhalt, sorry.

    Schöne Grüße,
    Florian

  4. 4 | Peter | 10.04.2012 20:17

    Hallo Christoph,

    Glückwunsch zum Relaunch! Mir gefällt die Website in der reduzierteren Form noch besser. Großes Plus ist die neue übersichtliche Navigation. Für mich ist typefacts der „Typo-Duden“ im Netz, den ich immer wieder gerne weiterempfehle.

    Viele Grüße,
    Peter

  5. 5 | Jean | 10.04.2012 21:13

    Toll geworden! Sehr schön!

  6. 6 | Sören G. Prüfer | 11.04.2012 01:46

    Schöne neue Seite.

    Und. Ich liebe Deine Beiträge.

  7. 7 | Christoph | 11.04.2012 13:09

    Vielen Dank, daß Ihr Euch mit der zu kleinen Schrift im Kommentarfeld rumgequält habt und so nette Worte für mich gefunden habt!

    Der FCK-Vergleich geht zwar unter die Gürtellinie, aber mit rollendem r hat er besondere Berechtigung und wenn ich ihn jemandem verzeihe, dann Dir, Florian! ;)
    Ich bin mir sicher, Du wirst Dich auch noch an die vermeintliche Leere gewöhnen! Bis auf den Header ist sie nach meinem Empfinden sogar weniger geworden, aber die subjektive Wahrnehmung ist eben verschieden.
    Es gibt auch noch ein paar andere Dinge (vor allem was Schrift und -größen angeht), die ich bei Lichte (i.e. live) betrachtet noch nicht ganz optimal finde, aber dadurch, daß das CSS für mich jetzt kein Rätsel mehr ist, kann ich schnell nachbessern. Das Kommentarfeld ist jedenfalls schon mal repariert.

  8. 8 | Florian | 11.04.2012 14:32

    Siehste? Wenn Du im Handumdrehen den Schriftgrad vergrößern kannst, was spricht dann dagegen, dass der FCK noch 15 Punkte holt? Die Hoffnung stirbt zuletzt; ich drück die Daumen!

  9. 9 | Florian | 11.04.2012 14:33

    Ich vermisse das alte Design bereits nach fünf Minuten auf der neuen Seite überhaupt nicht mehr. Mit dem blassen rosa kann ich mich allerdings noch nicht anfreunden. Selbst wenn die rote Hintergrundschraffur in der unveränderten Begrüßung auf der Startseite einen ähnlichen Farbeindruck hervorruft—dort hat es mich nie gestört.
    Ansonsten gefällt mir das Redesign sehr gut und die neue Form wird dem Inhalt gerechter als der Vorgänger. Die fehlende Werbung trägt ihren Teil dazu bei, dass man sich hier wohl fühlt. Die Idee mit dem Affiliate-Link auf amazon ist toll und ich werde das bei nächster Gelegenheit unterstützen.

    Grüße aus Würzburg
    Florian

  10. 10 | made in germany | 28.04.2012 09:06

    Hallo Christoph,
    das Design ist sehr minimalistisch, aber ich finde es gelungen. Habe ich nur das Gefühl, oder ist der Text mehr grau als schwarz ? Zumindest im Menü. Ist das so gewollt, damit der Focus mehr auf dem Artikel liegt ?

  11. 11 | jct | 01.05.2012 18:44

    Wirklich ein sehr schönes und übersichtliches redesign! Es wirkt sehr ausgewogen.
    Eine Kleinigkeit wäre vielleicht noch zu verbessern: Wenn man auf der Startseite auf die Sprechblase mit der Kommentaranzahl klickt, springt man ja direkt zu den Kommentaren. Schön wäre es wenn die Kommentare dann schon ausgeklappt wären. Eine Lösung mit JavaScript ist da sicher der einfachste Weg.

  12. 12 | Florian | 02.05.2012 10:51

    Sehr schön geworden. Gefällt mir sehr gut, auch das es Ansatzweise adaptiv gestaltet ist, sieht auf auf dem iPhone sehr gut aus.

    Aber eine Frage, wieso die Bau nur in den Überschriften? Die hat doch so ein tolles, leicht rauhes Schriftbild.

  13. 13 | Christoph | 02.05.2012 21:29

    Auch an die letzten Kommentierenden noch mal ein großes Dankeschön für die warmen Worte! Und auch für die Anregungen, die ich allesamt schon auf meiner To-Do-Liste habe.
    Wie gesagt, ich habe hinter den Kulissen einiges aufgeräumt, so daß ich jetzt nach und nach all die kleinen Sachen noch korrigieren kann!

Kommentieren

Deine E-Mail-Adresse wird streng vertraulich behandelt.
Pflichtfelder sind mit rotem Sternchen (*) markiert.