Ein Muster ist eine Fläche aus einem Motiv, das sich regelmäßig wiederholt: Streifen, Punkte, Karos, Ornamente. Der Duden beschreibt es als aus Motiven kombinierte, sich wiederholende flächige Verzierung auf Papier, Stoff und Ähnlichem. Im Webdesign heißt es meist Pattern.
- Muster
Eine Fläche aus einem Motiv, das sich regelmäßig wiederholt, etwa Streifen, Punkte oder Ornamente.
Beispiel: „Das Muster aus feinen Punkten im Hintergrund nimmt die Form des Logos auf.“Auch: Pattern, Dessin.
Abgrenzung zur Textur: Sie wirkt wie eine Oberfläche ohne erkennbare Wiederholung.
Der Rapport eines Musters
Die Einheit, die sich wiederholt, heißt Rapport. Der Duden beschreibt ihn bei Geweben, Tapeten und Ornamenten als ständige Wiederholung eines Motivs und als das Motiv selbst. Ein Muster ohne sichtbare Kanten entsteht, wenn die Ränder des Rapports so gestaltet sind, dass beim Aneinandersetzen keine Kante sichtbar wird.
Muster in CSS und SVG
Ein Bild wird mit background-repeat gekachelt. Einfache Streifen erzeugt repeating-linear-gradient() ganz ohne Bilddatei. In SVG legt das Element pattern ein Motiv fest, das in festen Abständen gekachelt wird. Beides ist seit Jahren in allen großen Browsern verfügbar.
.streifen {
background: repeating-linear-gradient(
45deg, #0078ff 0 8px, #ffffff 8px 16px
);
}Muster im Webdesign
Muster geben Flächen Charakter, ohne Bilder zu brauchen. Das Atlassian Design System nutzt flächige Muster als Hintergrund, die einer Fläche Markenpersönlichkeit geben. Hinter Text sollten Muster sehr zurückhaltend bleiben, weil jede Linie und jeder Punkt mit den Buchstaben konkurriert; kräftige Muster passen besser zu Rändern, Trennflächen und leeren Zuständen.