Renovierungsarbeiten

25. Januar 2009 · 70 comments ·

Screenshot

Kleine, dezente Renovierungsarbeiten am Froschteich-Theme: andere Schriftart, -farbe und -größe, Farbverlauf aus dem Header entfernt. Die Tendenz geht also zu weniger Schnickschnack und besserer Lesbarkeit. Ich hoffe es gefällt.

Wo ich gerade dabei bin. Habt ihr Vorschläge für weitere Verbesserungen? Dann immer her damit!

Update:
Ich habe mal einen Screenshot (mit Link zur Fullscreen-Version) eingefügt. Die Wahl der Schriftart hat leider den Nachteil, dass die Seite unter Windows anders aussieht.

Ähnliche Beiträge

  1. UB Programme ausdünnen
  2. Aperture update
  3. Scrivener 1.1
  4. Update QuickTime 7.1.2
  5. Spaltenansicht in Mail 3

{ 70 comments… read them below or add one }

Lasse 25. Januar 2009

Gefällt. Ist schön klar und übersichtlich. Keine zu großen Änderungen. Das Theme gefiel mir vorher auch schon und war klar und gut strukturiert. Einzig das Suchfeld oben rechts zeigt er bei mir (FF 3.0.5, OSX 10.5.6) aufgetrennt an und “Suche…” steht bei mir über dem Lupenicon.

Antworten

ad 25. Januar 2009

Jepp, sehe ich auch gerade. Das Suchfeld hat es zerlegt. Muss ich morgen mal ran. Für heute ist Feierabend.

Antworten

Khamelion 25. Januar 2009

Schön und simpel, genau wie es mir gefällt.
Gute Arbeit :)

Antworten

Oliver 25. Januar 2009

Hat sich was geändert? ;) Nein, sieht sehr gut aus, nicht so bieder wie andere Seiten.

Antworten

eumel 25. Januar 2009

Noch jemand der sich dem “weniger ist mehr”-Look anschließt? Gelungenes Fascelift das der Übersichtlichkeit und Lesbarkeit sicherlich nicht geschadet hat! ;)

Antworten

Marcel 25. Januar 2009

Ja sieht gut aus.

Antworten

hirschi 25. Januar 2009

Ich finds ok – nicht berauschend aber auch nicht wirklich schlecht. Ich würde nur noch das Letter-Spacing für die Überschriften erhöhen. Das sieht ein wenig zu dicht gedrängt aus.

Antworten

Tschigo 25. Januar 2009

Mir gefällts,

plain text ist immer das beste

Antworten

musicampus 25. Januar 2009

sieht gut aus – kommt zwar nicht an das vorherige heran, aber ich habe nichts zu hinzuzufügen. Dass Du Flatterränder schöner findest als Blocksatz, hat sich wohl noch nicht geändert.

Antworten

ad 25. Januar 2009

sieht gut aus – kommt zwar nicht an das vorherige heran, aber ich habe nichts zu hinzuzufügen.

Welches vorherige???

Antworten

musicampus 25. Januar 2009

Das, bevor die Pause kam und Du mit der “light” Version angefangen hast. War es das sleepless-Theme?

Antworten

ad 25. Januar 2009

Ach sooo.

Antworten

pepe 25. Januar 2009

Beim “Flattersatz” geht es nicht um Schönheit, sondern bessere/schnellere Lesbarkeit!

Antworten

nasendackel 25. Januar 2009

Ich find’s schön schlicht. Die Schrift ist jetzt nicht so mein Ding, ist auch etwas zu dunkel im vergleich zum rest…

aber ansonsten passts….

Antworten

nasendackel 25. Januar 2009

Im Opera ist die Suche verschoben, aber das muss ich wohl auf meine Kappe nehmen :D

Antworten

Oliver 25. Januar 2009

Im Opera ist die Suche verschoben, aber das muss ich wohl auf meine Kappe nehmen :D

ne im FF auch

Antworten

Christian 25. Januar 2009

Nicht nur in FF und O, sondern auch in S.

