Ein Seitenlayout-Raster (weiße Linien) besteht aus sich kreuzenden vertikalen und horizontalen Linien. Der Text ( Inhalt ) ist nicht Teil des Rasters. Er wird mithilfe des Rasters linksbündig an den unteren und rechten Rändern der Rasterlinien auf der jeweiligen Seite platziert. Dasselbe Raster kann für mehrere Seiten mit unterschiedlichen Inhaltstypen oder verschiedenen Stilen desselben Inhaltstyps verwendet werden.
Ein Raster, das innerhalb eines Bildes (anstatt einer Seite) angewendet wird, wobei zusätzliche Winkellinien die Proportionen vorgeben.

Im Grafikdesign ist ein Raster eine (meist zweidimensionale ) Struktur aus sich kreuzenden geraden (vertikalen, horizontalen und winkligen) oder gekrümmten Linien ( Rasterlinien ), die zur Strukturierung von Inhalten dient. Das Raster fungiert als Gerüst , in dem Designer grafische Elemente ( Bilder , Glyphen , Absätze usw.) übersichtlich und leicht verständlich anordnen können. Mithilfe eines Rasters lassen sich grafische Elemente im Verhältnis zu einer Seite, zueinander oder zueinander in Bezug auf andere Teile desselben grafischen Elements oder derselben Form organisieren .

Der weniger gebräuchliche Begriff „Referenzraster“ bezeichnet ein davon unabhängiges System, dessen Wurzeln in den Anfängen des Buchdrucks liegen.

Geschichte

Vorläufer

Vor der Erfindung des Buchdrucks mit beweglichen Lettern wurde ein System verwendet, das auf optimalen Proportionen basierte, um handgeschriebenen Text auf Seiten anzuordnen. Ein solches System, das als Villard-Diagramm bekannt ist , war mindestens seit dem Mittelalter in Gebrauch. [ 1 ]

Evolution des modernen Rasters

Nach dem Zweiten Weltkrieg begannen Grafikdesigner wie Max Bill , Emil Ruder und Josef Müller-Brockmann , beeinflusst von den modernistischen Ideen in Jan Tschicholds „ Die neue Typografie “, die Relevanz des damaligen konventionellen Seitenlayouts zu hinterfragen . Sie entwickelten ein flexibles System, das Designern zu einer kohärenten Seitenstruktur verhelfen sollte. Das Ergebnis war das moderne typografische Raster, das mit dem Internationalen Typografischen Stil in Verbindung gebracht wird . Müller-Brockmanns wegweisendes Werk „Grid systems in graphic design“ trug maßgeblich zur Verbreitung des Rasters bei, zunächst in Europa und später in Nordamerika.

Reaktion und Neubewertung

Mitte der 1970er-Jahre war die Vermittlung des typografischen Rasters als Bestandteil der Grafikdesign-Lehrpläne in Europa, Nordamerika und weiten Teilen Lateinamerikas Standard. Der Rasterstil etablierte sich als Gestaltungsmerkmal für die Unternehmenskommunikation. Anfang der 1980er-Jahre führte eine Gegenbewegung gegen die zunehmende Verbreitung des Rasters, insbesondere gegen dessen dogmatische Verwendung und die Verbindung mit der Unternehmenskultur, dazu, dass einige Designer es zugunsten organischerer Strukturen ablehnten. Das Erscheinen des Apple Macintosh und der damit einhergehende Übergang von der Typografie durch die Designer zur eigenständigen Gestaltung der Schriften lösten eine Welle von Experimenten aus, die größtenteils den Prinzipien von Tschichold und Müller-Brockmann widersprachen. Das typografische Raster wird zwar weiterhin gelehrt, jedoch eher als nützliches Werkzeug für bestimmte Projekte und nicht mehr als Voraussetzung oder Ausgangspunkt für jedes Seitenlayout.

Verwendung von Rastern im Webdesign

