Der Leitfaden für Designer zur Gittertheorie

Unabhängig davon, ob Sie im Web- oder Druckdesign arbeiten, müssen Sie die Rastertheorie verstehen. Während einige Designer Gitter aktiv zugunsten eines intuitiveren Freiform-Layouts meiden, arbeiten die erfolgreichsten seit Jahren mit Gittern - sie verstehen die Regeln, bevor sie sie brechen.

Für autodidaktische Designer wird ein Großteil der Theorie und Rationalisierung hinter dem Raster als Designwerkzeug einfach nicht durch die typischen Blog-Beiträge und Konferenzgespräche abgedeckt. Wir sind hier, um die Dinge mit dieser Anleitung im Taschenformat in Ordnung zu bringen, einschließlich eines kleinen Teils der Theorie.

Möchten Sie die Dinge einfach halten? Versuchen Sie es großartig Webseitenersteller und stellen Sie sicher, dass Sie mit dem Perfekten voll unterstützt werden Web-Hosting Bedienung. Lagerung nicht auf dem neuesten Stand? Sehen Sie diese Cloud-Speicher Optionen.

Arten von Stiften zum Skizzieren und Schattieren

01. Gitter legen einen Takt und Rhythmus fest

ein Gitter in schwarz und weiß

Ein Raster führt den Betrachter zu den gewünschten Informationen

Der Hauptzweck eines Rasters - zumindest im Grafikdesign - besteht darin, eine Reihe von Richtlinien für die Positionierung von Elementen innerhalb eines Layouts festzulegen. Ein effektives Gitter liefert nicht nur den Rhythmus für ein Design, sondern definiert auch den Zähler.

Dies ist ein wichtiger Teil, um den Inhalt zugänglich zu machen und dem Betrachter zu helfen, zu verstehen, wo die nächsten Informationen im Layout zu finden sind. Es setzt Erwartungen und definiert die Regeln, das Timbre und - in einigen Fällen - die Stimme des Designs. Stellen Sie sich ein Raster als Straßenkarte vor, auf der Ihre Zuschauer unterwegs sind.

02. Gitter definieren und reflektieren Proportionen

Ein wesentlicher Aspekt des Rasters ist seine Fähigkeit, die Proportionen zu bestimmen und zu definieren. Im Druck spiegeln die Proportionen am häufigsten die Größe des Mediums wider. Die Form und Ausrichtung des Papiers spiegelt sich häufig in der Größe und Form der Bilder wider, die beispielsweise in einem Layout enthalten sind.

Dies fühlt sich angenehm an, da der Leser den Kontext des Layouts aufgrund der physischen Form und Größe des Übermittlungsmechanismus, z. B. eines Blattes Papier, unterschwellig versteht.

Im Web ist diese Idee der Reflexion nicht ganz so wichtig, aber Raster können auf die gleiche Weise verwendet werden, um Inhalte wieder auf dem Bildschirm zu verankern. Bildschirme können flüssiger sein, und als Designer ist es nicht möglich, mit der gleichen Sicherheit zu wissen, welche Größe und Form des Bildschirms zum Anzeigen von Inhalten verwendet wird.

Unabhängig davon sind Proportionen und Skalierung wichtige Werkzeuge in einem Layout. Die Verwendung eines Rasters zum Bestimmen und Durchsetzen von Regeln hilft daher dabei, die wichtigen Wegweiser zu definieren, mit denen der Leser auf Inhalte zugreifen und diese verstehen kann.

03. Gitter arbeiten mit dem Goldenen Schnitt

der goldene Schnitt

Wenn Sie Ihr Design auf den Goldenen Schnitt stützen, können Sie ein ansprechendes Layout sicherstellen