Antworten

Christoph 25. Januar 2009

Gibts das mobile theme nicht mehr..

Antworten

Chris 25. Januar 2009

Tja ja, die Myriad. Die sieht man derzeit auch so selten im Web.
:hehehe:

Antworten

Khamelion 25. Januar 2009

Nicht nur in FF und O, sondern auch in S.

Hmm?
Im S ist er doch gar nicht verschoben. Zumindest bei mir nicht.

Antworten

Psion 26. Januar 2009

Joa, ganz nett geworden, leider ein bisschen sehr grell das Grün…sry,
aber ich öffne diese Seite immer mit anderen zusammen, um mir jeden Morgen die
neuesten News reinzuziehen, da sticht das hier voll raus…

naja, vlt. extra^^;)

Weiter so.. xD

Antworten

ad 26. Januar 2009

Gibts das mobile theme nicht mehr..

Das war ein Test, ob es jemand vermisst. Findest du das Theme hier nicht geeignet für das iPhone? Abgesehen davon, dass der Steve nicht dort sitzt, wo er hingehört, sieht es doch ganz gut aus.

Antworten

nasendackel 26. Januar 2009

Jop, passt :D

Schön, dass du dich hier austobst, nach dem admartinator.de gestorben ist ;)

Ich muss hier auch mal wieder was schreiben…

Antworten

ad 26. Januar 2009

So, die Suche ist jetzt rechts in der Sidebar. Jetzt ist die Startseite wenigstens wieder valide. Safari-Suche hin oder her, aber das war ein ziemliches Code-Gewusel für nix und wieder nix.

Zum Thema Myriad – klar sieht man die jetzt oft. Ist ja auch ne schöne Schrift. Wem sie nicht gefällt: einfach Windows zum Surfen nehmen. Da kommt Arial. :hehehe:

Schön, dass du dich hier austobst, nach dem admartinator.de gestorben ist ;)

Dafür dass admartinator.de tot ist, habe ich dort (mehr) Besucher als vorher. Feedleser steigen auch wieder an. :p
Zudem tobe ich mal hier und mal dort aus.

Ich muss hier auch mal wieder was schreiben…

Jepp.

Hmm, die Smilies klappen gerade nicht auf. Was ist das denn schon wieder??

Antworten

nasendackel 26. Januar 2009

Hmm, die Smilies klappen gerade nicht auf. Was ist das denn schon wieder??

soll ich mal fix schauen?

Antworten

ad 26. Januar 2009

Danke, hab schon.
Scripte waren absolut verlinkt…

Antworten

nasendackel 26. Januar 2009
Boris 26. Januar 2009

Mir gefällt es ;-)

Antworten

fabian 26. Januar 2009

Ist schön geworden

Antworten

TheMaverick 26. Januar 2009

Hi Ad,
ansich eine Designverbesserung. Bitte ändere aber doch noch den Abstand zwischen den Buchstaben der Links im Header. Speziell der Link zu Switched und Impressum sind bei mir (Firefox) zu einem Brei zusammengeschmiert.

Antworten

ad 26. Januar 2009

Speziell der Link zu Switched und Impressum sind bei mir (Firefox) zu einem Brei zusammengeschmiert.

Kann ich nicht nachvollziehen. Hier sind mindestens 10px dazwischen. Hat das Problem noch jemand?

Antworten

Lasse 26. Januar 2009

Bei mir sieht alles i.O. aus. Diesmal mit Windows XP und FF 3.0.5. Ist genug Platz dazwischen.

Antworten

sandman 26. Januar 2009

is doch alles schick hier, auch wenn ich das erste mal dabei bin…. kenn leider/zu glück das alte nicht….

Antworten

Rafael Bugajewski 26. Januar 2009

Gut so, gefällt besser als zuvor.

Antworten

ernie 26. Januar 2009

unter win im ie siehts shice aus. sorry.

Antworten

ad 26. Januar 2009

unter win im ie siehts shice aus. sorry.

IE?

Das ist Absicht. :hehehe:

