Das Raster ist Ihr Layoutplan für die Seite

Englisches Original: http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm
Das Raster ist Ihr Plan für das Seitenlayout . Viele Seiten, die Sie im täglichen Leben sehen, haben Raster. Sie bemerken es vielleicht nicht, aber es ist da und unterstützt den Designinhalt, legt die Gesamtstruktur fest und leitet die Elemente der Seite.
Ein Raster ist ein unsichtbares Gerüst, das die Platzierung verschiedener Elemente auf Ihrer Seite steuert. Das Raster erscheint zwar nicht auf der gedruckten Seite, hat aber eine enorme Wirkung. Es steuert die Breite der Textspalten, die Einheitlichkeit des Leerraums um Fotos herum und die feste Position wiederkehrender Elemente auf jeder Seite eines Magazins. Ein Raster besteht aus einer Reihe von Richtlinien, die die Ränder Ihres Druckmaterials, den Abstand zwischen Seitenelementen (Überschriften, Fließtext, Fotos usw.) und deren Platzierung auf einer leeren Seite bestimmen.
Bevor Sie entscheiden, ob und wie Sie ein Raster verwenden, sollten Sie einige Grundlagen zu Rastern und ihrer Erstellung verstehen. Obwohl das Raster im endgültigen Druckprodukt nicht sichtbar ist, möchten Sie es beim Erstellen der Seite sehen können.
Möglicherweise sind in Ihrem Seitenlayout „Ränder“ festgelegt. Diese Kanten können auf dem Bildschirm als helle durchgezogene oder gestrichelte Linien erscheinen. Die oberen, unteren, linken und rechten Ränder bilden ein Feld in der Mitte Ihrer Seite. Sie verwenden dies als Basispunkt zum Erstellen Ihrer Zellen. Erstellen Sie mehrere Zellen, indem Sie die Seite in mehrere gleiche Teile unterteilen. Sie können sichtbare Raster erstellen, die Ihnen beim Seitenlayout helfen: Ihre Seitenlayoutsoftware verfügt über eine Führungsfunktion, oder Sie können Ränder oder Kästchen auf einer nicht druckbaren Ebene zeichnen. Normalerweise können Sie eine Hilfslinie vom Lineal neben die Seite „ziehen“ und dort platzieren, wo Sie sie benötigen.

Raster und Ränder
Ränder bestimmen die äußeren Grenzen einer Seite. Sie umgeben Ihren Seiteninhalt wie ein Bilderrahmen. Die Ränder sind nicht unbedingt auf allen Seiten gleich, bleiben aber normalerweise von Seite zu Seite oder von Panel zu Panel (innerhalb der gleichen Publikation) einheitlich. In den meisten Programmen legen Sie die Seitenränder zusammen mit dem Seitenformat (Größenangaben) fest. In einigen Programmen können Sie die Ränder sogar „in Echtzeit“ anpassen, indem Sie die Grenzen auf dem Bildschirm ziehen. Raster und Gassen Wenn Sie den Innenraum einer Seite (die Seitenmitte) in mehrere gleich große Teile unterteilen, wird der weiße Raum zwischen den einzelnen Einheiten als „Gasse“ bezeichnet. Die Richtung der Spalten kann je nach Ihren Rastereinstellungen horizontal, vertikal oder beides sein. In manchen Designprogrammen wird dies auch als Leerraum oder „Rand“ einer Textspalte bezeichnet. Raster und Polsterung Wenn zwei Seiten oder zwei Tafeln ausgebreitet werden, nennt man die inneren Ränder "Rinnen". Das sind die Ränder auf beiden Seiten der Mittelnaht. In manchen Satzprogrammen wird der Abstand zwischen zwei Textspalten auch als „Randleiste“ bezeichnet. Rasterzellen Rasterzellen sind die grundlegenden Koordinaten, auf denen Sie Text und Bilder auf einer Seite platzieren. Es bestimmt eher die „Platzierung“ als die „Größe“. Dies bedeutet, dass Sie ein Bild, das größer als die Gitterzelle ist, trotzdem verwenden können. Mithilfe von Rasterzellen können Sie Ihr Bild so skalieren, dass es in 1, 2, 3 oder mehr Rasterzellen passt, und es dann auf der Seite positionieren. Raster sorgen für visuelle Organisation
Gitter haben unterschiedliche Einsatzmöglichkeiten, sind jedoch nicht für jede Bauform und nicht für jeden Menschen geeignet. Für Publikationen wie Zeitschriften und Newsletter sind Raster nahezu unverzichtbar. Das Raster sorgt für Kontinuität zwischen den Seiten und beschleunigt den Designprozess erheblich. Designer müssen das Layout und Design jeder Seite nicht „von Grund auf“ planen.
In einer Reihe separater, aber zusammengehöriger Druckerzeugnisse, beispielsweise einer Reihe von Postern oder Flyern für eine Werbekampagne oder Produktlinie, kann ein gemeinsames Raster dazu beitragen, das Gesamtbild der Reihe separater Druckerzeugnisse zu vereinheitlichen.
Ein gedrucktes Material enthält häufig mehrere voneinander unabhängige Elemente (Textblöcke, Überschriften, Fotos, Diagramme) und das Raster hilft Ihnen dabei, diese Seitenelemente geordnet anzuordnen.