Das gesamte Konzept eines endgültigen Rastersystems ist eine relativ junge Erfindung in der Welt des Designs. Raster existieren seit den frühesten Tagen des Zeichnens und Schreibens intuitiv, aber erst in jüngster Zeit wurde das Layout wissenschaftlich betrachtet und als solches nie isoliert von anderen Best-Practice-Layoutregeln existiert. Ein solches Beispiel für eine Frequenzweiche ist, wo der Goldene Schnitt auf das Gitter trifft.

Das Goldener Schnitt (auch als goldener Mittelwert bekannt) bestimmt den angenehmsten Satz von Proportionen für ein Element und wird zur 'Drittelregel' vereinfacht. In Kombination mit einem Raster können diese einfachen Regeln für Größe, Position und Proportionen dazu beitragen, dass sich ein Layout kohärent, aber auch ästhetisch ansprechend anfühlt.

Dies ist wichtig, da es wiederum dazu beitragen kann, den Inhalt zugänglicher zu machen. Denken Sie daran, dass ein Raster der unsichtbare Klebstoff hinter dem Inhalt ist - in den meisten Fällen sollte es für den Betrachter transparent sein.

04. Es gibt ein 960-Rastersystem im Web

Ein 960px-Raster

Ein 960px-Raster kann auf viele verschiedene Arten aufgeteilt werden, was es zu einer flexiblen Option macht

Sobald Sie die Vorteile eines Rastersystems kennen, ist es sinnvoll, dass Webdesigner Raster eingeführt haben. Um die Dinge praktischer zu gestalten, sind einige gängige Größen zum Standard geworden. Am gebräuchlichsten ist das 960px-Rastersystem.

960px ist eine gute Größe, da es viele Faktoren hat (ganze Zahlen, in die es unterteilt werden kann): 1, 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160 und so weiter. Die Möglichkeit, das Raster auf diese Weise aufzuteilen, bietet viel Flexibilität für die Breite der Spalten und bietet ein vielseitiges, wiederverwendbares Rastersystem.

Unnötig zu erwähnen, dass zahlreiche Designer damit beschäftigt waren, das 960px-Raster in einen hilfreichen Satz von CSS-Bibliotheken zu packen. Ein solches Beispiel finden Sie unter 960 gs , aber es gibt auch andere zur Verfügung.

05. Gitter bilden eine solide Grundlage

Wie wir gesehen haben, existieren Gitter hauptsächlich, um die Positionierung und das Gleichgewicht in einem Layout zu bestimmen. Durch die Bereitstellung einer solchen festen Grundlage kann sichergestellt werden, dass Inhalte in einer leicht verständlichen Reihenfolge dargestellt werden. Sie können jedoch auch verwendet werden, um bestimmte Bereiche von Inhalten hervorzuheben, indem Sie sie einfach aus dem Raster herausbrechen.

Der Betrachter wird diese Ausbrüche auf natürliche Weise identifizieren und zu ihnen hingezogen, was dem Designer die Möglichkeit gibt, mit der Hierarchie eines Layouts zu spielen und die Bedeutung eines Werks zu optimieren.

06. Gitter arbeiten mit anderen wichtigen Gestaltungsprinzipien

12-Spalten-Rasterlayout

Sobald Sie die Grundlagen beherrschen, können Sie beginnen, sich vom Raster zu lösen

Vergessen Sie nicht, dass das Raster neben vielen Grundprinzipien, mit denen Sie Ihre Layouts verbessern können, nur ein Werkzeug ist. Lassen Sie sich nicht zu sehr auf die Verwendung eines Rasters ein - einige der besten Designs verstoßen gegen alle Regeln des Rasterlayouts und sind dafür umso erfolgreicher.

Zu verstehen, wie und wann ein Raster verwendet werden soll, kann nur aus Erfahrung kommen. Experimentieren Sie also. In unseren anderen Artikeln zur Designtheorie finden Sie weitere nützliche Tools und Prinzipien, mit denen Sie Ihre Designs verbessern können.

Dieser Artikel wurde ursprünglich in veröffentlicht Netz Zeitschrift. Abonnieren Sie net hier .

Zum Thema passende Artikel: