Wiederholung heißt in der Gestaltung, Farben, Formen, Schriften oder Abstände gezielt wiederkehren zu lassen. Robin Williams zählt sie in The Non-Designer's Design Book zu den vier Grundprinzipien: Ein Merkmal soll sich durch das ganze Werk ziehen. Wiederholung hält eine Gestaltung zusammen und macht sie wiedererkennbar.
- Wiederholung (Gestaltung)
Das gezielte Wiederkehren von Farben, Formen, Schriften oder Abständen, das eine Gestaltung zusammenhält.
Beispiel: „Durch die Wiederholung der runden Ecken wirken Karten, Buttons und Bilder wie aus einem Guss.“Abgrenzung zur Konsistenz: Sie beschreibt das Ergebnis aus Sicht der Nutzer, dass Gleiches gleich aussieht und gleich funktioniert. Wiederholung ist das gestalterische Mittel dafür.
Was Wiederholung bewirkt
Was gleich aussieht, wird nach dem Gesetz der Ähnlichkeit als zusammengehörig gelesen. Williams beschreibt Wiederholung in der vierten Auflage ihres Buchs als bewusste Anstrengung, alle Teile eines Entwurfs zu verbinden. Wiederkehrende Abstände erzeugen außerdem einen Rhythmus, dem das Auge folgt.
Wiederholung und Konsistenz
Die Nielsen Norman Group zählt Konsistenz zu den zehn Grundregeln der Usability: Innerhalb eines Produkts sollen gleiche Elemente gleich aussehen und sich gleich verhalten, und nach außen sollen sie den Gewohnheiten des Webs folgen. Wiederholung ist der Weg dorthin.
Wiederholung im Design-System
Ein Design-System hält fest, was sich wiederholen soll: Farben, Schriftgrößen, Abstände und Bausteine. Im Code geschieht das über Variablen, die alle Komponenten teilen.
:root {
--radius: 8px;
--abstand: 1.5rem;
}
.karte, .button { border-radius: var(--radius); }