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.