Rastersysteme im Webdesign

Rastersysteme im Webdesign


Bildung des Gittersystems
Im Jahr 1692 war der frisch gekrönte französische König Ludwig XIV. der Ansicht, dass das Niveau des Buchdrucks in Frankreich alles andere als zufriedenstellend war. Daher ordnete er die Einrichtung eines besonderen königlichen Komitees zur Verwaltung des Buchdrucks an. Ihre erste Aufgabe bestand darin, eine neue Schriftart zu entwerfen, die wissenschaftlich, rational und funktional war. Das Komitee wurde vom Mathematiker Nicolas Jaugeon geleitet. Sie verwendeten römische Schriftarten als Grundlage und wählten ein Raster als Gestaltungsgrundlage. Jedes Schriftquadrat wurde in 64 grundlegende Quadrateinheiten unterteilt, und jede Quadrateinheit wurde weiter in 36 kleine Raster unterteilt. Auf diese Weise besteht ein gedrucktes Layout aus 2304 kleinen Rastern. In diesem strengen geometrischen Rasternetzwerk entwarfen sie die Form der Schriftart, das Layout des Layouts und testeten die Wirksamkeit der Kommunikationsfunktion. Dies war das erste wissenschaftliche Experiment zu Schriftarten und Layouts der Welt und auch der erste Prototyp des Rastersystems.
Das Rastersystem heißt auf Englisch „grid systems“, manche übersetzen es auch mit „grid system“, was eigentlich dasselbe ist. In Bezug auf die Definition ist jedoch „Raster“ genauer. Die Definition von „Raster“ auf Wikipedia lautet: „Raster-Designsystem“ (auch bekannt als Grid-Design-System, Standardgrößensystem, Programm-Layout-Design, Schweizer Grafikdesign-Stil, internationaler Grafikdesign-Stil) ist eine Methode und ein Stil des Grafikdesigns. Das Seitenlayout ist mit einem festen Raster gestaltet und sein Stil ist klar und prägnant. Es wurde nach dem Zweiten Weltkrieg sehr populär und ist heute einer der gängigsten Stile im Publikationsdesign.
Rastersystem im Webdesign <br />Meine Definition eines Web-Rastersystems lautet: Verwendung einer regelmäßigen Rasteranordnung zur Steuerung und Regelung des Layouts und der Informationsverteilung einer Webseite.
Das Rastersystem der Webseite ist eine Entwicklung aus dem flachen Rastersystem. Beim Webdesign kann die Verwendung eines Rastersystems nicht nur dazu beitragen, dass die Informationspräsentation auf der Webseite schöner und leichter lesbar wird, sondern auch, dass sie benutzerfreundlicher wird. Darüber hinaus werden Webseiten für die Front-End-Entwicklung flexibler und standardisierter.


Rastersysteme werden im aktuellen Webdesign immer häufiger verwendet. Ich habe einen Artikel über die Anwendung von Rastersystemen aus dem Internet zusammengestellt: 30 Top-Blog-Website-Designs basierend auf Rastersystemen.
Vorherige Seite 1 2 Nächste Seite Gesamten Artikel lesen

<<:  Warum der Speicherplatz nach dem Löschen von Daten in MySQL nicht freigegeben wird

>>:  CSS-Anfänger-Tutorial: Hintergrundbild füllt den gesamten Bildschirm

Artikel empfehlen

Eine universelle Nginx-Schnittstelle zur Implementierung der Reverse-Proxy-Konfiguration

1. Was ist ein Proxyserver? Proxyserver: Wenn der...

Vue realisiert einen dynamischen Fortschrittsbalkeneffekt

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erklärung des Unterschieds zwischen in und exists in MySQL

1. Bereiten Sie sich im Voraus vor Zu Ihrer Beque...

Die Iframe-Aktualisierungsmethode ist bequemer

So aktualisieren Sie Iframe 1. Zum Aktualisieren k...

Leitfaden für Anfänger zum Erstellen einer Website ⑥: Detaillierte Verwendung von FlashFXP

Heute werde ich die grundlegendsten Funktionen von...

Implementierung der Docker-Bereitstellung von Django+Mysql+Redis+Gunicorn+Nginx

I. Einleitung Die Docker-Technologie erfreut sich...

Erstellen Sie eine virtuelle Maschine und installieren Sie das Betriebssystem Redhat Linux auf VMware (grafisches Tutorial)

So erstellen Sie eine virtuelle Maschine auf VMwa...

Nicht standardmäßiger Implementierungscode für die MySQL UPDATE-Anweisung

Heute werde ich Ihnen einen Unterschied zwischen ...

Analysieren Sie die Prinzipien der Tomcat-Architektur für den Architekturentwurf

Inhaltsverzeichnis 1. Lernziele 1.1. Beherrschen ...

JS realisiert den Front-End-Paging-Effekt

In diesem Artikelbeispiel wird der spezifische JS...

Docker-Container sichert regelmäßig die Datenbank und sendet sie an das angegebene Postfach (Designidee)

Inhaltsverzeichnis 1. Hintergrund: 2. Gestaltungs...

jQuery + h5 realisiert den Spezialeffekt der Neun-Quadrate-Lotterie (Front-End- und Back-End-Code)

Vorwort: Frontend: jq+h5, um den dynamischen Neun...

Beispiel für die Verwendung von CASE WHEN beim Sortieren in MySQL

Vorwort In einem früheren Projekt wurde die Sorti...

MySQL-Reihe: Redo-Log, Undo-Log und Binlog – ausführliche Erklärung

Durchführung von Transaktionen Das Redo-Protokoll...

Best Practices für die Bereitstellung des ELK7.3.0-Protokollsammlungsdienstes mit Docker

Schreiben Sie am Anfang Dieser Artikel behandelt ...