Antworten

ad 26. Januar 2009

Joa, ganz nett geworden, leider ein bisschen sehr grell das Grün…sry

Hab das Grün ein wenig dunkler gemacht. Besser so?

Was meint ihr?

Antworten

Rafael Bugajewski 26. Januar 2009

Ich finde es besser.

Antworten

Moss 26. Januar 2009

Die alte Schrift und das giftigere Grün gefielen mir besser, aber sonst eine klare Verbesserung. Allerdings fallen jetzt die kleineren Überschriften (Artikel, Kommentare) gegenüber der Seitenüberschrift imo deutlich zu fett aus.

Antworten

ad 26. Januar 2009

@Moss: Wenn ich mir jetzt den Screenshot mit der “alten” Farbe anschaue, so gefällt sie mir auch besser.

Warten wir noch ein paar Meinungen ab.

Das mit den Schriftgrößen ist mir nicht ganz klar. Was soll kleiner, was größer?

Antworten

ad 26. Januar 2009

Schnickschnack. Das “alte” Grün bleibt. Ist ja fast ein Markenzeichen von Apfelquak.

Hab ja gedacht, ich wäre auf einer falschen Seite… :D

Antworten

Martin 26. Januar 2009

Gefällt auch. Ich würd die (Schrift-)Farbe grün mehr dem Frosch anpassen. Und bitte etwas dunkler – nicht fettgesetzt fehlt mir der Kontrast und ich kann den Text nicht gut lesen.

Antworten

ad 26. Januar 2009

Gefällt auch. Ich würd die (Schrift-)Farbe grün mehr dem Frosch anpassen.

Mit was für einem Browser und welchem Betriebssystem bist du hier? ;)

Antworten

Moss 26. Januar 2009

@Das mit den Schriftgrößen ist mir nicht ganz klar. Was soll kleiner, was größer?

Nix größer/kleiner, sondern fetter/magerer. Entweder die Hauptüberschrift «apfelquak» fetter (aber das gefällt mir gut so, wie’s ist) oder die Unterüberschriften («43 Kommentare zu “Renovierungsarbeiten”» usw.) weniger fett.

Aber laß das mal so, wie’s jetzt ist. Im alten Giftgrün paßt das nämlich wieder ganz wunderprächtig, weil jetzt der Grauwert stimmiger ist. Dafür würde ich jetzt gern die grünen Textteile in Normalgröße («_ad_ quakte am _26. Januar 2009 um 15:20 Uhr:_«) fetter haben, wg. Kontrast und Lesbarkeit.

Einen hab’ ich aber noch: In der Sprechblase vom Frosch ist der Name unten angeschnitten; so nach Augenmaß fehlt da die unterste Pixelreihe. (10.5.6, FF 2.0.irgendwas — war aber schon immer so)

Antworten

Rafael Bugajewski 26. Januar 2009

Oh mann, dann bin ich wohl wieder der einzige Querdenker, dem das dunklere grün besser gepasst hat. :shock:

Antworten

Philipp 26. Januar 2009

Die Schriftart gefällt mir echt super…

Antworten

markus 26. Januar 2009

Sieht gut aus, einzig die Flickr Bilder fehlen mir

Antworten

ad 26. Januar 2009

Sieht gut aus, einzig die Flickr Bilder fehlen mir

Die sind nur auf der Startseite. Da siehst du sie doch, oder?

Antworten

bommel 26. Januar 2009

