|
|||
Webseitenraster - are grids good?
Der Einfachheit halber verlinke ich mal ein schweizerisches Blog, welches einige Quellen und Hilfsmittel zum Thema Webseitenrasterung, (insbesondere den Link zu Khoi Vinhs interessantem Beitrag zum diesjährigen SXSW ) zusammengetragen hat.
Es sind beileibe nicht alle, wer noch was weiß, immer her damit. Grids are good! Worum geht es? Das Layout einer Webseite kann auf verschiedene Weise festgelegt werden. So Pi mal Daumen, wie jeder mal angefangen hat bis hin zu einem Raster, an welches man sich hält. Der Vorteil des Rasters ist eine gewisse Harmonie und gewissermaßen natürlich entstehende Proportionen, gleich, wie die Elemente auf der Seite verteilt werden. Der Nachteil ist die Gebundenheit an ein Raster (Grid). Freilich kann man sich ein Raster so wählen, dass es möglichst flexibel ist. Manche nehmen dafür EM als Ausgangseinheit, eine gute Idee, wie ich finde. Vielleicht setze ich das auch mal ein - wenn ich die Berechnung gelernt habe oder eines der auf der Webseite vorgestellten Tools benutze. In jedem Fall sehr sehenswert, das pdf von Khoi Vinh. Was haltet Ihr davon?
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
||||
Der folgende Buchtipp von Marc passt auch recht gut zu diesem Thema. Hab mir das Buch bereits bestellt und schonmal etwas überflogen.
Die Arbeit mit Gittermodellen (Webseitenrasterung) wird recht anschaulich mit Beispielen erklärt. http://xhtmlforum.de/44633-buchtipp-...tml#post325696 Zitat:
|
Sponsored Links |
|
|||
Nachdem nun seit dem Erstposting beinahe ein dreiviertel Jahr vergangen ist, fällt auf, dass in der Zwischenzeit auf Raster (grids) basierende Layouts weltweit stark zunehmen.
Viele internationale Sites [4, 5] haben inzwischen die Vorteile dieser Layouts erkannt und setzen sie konsequent um. Und auch in Deutschland sieht man neuerdings - insbesondere im Bereich Zeitungen und Zeitschriften - die zunehmende Umstellung bisheriger, traditioneller Layouts auf Grids. Zur Technik: Auf code.google.com hat sich die Projektgruppe 'Blueprint' [2] gebildet, die ein komplettes Grundgerüst entwickelt hat, das die Entwicklungszeit solider und anspruchsvoller CSS-Rastersites deutlich herabsenkt. 'Blueprint' beinhaltet vorgefertigte, leicht zu verwendende Raster, anspruchsvolle Typografie und weitere sehenswerte Features. Selbst ein Druck-Stylesheet ist in dem kostenlosen Download-Paket vorhanden. Der Nachteil von Blueprint ist die Bindung an fixe Breiten. Eine Version für flexible Breiten ist in Vorbereitung. Im deutschsprachigen Bereich bietet der Österreicher Wolfgang Gerhard mit "Multiflex 5" [2] ein komplettes, lizenzfreies CSS-Paket an, das ebenfalls fixe Grids beinhaltet. Speziell für flexible Grid-Layouts hat der lettische Webdesigner Kaspars D. die Site konstruktors.com [3] ins Netz gestellt. Er bietet neben "simple CSS-Snippets for creating grid & column based layouts" auch fertige Musterseiten an. [1] Blueprint-Projektgruppe [2] "Multiflex 5" von Wolfgang Gerhard [3] Konstruktors.com von Kaspars D. Beispielseiten für fixe Grids: [4] The New York Times [5] iA Informationsarchitekten Japan / Oliver Reichenstein edit: Ich seh gerade, dass iA.Informationarchitects ebenfalls ein fertiges Template anbietet: The Ideal Website goes Open Source Geändert von EvT (30.01.2008 um 16:44 Uhr) |
|
||||
Auch von mir einen herzlichen Dank.
Da ich gerade bei der planung meines neuen Layouts bin (Danke PARA!!!), is das sehr nützlich
__________________
Meine Spielwiese: http://blog.kanedo.net Ich bei Flickr? Da: Flickr: Fotostream von kanedo-projekt Für open Source Liebhaber: open Com Auch ich Zwitschere als @kanedo |
|
||||
Moni!
Aus meiner Sicht stellen Grids eine Kampfansage an die Flexibilität einer Website dar! Wenn vor allem mit grafikbasierten Breiten gearbeitet wird, dann ist der größte Vorteil einer Website ohne wirkliche Not verschenkt - finde ich schade! Grids kommen aus dem Bereich Print-Layout - dort sollten sie besser auch bleiben! Auch wenn sehr viel Printlayouter ihre Arbeitsweise gern 1 zu 1 ins Web übertragen sehen möchten - man muss sich ihrem Wunsch ja nicht unüberlegt beugen!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Hallo Dieter
sehe ich nicht so. Du kannst grids auf em's aufbauen und dann sind die genauso flexibel wie alles andere auch. Worum es geht ist, eine immanente Struktur zu schaffen, die bei Templates und Untertemplates oder Änderungen irgendwelcher Art gleich den visuell-strukturellen Rahmen vorgibt, so dass sich Änderungen harmonisch einfügen - weil eben das Konzept schon vorher erstellt wurde. Die Arbeit macht man sich in der Regel sowieso, halt nur nicht so konsequent.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
||||
Hallo, Andir!
Das befürchte ich: Zitat:
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Naja, die meisten Leute verwenden sowieso pixelbasierte Layouts, daher dürfte deren Anteil nicht ansteigen. Eine erhöhte Mißbrauchsgefahr sehe ich da nicht, eher die Möglichkeit, dass sich die Leute mit den visuell-strukturellen gegenseitigen Abhängigkeiten besser auseinandersetzen und so zu besseren Layouts kommen.
Merke: Je besser eine Seite gestaltet ist, desto besser kann sie der Nutzer bedienen. Klare visuelle Aufteilungen und Hierarchien helfen dabei. Edit: Ah,. Hasenpfeffer... lecker
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Google - Der eigene Browser | FloZen | Offtopic | 154 | 21.09.2008 15:13 |
Nicht valieder Code von Map24 | sveniboy | (X)HTML | 7 | 06.11.2005 20:19 |