Wie mit einem Raster Design basierte Layout
Ein Grid-basierte Layout ist eine Reihe von horizontalen und vertikalen Linien verwendet, um Inhalte zu organisieren. Die Gitterlinien sind gleichmäßig verteilt, um für Ränder, Fußzeilen, Header und Inhalt zu kennzeichnen. Eines der am häufigsten verwendete Raster-Layouts ist 960 Grid. Das Rasterlayout bedeutet nicht, eine Design starr oder langweilig sein muss, sondern einfach eine Anleitung, wo Dinge gelagert werden sollen, in einem Design werden proportioniert und suchen geeignete gibt. Das Rasterlayout ist eine Anleitung zur Gestaltung und zum Web-Designs mit ein professionelles Aussehen zu produzieren verwendet werden sollte.
Anweisungen
1
Mit einem Grafik Softwareprogramm, klicken Sie auf "Datei" und "Neu", um eine neue Design-Projekt zu starten. Legen Sie die Abmessungen des Dokuments auf 1024 x 768 Pixel, das Grid-System auf einer gemeinsamen Webseite verwenden zu können.
2
Setzen Sie den Cursor über das horizontale Lineal klicken und ziehen Ihre Kopfzeile Raster platzieren. Die Rasterlinie Header sollte rund um die Marke von 150 Pixel nach unten vom oberen Rand des Dokuments platziert werden.
3
Klicken Sie und ziehen Sie Ihre zweite Gitterlinie an den unteren Rand Ihres Dokuments für Ihre Fußzeile. Diese Rasterlinie wird 100 Pixel vom unteren Rand des Dokuments platziert werden. Die Fußzeile werden in der Regel kleiner als die Kopfzeile, da es weniger Informationen und kleinere grafische Inhalte enthält.
4
Klicken Sie auf die vertikale oder horizontale Lineal ziehen die Rasterlinie für die Platzierung der Navigation. Für eine horizontale Navigationsleiste sollte das Raster auf 50 oder 75 Pixel unterhalb der Header-Gitterlinie gezogen werden. Die vertikale Navigation Rasterlinie wird auf entweder Links oder rechts des Dokuments auf 200 Pixel vom Rand des Dokuments platziert werden.
5
Platzieren Sie Text und grafischen Komponenten innerhalb der Grid-Layout. Obwohl das Grid-System mit Organisation hilft gibt es Zeiten, die eine Design ein wenig außerhalb der Einschränkungen des Rasters genutzt und funktionell sein gehen müssen.