Ich gucke gerade unter Windows Vista mit Firefox 3.0.5 auf diese Seite und kann fast nix mehr lesen. Sieht irgendwie alles so aus, als wenn ich die Seite auf billigem Papier ausgedruckt hätte und der Toner auch so langsam am Ende wäre :-)
Oder ungefähr so wie in Photoshop, wenn man Fließtext mit kleinem Schriftgrad auf “scharf” stellt. Hoffe ihr wisst was ich meine.
Ich habe gerade mal mit der Webdeveloper Toolbar unter Firefox ein bischen “live” am CSS rumgespielt. Sobald ich “Myriad Pro” aus der font-family Eigenschaft des body Selektors entferne, ist (fast) alles wieder gut (klar, weil auf Arial ausgewichen wird). Ich habe die MyriadPro Schriftfamilie auf diesem System installiert, wobei ich momentan nicht weiß, ob die standardmäßig dabei war oder durch Zusatzsoftware installiert wurde. Das System ist eingetlich relativ frisch und es ist noch nicht viel Software drauf. Jedefalls kann man sich die Seite so nicht richtig angucken. Wäre halt schade, weil ich hier sehr oft (leider gezwungenermaßen unter Vista) vorbeikomme und das lesen so nicht viel Spaßt macht.

Antworten

pepe 27. Januar 2009

Leute Leute,
ihr tut ja gerade so, als hättet ihr noch nix vom “kleinsten gemeinsamen Vielfachen” gehört… und das nicht auf allen Systemen alle Schriften vorhanden sind… Und wenn man seine Site nur für die Apple Jünger optimiert, dann habt ihr verdammt wenig Besucher…

Die Überschriften sind für Sehbehinderte eine absolute Zumutung und unter dem Aspekt “behindetengerecht” NICHT akzeptabel… Wo sind die Abstände zwischen den Buchstaben?

In der Sidebar noch schlimmer :-( (((

Grüne schrift auf grünem Background in den Comments, menno!

Man man man… wenn ihr das jetzt nicht lernt, wann dann?
Ihr wollt doch die Computer-Elite sein. So wird’s nicht!

Stellt euch i die Ecke… und denkt nach!!! :-)

Geht mal in eine Behindertenschule… für nur 1 Stunde, dann versteht ihr, was ich meine. Auch die Jungs und Mädels wollen euren Input genießen!

So… jetzt geht’s mir besser ;-)

Antworten

nasendackel 27. Januar 2009

Und wenn man seine Site nur für die Apple Jünger optimiert, dann habt ihr verdammt wenig Besucher…

Tja, apfelquak = macseite. daher für appplehonks optimiert. :D

Das mit den Sehbehinderten ist ein guter Gedanke. Ich denke aber, ich denke, die wissen schon wie man sich hilft. stichwort Ansicht Benutzermodus/Autorenmodus in einigen Browsern.

Gennerell mal einfach netter kommentieren. Kritik kann man auch höflich äußern, dann wird sie sich auch angenommen.

Antworten

pepe 27. Januar 2009

Aber Nasendackel, wer wird denn so empfindlich sein!
DAS war beileibe nicht böse sondern als kreative Kretik gemeint.

Und den Tipp, sich mal mit dem Problem von Behinderten zu beschäftigen… das war wirklich ernst gemeint.
“Die werden sich schon zu helfen wissen”, ist doch etwas einseitig gedacht.

Wenn du nur noch 5-10% Sehfähigeit hast, wird das Problem schon schwierig… und die Zahl der Menschen mit weit größeren Behinderungen ist höher als du glaubst!

Also, warum sollten wir, die wir noch “gut dabei” sind, nicht in diese Richtung denken. Nicht SCHÖNE Sites sondern gut zu bedienende und leicht zu erfassende helfen weiter.

So wars gemeint… und beileibe nicht als Verriss!

Ich wäre froh, wenn mir so mancher mal mit seiner Kritik unter die Arme greifen würde… nur so kommt man weiter und wird nicht blind… um mal bei der Metapher zu bleiben.

OK? Und die nächste Runde geht dann auf mich :-)

Antworten

bommel 27. Januar 2009

Also wie gesagt, ich lese hier sehr oft und gerne und möchte nichts mies machen aber ich muß Pepe da absolut Recht geben. Im jetzigen Zustand können viele Leute die Site einfach nicht lesen. Bitte wieder rückgängig machen. Vorher war doch alles absolut super!

Antworten

ad 27. Januar 2009

@pepe: schön, dass es dir wieder besser geht.

Zur Schriftfarbe: die ist seit ca. 1-2 Jahren schon so. Wieso habt ihr / hast du nicht schon früher gemeckert?
Ebenso die Schriftgröße in der Sidebar. Auch den Abstand der Buchstaben ist unverändert. Schau dir bitte mal das hier an:

http://www.quicksnapper.com/admartinator/full/apfelquak-neues-aus-cupertinos-froschteichen

Sieht das bei dir auch so aus?

@bommel: ich habe hier lediglich FF unter XP. Bei mir wird Arial dargestellt. Lesbarkeit bei 0.5/0.75 Dioptrien (unbebrillt) hervorragend. Um meinen Leidenswillen zu demonstrieren, mache ich mich auf die Suche nach einem Vista-PC mit Myriad. Versprochen. ;)

