Elemente zu prüfen, bevor auch die Schaffung eines Rasters
In Web-Design ist ein Raster eine Reihe von Quadraten, die den Raum ausfüllt, die, den ihrer Website beschäftigen wird. Das Raster selbst ist in der Regel nicht in das endgültige Design sichtbar, aber in der Regel eine Design basierend auf einem Raster werden leicht zu erkennen, im Vergleich zu anderen mehr Freiform-Designs. Grid-basierte Design kann die perfekte ästhetische Wahl für Ihre Website sein, aber Sie können auch davon profitieren einfachere Designs oder diejenigen, die den Inhalt der Website in unterschiedlichen Bildschirmgrößen und Formen passen zu ermöglichen.
Ihr Publikum
Wenn Besucher Ihrer Website erwarten, den Inhalt dargestellt in unterschiedlichen, Box-ähnliche Abschnitte zu finden, wird ein Gitter ihre Erwartungen beherbergen. Ein Grid kann ein Hauptteil präsentieren, wo Ihre neuesten Nachrichten oder die wichtigsten Informationen prominent angezeigt ist, um die Aufmerksamkeit Ihres Publikums zu erregen und die anderen Abschnitte können dann zusätzliche Funktionen gewidmet werden.
Ihre Inhalte
Wenn Sie weniger Inhalt zu bieten haben, kann ein Raster nicht erforderlich sein. Beispielsweise kann ein Weblog, der einfach Ihre Blog-Posts in chronologischer Reihenfolge anzeigt ein sehr einfaches Design haben, das aussieht wie eine Aufzählung. Wenn Ihre Website auf Inhalt schwer ist, jedoch lassen eine unorganisierte Design Ihre Zuschauer verwirrt und desorientiert. Unter Verwendung eines Rasters zu trennen und mehr oder weniger aufmerksam machen, verschiedene Content-Funktionen kann diese Sorge lindern. Beispiele für zusätzliche Inhalte, die besser in einem Rasterlayout angezeigt werden sind online-Kalender, Lieblings-Links, Widgets und Werbung. Im Beispiel des Weblogs würden Sie diese und andere zusätzliche Teile des Inhalts zu Ihrem Blog hinzufügen würde fast sicher möchten sie innerhalb eines Rasters, die Aufmerksamkeit der Besucher Ihrer Website zu den wichtigsten Inhalten führen zunächst zu arrangieren.
Ihre Website-Layout auf mehrere Bildschirm-Typen
Ein Grid übernimmt eine bestimmte Bildschirmgröße und Auflösung. Wenn Sie Ihr Raster für einen kleineren Bildschirm oder niedrigere Auflösungen entworfen haben, zeigt es anders auf größeren Bildschirmen. Web-Designer in der Regel überwinden dieses Anliegen durch Leerzeichen Variable Breite auf beiden Seiten der Design-Raster platzieren, so dass auf die Website anzeigen Zentren ein größerer Bildschirm einfach das Design zwischen Leerzeichen. Auf kleineren Bildschirmen, z. B. über webfähige Mobilgeräte kann der Inhalt lesbar nachdem es bis auf eine kleine genug Größe auf dem Bildschirm passend verkleinert wird. Mit einem mobilen Browser Zoomfunktionen kann vergrößern den Inhalt, aber dadurch wird auch das gesamte Design, verursacht viel davon außerhalb des Bildschirms Anzeigebereich verschieben vergrößern.