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.

{ 70 comments… read them below or add one }
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.
Jepp, sehe ich auch gerade. Das Suchfeld hat es zerlegt. Muss ich morgen mal ran. Für heute ist Feierabend.
Schön und simpel, genau wie es mir gefällt.
Gute Arbeit
Hat sich was geändert?
Nein, sieht sehr gut aus, nicht so bieder wie andere Seiten.
Noch jemand der sich dem “weniger ist mehr”-Look anschließt? Gelungenes Fascelift das der Übersichtlichkeit und Lesbarkeit sicherlich nicht geschadet hat!
Ja sieht gut aus.
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.
Mir gefällts,
plain text ist immer das beste
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.
Welches vorherige???
Das, bevor die Pause kam und Du mit der “light” Version angefangen hast. War es das sleepless-Theme?
Ach sooo.
Beim “Flattersatz” geht es nicht um Schönheit, sondern bessere/schnellere Lesbarkeit!
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….
Im Opera ist die Suche verschoben, aber das muss ich wohl auf meine Kappe nehmen
ne im FF auch
Nicht nur in FF und O, sondern auch in S.
Gibts das mobile theme nicht mehr..
Tja ja, die Myriad. Die sieht man derzeit auch so selten im Web.
Hmm?
Im S ist er doch gar nicht verschoben. Zumindest bei mir nicht.
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
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.
Jop, passt
Schön, dass du dich hier austobst, nach dem admartinator.de gestorben ist
Ich muss hier auch mal wieder was schreiben…
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.
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.
Jepp.
Hmm, die Smilies klappen gerade nicht auf. Was ist das denn schon wieder??
soll ich mal fix schauen?
Danke, hab schon.
Scripte waren absolut verlinkt…
Mir gefällt es
Ist schön geworden
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.
Kann ich nicht nachvollziehen. Hier sind mindestens 10px dazwischen. Hat das Problem noch jemand?
Bei mir sieht alles i.O. aus. Diesmal mit Windows XP und FF 3.0.5. Ist genug Platz dazwischen.
is doch alles schick hier, auch wenn ich das erste mal dabei bin…. kenn leider/zu glück das alte nicht….
Gut so, gefällt besser als zuvor.
unter win im ie siehts shice aus. sorry.
IE?
Das ist Absicht.
Hab das Grün ein wenig dunkler gemacht. Besser so?
Was meint ihr?
Ich finde es besser.
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.
@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?
Schnickschnack. Das “alte” Grün bleibt. Ist ja fast ein Markenzeichen von Apfelquak.
Hab ja gedacht, ich wäre auf einer falschen Seite…
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.
Mit was für einem Browser und welchem Betriebssystem bist du hier?
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)
Oh mann, dann bin ich wohl wieder der einzige Querdenker, dem das dunklere grün besser gepasst hat.
Die Schriftart gefällt mir echt super…
Sieht gut aus, einzig die Flickr Bilder fehlen mir
Die sind nur auf der Startseite. Da siehst du sie doch, oder?
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.
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
Tja, apfelquak = macseite. daher für appplehonks optimiert.
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.
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
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!
@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.
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
Ok, Spacing ist draußen. Besser so?
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 ?
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
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.
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?
Es gibt noch Helden in der Welt. Wahrlich. Ich bewundere Dich. Und ein bißchen habe ich auch Mitleid.
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 …
OT: Hör’ mal – deine Webseite. Die ist aber auch ganz großes Kino!
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 …
Und nun zurueck auf den Toppich, alldieweil er gerade davonflieget!
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…
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 …
Sonst ist’s klasse … meiner bescheidenen Meinung nach. Yep.
Sehr gelungen! Mir ist dir Schrift ein bisschen zu klein, aber dafür hilft die line-height beim lesen.
Safari, Leo
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
Ist dunkler, ja. (#333)