Modulares Design ist ein Gestaltungsprinzip, das Oberflächen aus wiederverwendbaren Bausteinen zusammensetzt, statt jede Seite einzeln zu entwerfen. Ein Modul ist laut Duden ein austauschbares Element, das in einem Gesamtsystem eine geschlossene Funktionseinheit bildet; das Wort kommt über das Englische vom lateinischen modulus, Maß. Auf einer Website sind solche Module etwa eine Bühne, ein Text mit Bild, eine Kartenreihe oder ein Formular.
- Modulares Design
Ein Gestaltungsprinzip, das Oberflächen aus wiederverwendbaren, austauschbaren Bausteinen zusammensetzt, statt jede Seite einzeln zu entwerfen.
Beispiel: „Dank modularem Design entsteht die neue Landingpage aus vorhandenen Bausteinen.“Auch: Modular Design, Baukastensystem.
Abgrenzung zum modularen Raster: Es teilt eine Seite in gleich große Felder; gleiches Wort, andere Sache.
Woher das modulare Design kommt
Der Gedanke ist älter als das Web. Herbert A. Simon zeigte 1962 in The Architecture of Complexity mit dem Gleichnis zweier Uhrmacher, warum Bauen in Baugruppen überlegen ist: Wer eine Uhr aus 1.000 Teilen in einem Stück montiert und ständig unterbrochen wird, braucht im Mittel rund 4.000-mal so lange wie einer, der Baugruppen aus je zehn Teilen bildet. In der Software folgte 1972 David Parnas mit seinem Aufsatz über die Zerlegung von Systemen in Module.
Modulares Design im Web
Nathan Curtis übertrug das Prinzip um 2010 mit dem Buch Modular Web Design auf Websites. Brad Frost machte es 2013 mit Atomic Design zur Methode; er nennt Modularität das Konzept, das in jedem Gespräch über gelungene Web-Erfahrungen auftauche. Ergebnis modularen Gestaltens sind ein Design System und eine Component Library, im CMS ein Satz von Inhaltselementen, aus denen Redakteure Seiten bauen.
Wann sich modulares Design lohnt
Modulares Design spielt seine Stärke aus, sobald eine Website mehr als eine Handvoll Seiten hat oder wächst. Neue Seiten entstehen aus geprüften Bausteinen, eine Änderung an einem Modul wirkt überall, und die Gestaltung bleibt einheitlich. Der Preis ist die Planung am Anfang: Jedes Modul braucht Regeln, welche Inhalte es aufnimmt und wie es auf schmalen Bildschirmen umbricht. In unseren Statamic-Projekten setzen Redakteure Seiten deshalb im Page Builder aus solchen Modulen zusammen.