Während Rastersysteme in Printmedien weit verbreitet sind, ist das Interesse von Webentwicklern erst in jüngster Zeit wieder gestiegen. Webdesign-Frameworks, die HTML und CSS erzeugen , existierten bereits, bevor neuere Frameworks die Verwendung rasterbasierter Layouts populär machten. Einige Rastersysteme definieren Elemente mit fester Breite in Pixeln, andere sind „flexibel“, d. h. sie erfordern die Angabe der Seitenelementgröße in relativen Einheiten wie Prozent anstatt in absoluten Einheiten wie Pixel oder Punkt. [ 2 ]

Das W3C veröffentlichte das CSS Grid Layout Module Level 1, um ein zweidimensionales, rasterbasiertes Layoutsystem zu definieren. [ 3 ]

Es gibt auch CSS-Frameworks, die ein eigenes Grid-System beinhalten:

Rasterverwendung im Druckdesign

Im Printdesign werden seit jeher Rastersysteme zur Organisation und Strukturierung von Inhalten verwendet. Ursprünglich dienten Rastersysteme als Hilfslinien für geschriebene Bücher. Künstler nutzten Rastersysteme, um Inhalte – Text und Bilder – so anzuordnen, dass das Lesen und Verstehen erleichtert wird. Zeitungen, Bücher, Zeitschriften, Kleinanzeigen usw. verwenden alle unterschiedliche Rastersysteme, die den verfügbaren Platz optimal für besseres Lesen und Präsentieren nutzen. [ 4 ]

Software

Die meisten Desktop-Publishing-Programme, professionellen Publishing-Programme und andere Büroanwendungen, einschließlich Textverarbeitungsprogramme, bieten das Rasterlayout als Option an.

Siehe auch

Referenzen

  1. ^ „Archivierte Kopie“ . Archiviert vom Original am 30.05.2013 . Abgerufen am 17.06.2013 .{{cite web}}: CS1 Wartung: Archivierte Kopie als Titel ( Link )
  2. ^ Marcotte, Ethan (3. März 2009). „Fluid Grids“. A List Apart.
  3. ^ Tab Atkins Jr.; Elika J. Etemad; Rossen Atanassov (14. Dezember 2017). „CSS Grid Layout Module Level 1“ . World Wide Web Consortium . Abgerufen am 10. Juli 2019 .
  4. ^ "Was ist ein Gittersystem?" .

Weiterführende Literatur

  • Baines, Phil und Haslam, Andrew. Schrift und Typografie, zweite Auflage. New York: Watson-Guptill Publications, 2005. ISBN 0-8230-5528-0Die
  • Burnhill, Peter. Type spaces: in house norms in the typography of Aldus Manutius. London: Hyphen Press, 2003. S. 101.
  • Elam, Kimberly. Rastersysteme: Prinzipien der Typografieorganisation. New York: Princeton Architectural Press, 2004. ISBN 1-56898-465-0Die
  • Hochuli, Jost. Buchgestaltung: Praxis und Theorie.
  • Hurlburt, Allen. Grid: Ein modulares System für die Gestaltung und Produktion von Zeitungen, Zeitschriften und Büchern. Wiley: 1982. ISBN 0-471-28923-XDie
  • Le Corbusier Das Modulare I .
  • Müller-Brockmann, Josef. Rastersysteme im Grafikdesign. Niggli: 1996. ISBN 3-7212-0145-0
  • Ruder, Emil. Typografie. Hastings House: 1981. ISBN 0-8038-7223-2Die
  • Rudolf Bosshard, Hans. Das typografische Raster . Niggli: 2002. ISBN 3-7212-0340-2Die
  • Khoi Vinh, Oh Yeeaah! Grids are good , South by Southwest Conference Presentation, 2007. [1]
  • Antonio Carusone, Entwurf von Gittersystemen für Flash . [2]
  • Marcotte, Ethan (3. März 2009). „Fluid Grids“.
  • Capo, Daniele (5. April 2009). „Die Aufteilung eines Segments in n Teile auf mittelalterliche, aber dennoch spätmoderne Weise.“ [3]
  • Das Grid-System: Ein Blick auf die technischen Aspekte von Stromnetzen in der Praxis, mit vielen Ressourcen.