Antworten

pepe 27. Januar 2009

@pepe: …

Zur Schriftfarbe: die ist seit ca. 1-2 Jahren schon so. Wieso habt ihr / hast du nicht schon früher gemeckert?
Ebenso die Schriftgröße in der Sidebar. Auch den Abstand der Buchstaben ist unverändert. Schau dir bitte mal das hier an:

http://www.quicksnapper.com/admartinator/full/apfelquak-neues-aus-cupertinos-froschteichen

Sieht das bei dir auch so aus?

Hi AD,

ich habe doch nicht gemeckert, sondern kritisier :-)
Und das erst jetzt, weil diese Sache bisher nicht zur Diskussion stand.

Also die Hauptüberschrift ist definitiv auf meinem 20er iMac in der neuen Version mekbar schlechter zu lesen, es fehlt Anstand. Die “Luft” ist merkbar geringer, sodass sich die Begriffe “zwar” lesen lassen, aber man muß schon genauer hinsehen.

Habe einen DUMP des Bildschirms im Vergleich… kann ihn dir gerne zusenden?

Rechts in der Sidebar wirkt es ggf. deshalb schlechter, weil die gewählten Begriffe möglicherweise daran schuld ist?

Fett ausgezeichnete Schrift läßt sich von Natur aus schlechter lesen… deshalb gibt es ja eigene BOLD-Zeichensätze, die bereits darauf optimiert sind. Die muß man dann auch nicht noch extra per css fetter “machen”.
Ansonst hilft man sich ja meist provisorisch durch vergrößerte Zeichenabstände

Aber eins ist klar… das hier ist dein BLLOG und du darfst alles so machen wie DU willst, ich lese es trotzdem, ggf. dann eben etwas langsamer :-)

Dafür mußt du dich über meinen Blog quälen… und “hoffentlich” auch kritisieren, wenn dich was stört.

Langer Rede kurzer Sinn: “Mach wie DU meinst” ;-)

PS

h1, h2, h3{
font-weight:bold;
letter-spacing: -1px;
margin:0;
}

Wenn du da den spacing-Wert (-1) wegläßt… wäre ich ja schon zufrieden :-)

Antworten

ad 27. Januar 2009

Ok, Spacing ist draußen. Besser so?

Antworten

pepe 27. Januar 2009

Ahhhhhh,

so, mein lieber AD, machst du einen alten Mann wahrhaft glücklich ;-)

Und, wie bereits gesagt, die nächste Runde geht dann auf mich, abgemacht ?

Antworten

Boris 27. Januar 2009

Zwei Tage nach dem “facelifting” habe ich persönlich schon vergessen, wie die vorherige Version aussah … für mich sieht es aus wie immer mittlerweile :D

Antworten

bommel 27. Januar 2009

ich habe hier lediglich FF unter XP. Bei mir wird Arial dargestellt. Lesbarkeit bei 0.5/0.75 Dioptrien (unbebrillt) hervorragend. Um meinen Leidenswillen zu demonstrieren, mache ich mich auf die Suche nach einem Vista-PC mit Myriad. Versprochen. ;)

