Grid (960) warum? Vorteile? Unnötig?

[Fulano]

Hallo,

ich hab da mal eine grundsätzliche Frage zum Thema Grid. Immer wieder stoße ich im Web auf das Thema Grid, z.B. das 960er.
Nun setze ich persönlich keine Layouts um muss aber immer wieder Mittler zwischen Designer und Programmierer spielen.
Beide arbeiten derzeit nicht mit Gridsystemen. Da ich aber ständig im Web über diese Grids stolper werde ich das Gefühl nicht los das es doch irgendwelche Vorteile bringen könnte wenn man damit arbeitet.

Wenn ich die gute alte Tante Google frage was die Vorteile von Grids sind finde ich nur Seiten die das Grid an sich erklären, aber nicht was denn die Vorteile sind. Vielleicht kann ich ja nicht richtig Googeln
Aber ich wollte euch mal bitten einem Noob wie mir kurz zu erläutern ob man sich mit der Grid-Sache näher beschäftigen sollte oder ob das für Contao vollkommen unnötig ist.

Gruß, Fulano

[Flex]

960 (bzw. 1140) ist meist die Einigung auf eine Mindestbreite bei Auflösungen... 960 wäre theoretisch auf jeder Auflösung > 1024 gut sichtbar... Was die meisten hatten... Mittlerweile dank Tablets, Smartphones, etc. nicht mehr ganz so einfach.

960 hat den Vorteil: Es hat viele Teiler!
2, 3, 4, 5, 6, 8, 9, usw.

Dadurch lässt es sich schön aufteilen in gleichmäßige Teile. Ansonsten sind es halt Grids. Die meisten Menschen designen mit Grids (außerhalb des Webs) und es bietet sich einfach an. Der Alex hat auf dem Contao NRW Day erzählt, dass er mit Kunden Auftritte auf einem DIN A3 Blatt mit 960px Grid drauf durchspricht und plant. Die Idee hatte er von irgendwem, aber das ist mir wieder entfallen.

Man greift auf eine CSS Bibliothek zurück, die meist von vielen Benutzern getestet wird/wurde und deshalb viele Kindheits- und Kompatibilitätsfehler bereits gelöst hat... Meistens ist es dann auch in den meisten Browsern getestet. Noch dazu hat man immer eine Basis und muss nicht immer von 0 wieder anfangen.

Kein Anspruch auf Vollständigkeit, oder schöne Textform, das ist einfach nur zusammengewürfelt.

Ich persönlich nutze kein Grid, aber hauptsächlich weil die Designer kein Grid nutzen oder es nicht nutzen wollen... Und ich dann halt so Kästen von 257px mit 16px Abstand nach rechts umsetzen muss

[Fulano]

960 (bzw. 1140) ist meist die Einigung auf eine Mindestbreite bei Auflösungen... 960 wäre theoretisch auf jeder Auflösung > 1024 gut sichtbar... Was die meisten hatten... Mittlerweile dank Tablets, Smartphones, etc. nicht mehr ganz so einfach.

960 hat den Vorteil: Es hat viele Teiler!
2, 3, 4, 5, 6, 8, 9, usw.

Dadurch lässt es sich schön aufteilen in gleichmäßige Teile. Ansonsten sind es halt Grids. Die meisten Menschen designen mit Grids (außerhalb des Webs) und es bietet sich einfach an. Der Alex hat auf dem Contao NRW Day erzählt, dass er mit Kunden Auftritte auf einem DIN A3 Blatt mit 960px Grid drauf durchspricht und plant. Die Idee hatte er von irgendwem, aber das ist mir wieder entfallen.

Man greift auf eine CSS Bibliothek zurück, die meist von vielen Benutzern getestet wird/wurde und deshalb viele Kindheits- und Kompatibilitätsfehler bereits gelöst hat... Meistens ist es dann auch in den meisten Browsern getestet. Noch dazu hat man immer eine Basis und muss nicht immer von 0 wieder anfangen.

Kein Anspruch auf Vollständigkeit, oder schöne Textform, das ist einfach nur zusammengewürfelt.

Ich persönlich nutze kein Grid, aber hauptsächlich weil die Designer kein Grid nutzen oder es nicht nutzen wollen... Und ich dann halt so Kästen von 257px mit 16px Abstand nach rechts umsetzen muss

Hallo Flex,

das mit der Breite und den Teilern liest man ja häufig. Aber ich hab mal zwei Stellen in deinem Text hervorgehoben die mich verwirren.
Mir ist immer noch nicht ganz klar was der Vorteil eines Grids sein könnte. Die breite einer Seite kann/muss ich auch ohne Grid festlegen.
Haben die Vorteile was mit der CSS Bibliothek zu tun?

Gruß, Fulano

[planepix]

Ergänzender Lesetipp von eben auf drweb:
http://www.drweb.de/magazin/responsive-grid-system-flexibles-spaltenlayout-erstellen/


Und noch ein paar Links:
http://www.typolexikon.de/g/gestaltungsraster.html

http://de.wikipedia.org/wiki/Gestaltungsraster (speziell Abschnitt Nutzen)

Satzspiegel und Raster (Print):
http://webuser.uni-weimar.de/~gorf/s02/bm/satzspiegel_und_raster.pdf

Und noch einen gut geschriebenen Artikel von Ellen (elmastudio):
http://www.elmastudio.de/webdesign/w...er-ueberblick/

[Fulano]

Ergänzender Lesetipp von eben auf drweb:
http://www.drweb.de/magazin/responsi...out-erstellen/

Hallo planepix,

wenn ich das richtig verstehe bedeutet das man kann für einzelne Spalten das Layout definieren? Entschuldige wenn ich das total falsch interpretiere, ich bin eben nicht der Programmierer ich möchte es aber im Grundsatz verstehen.

Gruß, Fulano

[planepix]

Hallo Fulano,

ich würde es anders beschreiben:
Die Verwendung von Grids ist die Organisationsstruktur der Inhalte in Spalten.

Das 960er Grid für Contao teilt die Seitenbreite (960px) in 12 Spalten auf.
Nun kann man jedem Inhaltselement eine Gridklasse mitgeben, die das Inhaltselement auf die der Gridklasse zugewiesenen Breite darstellt.

Aus der Praxis:
Wenn du die Inhalte einer Website betreust und mit Grid arbeitest, dann wird das klappen:

Arbeiten Redakteure damit und kennen die Arbeitsweise mit Grids nicht (Schulung!), dann bleibts spannend

Vielleicht bringt auch das noch etwas Klarheit:
http://www.contao.org/tl_files/meeti...-Framework.pdf

[Fulano]

...Und noch einen gut geschriebenen Artikel von Ellen (elmastudio):
http://www.elmastudio.de/webdesign/w...er-ueberblick/

Danke, den Link fand ich sehr hilfreich.