Flüssige Layouts 29. November 2004 um 00:00 Uhr /
Die wichtigste Frage gleich vorgweg:
Warum gibt es so wenig coole Seiten mit flüssigem Design?
Ich habe heute Nacht im jugendlichen Eifer eine unfertige Seite hochgeladen. Nachdem ich darüber geschlafen habe habe ich alles wieder zurückgedreht. Deshalb gab es vielleicht in eueren RSS Readern eine Nachricht die auf eine 404 Seite geführt hatte.
Überlegungen
Ich möchte über kurz oder Lang dieses Design hier gegen ein Flüssiges umtauschen, welches die ganze Bildschirmbreite nutzen kann. Ich fühle mich oft vor allem in der Breite dieses Designs hier sehr eingeschränkt.
Größere Bilder zerstören vollkommen alles, Lange Wörter hängen drüber und noch viele andere Sachen die gegen dieses Design sprechen.
Auf der Suche
Auf der Suche nach Anregungen, wie ich dem Blogdesign entfliehen könnte, und dennoch eine gute Benutzerführung erreichen kann, habe ich mich vor allem auf Beispiele gestürtzt, die mit flüssigem Design, welches die ganze Breite ausfüllt und dennoch sehr »cool« aussieht, gestürtzt.
Was ich gefunden habe
-
http://www.jasonsantamaria.com/
gefällt mir sehr gut, nur dass der Text manchmal wirklich sehr lange wird, obwohl ich nur eine 1024er Auflösung fahre -
http://www.stopdesign.com/about/prefs/
dort kann man sich das Design Liquid Bleach für die ganze Seite auswählen, was ich auch immer bisher gemacht habe. Das ist schon auch ziemlich gut, aber eben nicht »cool« es hat keine grafischen Gimmicks und so weiter, ich suche etwas verspielteres -
http://www.cinnamon.nl/
das ist sehr schön gelungen, vor allem die Skalierbarkeit der Seite finde ich sehr gut, ja fast schon beeindruckend -
http://www.clagnut.com/
dieses Kästchendesign gefällt mir nicht, es sieht so »CSS« mäßig aus -
http://www.andreas-kalt.de/
sehr schön, schönes Wechselspiel zwischen Inhalt und leeren Flächen, die Farben gefallen mir zwar nicht aber das ist neben Cinnamon einer meiner Favoriten -
http://digital-web.com/
zwar mit einer ziemlich hochen min-width, aber dennoch sehr schön skalierbar, das design ist mir aber zu glatt für meine Zwecke
Was ich suche
»Coole« Designs mit festen Breiten könnte ich unzählige aufzählen. Vielleicht kennt ihr noch ein paar gute, die es sich anzuschauen lohnt. Vor allem suche ich etwas was nicht so das typische Blogdesign hat, aber dennoch gut viel Textinhalt präsentieren kann.
Kommentare
Die Kommentare sind für diesen Eintrag geschlossen.
Schuer aus Berlin schrieb am 29.11.2004
Spontan aus meiner Layoutsammlung gefischt, vielleicht interessiert dich ja etwas in der Form:
http://www.quark.com
http://www.ceonex.com
Jan Kurschewitz aus Freising schrieb am 30.11.2004
Ich/wir planen auch gerade den Redesign unserer vier Jahre alten Seite. Und da wird natürlich XHTML mit CSS und am besten ansatzweise Barrierefreiheit ein Muß sein. Unter anderem mache ich mir auch Gedanken zu den Layout-Varianten. Ich bin bisher eher Anhänger von fluiden Designs. Wenn man aber mal betrachtet, dass immer mehr Widescreen-Laptops auf den Markt kommen und Bildschirme immer riesiger werden, wird dann so mancher Absatz in einem fluiden Design nur noch eine lange Zeile lang sein. Und das ist dann sowohl schwer zu lesen als auch unschön anzusehen. Ich werde mal testen, wie man den Stil "maxwidth" einsetzen kann, um ab einer gewissen Breite das Layout dann zu sperren.
Jörg Petermann schrieb am 02.12.2004
Ein flüssiges Design zu haben ist für mich wie die Arbeit mit einem Freiheitgrad mehr. Ein wirkliche Herausforderung, die ich mir letztlich aufgrund der schlechteren Lesbarkeit bzw. der Abhängigkeit des Designs vom Betrachter für später vorbehalten habe. Bin ich ehrlich.
In der Tat ist die gute und ausgewogene Lesbarkeit für mich persönlich das K.O.-Kriterium. Besonders klar, wenn Du weißt, dass hier ein "Visueller" schreibt. Seiten, die dies nicht beachten, verursachen mir regelmäßig (regelrecht) Schmerz im Auge. Von allein bin ich da wieder weg.
Das Lesen am Schirm ist anstregender als auf Papier, noch dazu, da die Bildschirmauflösungen immer größer werden. Außerdem frage ich mich: Was bringt mir der Besucherstrom, wenn ich die Leser nach kurzer Zeit später wegen der Lesbarkeit wieder verliere?
Es wird also stark davon abhängen, welche Prioritäten Du bei Deinem Projekt anlegst, welche Ziele Du hast. Deshalb möchte ich Dich da aber dennoch ermuntern.
Stopdesign war und ist bezüglich der Technik unter der Haube mein Favorit. Gerade in seinem oben erwähnten Experiment hat er beide Elemente professionell miteinander verbunden. Schade nur, dass er die Mühe gescheut hat, in sein flüssiges Design auch Farbe zu bekommen. Aber die Möglichkeit einer Umschaltung per Stylesheet finden ich eine gutes Angebot an den Leser. Leider entbindet das Dich dann auch nicht von der Arbeit, denn beide Designs müssen dann immer gut aussehen.
Der Knack-Punkt sind sicher aber Layouts, die EINMALIG sind. Da wird die Luft schnell ein wenig dünner. Werde mal gezielt schauen und poste Dir, wenn ich was gefunden habe.
PS
Hast Du das neue Redesign von http://www.stuffandnonsense.co.uk/ schon gesehen?
Detlef schrieb am 05.12.2004
Hallo Jeena,
du fühlst dich von der Breite des Layouts dehr eingeschränkt, und würdest leiber die ganze Bildschirmbreite nutzen?
Warum begrenzt du dann die Breite extra auf 750 Pixel?
"Größere Bilder zerstören vollkommen alles, Lange Wörter hängen drüber..."
Schau mal auf die Beispielseiten!
Gibt es dort Bilder, die so groß sind, dass sie dein Layout zerstören würden oder so lange Wörter?
Detlef
Jeena Paradies aus Bamberg schrieb am 05.12.2004
Hi Detlef, Ich beschränke es wegen des Banners, den ich nicht breiter bekomme und wegen des Eindrucks des Blattes auf einem Tisch oder so was in der Richtung. Dort gibt es keine solch großen Bilder, und auch nicht so lange Wörter, aber bei mir schon, vor allem würde ich gerne größere Bilder als 500px Breite einsetzen.
Jörg, die Seite kenne ich und ich habe Sie wohl seit dem Redesign schon einmal gesehen, dennoch habe ich erst jetzt das Redesign realisiert. Es ist viel straighter geworden, und noch runder als es sowieso schon war, sehr schöner Stil aber leider nicht flüssig.
Name Detlef schrieb am 06.12.2004
Perun aus Köln schrieb am 09.01.2005
Hi,
ich habe mir über dieses Thema auch schon Gedanken gemacht:
http://www.perun.net/archiv/2004/10/19/optimale-breite-einer-seite/
Das Problem ist und bleibt die Lesbarkeit. Es wird empfohlen das der Text pro Zei nicht mehr als 12-13 Wörter hat. Auch ich persönlich finde allzulange Textzeilen als ermüdend und überfliege denn Text nur anstatt ihn zu lesen.
Das Problem an der ganzen Sache ist, daß der IE nicht max-width und min-width unterstützt (mal von den Skripten abgesehen). Wenn auch IE sowas unterstützen würde, dann hätten wir einige Sorgen weniger.
Bei den ganzen hohen Auflösungen (1280 und 1600) die immer mehr aufkommen, würde man ein riesiges Problem haben, wenn man den Text über die volle Breite laufen lassen würde.
Jeena aus Burgpreppach schrieb am 09.01.2005
Zu den hohen Auflösungen muss man aber anmerken dass kaum einer bei einer 1600er Auflösung seinen Browser im Vollbildmodus fährt.
Zu den Zeilenlängen gibt es auch ganz Unterschiedliche Meinungen. Mir wurde schon vielfach berichtet, dass verschiedene Leute es nicht mögen wenn man ihnen vorschreibt wie kurz ihre Zeilenlänge sein soll. Sie wollen es selbst mit der Breite ihres Browsers regeln.