Wie Design Websites innerhalb des 960 Grid
Ein nützlicher Winkel, aus dem in der Herausforderung der Gestaltung von Web-Seiten, es zu schnitzen, mit zu beginnen, warum Web-Seiten sind 960 px breit. Aber sind sie? Nein, nicht alle von ihnen. Aber es gibt mächtig zwingende Gründe, warum Web-Designer zu werden gravitierende machen Seiten eine Standardbreite von 960 Pixel: Funktion und Form.
Zunächst einmal eine sehr, sehr große Auswahl an Ansichtsfenstern kann eine 960 px Seite angezeigt werden soll. Wie kann sowohl ein Full-Size-Monitor und ein iPhone eine 960 px Seite angezeigt werden? Diese Frage hat eine zweiteilige Antwort:
A 960 px Seite wird die gesamte Breite eines Full-Size-Monitor nicht füllen - aber das ist eine gute Sache. Eine Web-Seite, die die gesamte Breite eines Großbild-Monitor füllt wäre zu schwer zu verdauen. Textzeilen wäre zu lang zu lesen. Seiteninhalt würde auch ausgestreckt für die Besucher als einheitliches Ganzes zu absorbieren.
Mobile Geräte haben mehr Pixel pro Zoll als Full-Size-Monitore. Also auch Androids, iPhones und andere kleine Geräte können 960 px Seiten anzuzeigen.
Die andere Attraktion eine 960 Raster ist, dass # 147-960 # 148- ist leicht teilbar. Das heißt, Sie können brechen (teilen), um Ihre Seite in überschaubare Einheiten - Spalten - zeichnen Sie Ihr Design zu helfen. Zum Beispiel, sagen Sie ein Design auf einem Drei-Säulen-Ansatz stützen, die jeweils 320 Pixel breit.
Die Abbildung zeigt nur eine solche Konstruktion: ein 960 Raster unterteilt in drei gleich Breite Spalten mit Adobe Illustrator als Design-Tool. In dieser Darstellung ist ein Header (in weiß) füllt den oberen Rand des Bildschirms, und die drei Säulen unter dem Header platziert.
Oder ein 960 Gitter kann leicht in acht Spalten aufgeteilt werden (120 px breit) oder 16 Spalten (60 px breit). Diese Immobilien Zusammenbruch macht es einfach für einen Designer (die Sie vielleicht!) Für Anzeigen, Banner entsprechend dimensionierten Kunstwerk zu schaffen, und andere Inhalte.
wenn technische Probleme das einzige Problem waren, Webdesigner könnte in der Tat standardisierte Web-Seite ein bisschen größer als 960 px Größen und die Behälter noch in mobilen Geräten passen würde. Die meisten Ansichtsfenstern, einschließlich mobiler, behaupten mindestens 1024 Pixel breit sein - aber der Wert der Verwendung von 960 liegt in der Fähigkeit, das zu verwenden, # 147-Teilbarkeit # 148- dieser Zahl in Workflow.
Der wesentliche Punkt ist, dass die Designer - mit Programmen wie Adobe Illustrator, Adobe Photoshop oder sogar ein Blatt Millimeterpapier - kann bis zu 16 gleichgroße Spalten (60 px) erstellen.
Und indem ihr Design auf der Oberseite des 16-Stützenraster, sie dann drehen Sie das Kunstwerk über zu einem Web-Designer, um die Seite zu HTML und CSS übersetzt eine 960 px mit; breiten Container und mehrere Spalten, die in der Vorlage übereinstimmen Kunstwerk.