Design Prinzipien Dem graphische Entwurf jedweder Publikationsart & Medium liegt ein in Jahrhunderten iterativ entwickeltes Verständnis für gutes Design zu Grunde. In dieser Übersicht sind die wichtigsten Prinzipien zusammengefasst und werden anschaulich anhand von Bad-vs-Good Abbildungen vermittelt.

Navigation

Die aktuelle Position, der Pfad woher man kam und der nächste Dialogschritt bieten Orientierung.

Grid-Raster

Ausrichtung aller Elemente an einem gedachten Raster impliziert Ordnung auf der Seite.

Weißraum

Schreit alles, ist nichts sichtbar. In einer ruhigen Umgebung stechen wichtige Elemente heraus.

Margins & Paddings

Abstände zwischen den Elemente und von den Element-Rändern lässt das Auge Bereiche erkennen.

Visuelle Hierarchie

Vom Allgemeinen zum Speziellen. Über Schriftgröße und Schriftgewicht wird der Dialog hierachich untergliedert.

Leveling & Cards

Interaktive Elemente erhalten eine leicht angehobene Darstellung mit Hilfe von subtilen Schatten.

Typographie

Sorgsam ausgesuchte Schriften vermitteln Thema und Emotionalität über Form und Anordnung der Buchstaben.

Farben

Hintergrund-, Sekundär- und Akzentfarben zueinander und thematisch passend auswählen.

Für die Wireframe-Gegenüberstellungen wurden Icons von Font Awesome verwendet.