[Thorbman]

Hallo,

ich benötige dringend eure Hilfe:

Ich habe ein paar Fragen bezüglich Grids im Web Design.

1. Sollte man als Designer eines der Grid Systeme/Frameworks bei dem Gestalten einer Website verwenden?
2. Warum sollte man z.B. das 960er Grid System verwenden und kein eigenes Grid, welches z.B. etwas breiter ist?
3. Wozu sind bei einigen Grid Systemen Ränder vorgegeben, die schmaler sind als die Spalten zwischen den Kolumnen?
4. Gibt es bei dem Gestalten mit Grids bestimmte Regeln?

Zwei weitere Fragen habe ich noch zu Responsive Web Design:

1. Sollte man eine Website responsive gestalten/umsetzen, auch wenn es eine Mobile Variante und eine App gibt?
2. Ist es nicht besser, wenn man eine Desktop Variante und eine Mobile Variante entwirft - somit wäre doch die Website für jedes Device "maßgeschneidert"?

Ich hoffe, dass mir jemand meine Fragen beantworten kann.

Über Antworten und Hilfe würde ich mich wirklich sehr freuen!

Vielen Dank!

[FloKu]

Ich denke das ist ziemlich Geschmackssache. Da kann man keine allgemeingültigen Antworten drauf geben.
Ich benutze gerne solche Grid-Systeme, da sich die Seite so einfach gut strukturieren lässt. Ich bastel aber meistens für jede Seite vorher ein eigenes zurecht. Ist ja immer sehr unterschiedlich wie die Anforderungen sind. Braucht ja nicht jede Seite bis zu 12 verschiedene Spalten, oftmals reichen auch shon 3 - 4.

Das 960er lässt sich dabei einfach am besten verwurschteln und untergliedern. Und es passt auf die meisten Bildschirme, daher ist es wohl der Favorit.

Ich selber baue mitlerweile gerne Media Queries ein, um Die Seite dann auch an größere Bildschirme anzupassen.
Mit 1200px kann man auch sehr schön arbeiten.

Ich Denke da liegt auch der Vorteil des Responsive Design, anstatt nur eine Mobilversion zu machen. Mann kann die Seite an Verschiedene Bildschirmtypen anpassen. 1200+ für große Bildschirme, 960 für kleinere und laptops, und evtl. nochmal 720 fürn netbooks, also diese minilaptops und touch-pads.
Naja, und dann halt nochmal eine version fürs handy
Was man mitlerweile aber ja auch über Media Queries lösen kann, anstatt eine komplett eigene mobile Variante zu machen. Naja, es sei denn man will den Handy nutzern etwas traffic ersparen.

Ich finde ein gutes Beispiel für Responsive Design ist die Seite von Maserati: http://www.maserati.de/
einfach mal mit der Fesntergröße des Browsers spielen

[Morgo]

Das ist, so, etwas sehr allgemein gefragt..


zu 1.: Naja, irgendein Raster braucht man zur Orientierung bei jedem Layout, unabhängig davon, wie jetzt der Gestaltungsprozess genau aussieht. (Für entsprechende Hilfslinien in Photoshop gibts z.B. zwei nette Plugins: GridMaker und GuideGuide.) Mit welchen Maßen das angelegt wird, was nachher im CSS steht, ob du dabei frei bist oder an bestimmte Vorgaben gebunden, kommt auf die Rahmenbedingungen und die spätere Umsetzung an. Eine ganz wesentliche Rolle bei der Überlegung spielt z.B. die Typografie: Je größer bspw. Schriftgröße und Zeilenabstand werden, desto ungünstiger werden in der Regel winzige Spaltenabstände - und umgekehrt.

zu 2.: Die 960 kommt von der Praxis bei nicht-adaptiven, statischen Grids von einer maximalen Bildschirmauflösung von 1024px Breite auszugehen und sich das so hübsch in runde Zahlen unterteilen lässt. Das kann auch je nach Gestaltung und Vorgaben kleiner oder (seltener) auch größer ausfallen, siehe 1. Es gibt dafür zich Frameworks oder CSS-Vorlagen da draußen, die sich konfigurieren lassen.

zu 3.: Das sind hald Eigenheiten der unterschiedlichen Herangehensweisen in CSS, je nachdem wie das margin der Spalten definiert ist. Sonst hat das eigentlich nichts zu bedeuten..

zu 4.: Das Grid ist die Regel.


zum Rest: Kommt drauf an. Nämlich auf Budget, Zielgruppe, Inhalt, Umfang, redaktionelle Pflege, Kundenwünsche ...

[Thorbman]

Vielen herzlichen Dank für die Antworten!

Aslo angenommen, man gestaltet eine Website für eine Zielgruppe, welche mindestens eine Auflösung von 1280 x 800 Px hat, wäre es doch durchaus sinnvoll die Website mit einem Grid zu gestalten, welches etwas breiter ist, als das 960er, oder?

Hinzu kommt, dass bei dem Projekt nicht nur eine Website geplant ist, sondern auch eine Mobile Variante, sowie eine App.
Sollte man dann dennoch die Website responsive gestalten/umsetzen?

Letztendlich kann man also selbst bestimmen, welche Breite und welches Grid man verwendet - es sollte halt für die Zielgruppe am besten passen?

[buddha-brot]

[Thorbman]

Vielen Dank für die Antwort und die Tipps!

Liege ich denn mit meinen Vermutungen bezüglich des Gestaltens richtig?

[remote]

[Thorbman]

Vielen Dank für die Antwort! Das sind wirklich gute Tipps!

Was ich mich nun noch frage ist, ob es nicht durchaus Sinn macht, wenn man für eine Zielgruppe gestaltet, welche mindestens eine Auflösung von 1280 x 800 Px hat, die Website etwas breiter zu gestalten als 960 Px?

Man kann doch eigentlich selbst bestimmen, wie breit die Website sein soll - die Hauptsache ist doch, dass es für die Zielgruppe am besten passt, oder?

Über euren Support würde ich mich sehr freuen!

Vielen Dank!