Tesign
Gutes Design ist selten Geschmackssache. Meistens sind es ein paar handwerkliche Regeln, die den Unterschied machen. Diese Seite erklärt sieben davon – und hält sich selbst daran.
Regel 1
Text muss sich deutlich vom Hintergrund abheben, sonst strengt Lesen an. Hellgrau auf Weiß wirkt im Entwurf elegant, wird aber bei Sonnenlicht oder auf älteren Bildschirmen unlesbar. Im Zweifel lieber dunkler.
Zu wenig Kontrast: anstrengend zu lesen.
Genug Kontrast: mühelos zu lesen.
Regel 2
Leerer Raum ist kein verschenkter Platz, sondern das, was den Inhalt atmen lässt. Er gruppiert zusammengehörige Dinge und trennt, was nicht zusammengehört. Wenn etwas unruhig wirkt, fehlt meist Platz, nicht Deko.
Regel 3
Das Auge braucht eine Reihenfolge: Was ist das Wichtigste, was kommt danach? Größe, Gewicht und Abstand sagen das, ohne ein Wort zu verlieren. Wenn alles gleich laut ist, hört man nichts mehr.
Das Wichtigste
Das Zweitwichtigste
Und die Details dazu, klein und ruhig.
Regel 4
Zwei Schriftarten reichen fast immer: eine für Überschriften, eine für den Fließtext. Mehr wirkt schnell wie ein Flohmarkt. Abwechslung bekommst du besser über Größe und Schriftschnitt als über neue Schriften.
Überschriften: eine Serifenschrift
Fließtext: eine serifenlose Schrift. Diese Seite benutzt genau diese zwei – mehr nicht.
Regel 5
Elemente sollten an unsichtbaren Linien ausgerichtet sein. Ein gemeinsamer linker Rand wirkt sofort aufgeräumt, auch wenn niemand sagen kann, warum. Unordnung entsteht selten durch falsche Farben, meist durch krumme Kanten.
Regel 6
Eine einzige Akzentfarbe genügt, um zu zeigen, wo es weitergeht. Je seltener du sie benutzt, desto stärker wirkt sie. Der Rest darf ruhig aus Schwarz, Weiß und ein paar Grautönen bestehen.
Auf dieser ganzen Seite gibt es genau eine Akzentfarbe – dieses Blau. Du findest es in den Regelnummern, in Verweisen wie diesem und in den Linien.
Regel 7
Fließtext sollte mindestens 16 Pixel groß sein, die Zeilen nicht länger als etwa 70 Zeichen, und zwischen den Zeilen braucht es Luft. Zu lange Zeilen verliert das Auge beim Zurückspringen. Deshalb ist diese Spalte bewusst schmal.
Diese Zeile ist absichtlich viel zu lang gesetzt, damit du merkst, wie unangenehm es ist, am Zeilenende den Anschluss zu suchen und dabei jedes Mal kurz die Orientierung zu verlieren.
Diese Spalte ist angenehm schmal. Das Auge findet den Zeilenanfang von allein.