<<: Grafische Erklärung des zugrunde liegenden Prinzips der JavaScript-Bereichskette

>>: Detaillierte Erläuterung der Position der CSS-Sticky-Positionierung: Sticky-Problemgrube

Verstehen Sie den Rendering-Prozess von HTML-Seiten als Vorbereitung auf das Erlernen der Front-End-Leistungsoptimierung.

Ich lerne derzeit etwas über Front-End-Leistungsop...

Das Raster ist Ihr Layoutplan für die Seite

jQuery klickt auf den Liebeseffekt

Eine kurze Analyse von CSS3 mithilfe von Textüberlauf zur Lösung von Textlayoutproblemen

So fragen Sie Daten innerhalb eines bestimmten Zeitraums mit dem Vue-Frontend und dem Django-Backend ab

Ausführliche Erläuterung des globalen Status des WeChat-Applets

Detaillierte Erläuterung der Protokollverarbeitung von Docker-Containern

Mehrere Möglichkeiten zur Implementierung der Vererbung in JavaScript

Daten in der Layui-Tabellenzeile dynamisch bearbeiten

Beispiel für eine Methode zur Überprüfung des Status einer Linux-Firewall

Linux-Installation, MongoDB-Start und Lösung allgemeiner Probleme

Methode zum Erstellen eines Redis-Clusters basierend auf Docker

Artikel empfehlen

Ubuntu-Grundeinstellungen: Installation und Nutzung des OpenSSH-Servers

Probleme mit Join-Abfragen und Unterabfragen in MySQL

Detaillierte Erläuterung des vollständigen Anwendungsbeispiels zur Entwicklung von Hyperf unter Docker

Detaillierte Erläuterung des Speichermodells der JVM-Serie

Lösen Sie das Problem, dass bei der Set-Operation kein NULL gefunden wird, nicht wie bei MySQL

Lösung für das Problem, dass Docker-Container nicht gestoppt oder beendet werden können

Detaillierte Anweisungen zum Download und Installationsprozess von MySQL 5.7.18

Tutorial zur Installation von mysql5.7.23 auf Ubuntu 18.04

Nginx-Konfiguration 80 Portzugriff 8080 und Analyse der Projektnamenadressenmethode

Hadoop 2.x vs. 3.x 22-Punkte-Vergleich, Hadoop 3.x Verbesserungen gegenüber 2.x

Der Prozess des Aufbaus einer Entwicklungsumgebung basierend auf Visual Studio Code + React

Verstehen Sie den Rendering-Prozess von HTML-Seiten als Vorbereitung auf das Erlernen der Front-End-Leistungsoptimierung.

Docker ermöglicht den nahtlosen Aufruf von Shell-Befehlen zwischen Container und Host

Verwenden Sie Python, um mithilfe des Moduls pymysql eine Verbindung zur MySQL-Datenbank herzustellen

Eine kurze Erläuterung der Rolle des Parameters docker --privileged=true