Ich stelle gerade fest, dass es auf einem Vista System ohne Myriad auch nicht besser aussieht. Auf nem XP Rechner von meinem Kollegen ist es auch nicht wirklich besser. Die Zeichenabstände sind unter XP zwar ein bischen besser, aber gut lesen kann man es trotzdem nicht. Ich gucke mir heute Abend die CSS Dateien mal genauer an. Ich denke das es eine ganz einfach Lösung geben wird.

Antworten

Moss 27. Januar 2009

Lesbarkeit bei 0.5/0.75 Dioptrien (unbebrillt) hervorragend.

Kunststück: bei -0.75dpt (ich gehe mal von Myopie aus, Hyperopie in dem Bereich korrigiert man eigentlich nur bei erhöhten Anforderungen und alten Leuten) hast Du Deinen Fernpunkt (also den Punkt, den Du bei entspanntem Auge scharf siehst) in 1,33m Abstand vor dem Auge — und weiter wirst Du wohl kaum vom Bildschirm entfernt sein, oder wirfst Du den Desktop mit’m Beamer auf Nachbars Hauswand? ;-)

Um meinen Leidenswillen zu demonstrieren, mache ich mich auf die Suche nach einem Vista-PC mit Myriad. Versprochen. ;)

Es gibt noch Helden in der Welt. Wahrlich. Ich bewundere Dich. Und ein bißchen habe ich auch Mitleid.

Antworten

ad 27. Januar 2009

Bist du Optiker? :shock:

:-D

Antworten

Moss 27. Januar 2009

Bist du Optiker?

Hab’s mal gelernt (Familientradition, 5. Generation & so) und dann auch 12 Jahre lang gemacht. 1991 hab’ ich dann wieder aufgehört …

Antworten

ad 27. Januar 2009

OT: Hör’ mal – deine Webseite. Die ist aber auch ganz großes Kino! :hehehe:

Antworten

Moss 27. Januar 2009

Seyd bedanket, Herre. Dies’ moenchleyn tuët, wie es anders nun mal nicht kann. O:-)≈

Sowas kommt halt dabei ‘raus, wenn in der Villa Augenglas sich anläßlich eines Corvus-Corax-Konzerts zwei Wohnparteien unabhängig voneinander als aus MA-Irren bestehend erweisen, der Hausherr sich dem Treiben anschließt und den Webspace bereitstellt … :-D

Und nun zurueck auf den Toppich, alldieweil er gerade davonflieget!

Antworten

Acky 27. Januar 2009

Wir fahren hier auf der Arbeit u.a. XP mit FF3 und IE7. Das jetztige Layout schaut auf allen Rechnern gut aus und ist auch prima lesbar. Ich benutze eine Lesebrille…

Antworten

Klabautermann 28. Januar 2009

Also auf’m MacBook siehts klasse aus. Aber auf Arbeit benutze ich Vista mit Opera. Da ist der Text nicht so toll lesbar … trotz 24″ Monitor … :-?

Aber hey … auf Arbeit hab’ ich ja gar keine Zeit Apfelquak zu besuchen … da muss ich ja die ganze Zeit arbeiten … :-D

Sonst ist’s klasse … meiner bescheidenen Meinung nach. Yep. :thumbsup:

Antworten

dolce 29. Januar 2009

Sehr gelungen! Mir ist dir Schrift ein bisschen zu klein, aber dafür hilft die line-height beim lesen.

Antworten

Martin 30. Januar 2009
Gefällt auch. Ich würd die (Schrift-)Farbe grün mehr dem Frosch anpassen.

Mit was für einem Browser und welchem Betriebssystem bist du hier? ;)

Safari, Leo

Antworten

webharvey 30. Januar 2009

Hab grad mal wieder meinen Mini angeschmissen. Schön! Vor allem die Schrift erscheint mir was fetter und besser leserlich (als 4-Auge mit fast 40). Oder einfach nur was dunkleres grau? Die alte war schlechter lesbar, ich meine heller? Gut gemacht ;)

Antworten

ad 30. Januar 2009

Ist dunkler, ja. (#333)

Antworten

Leave a Comment

Smilies gefällig?

Previous post:

Next post: