Systematische Proportionen und Abstände

Vollkommenheit entsteht offensichtlich nicht dann, wenn man nichts mehr hinzuzufügen hat, sondern wenn man nichts mehr wegnehmen kann.

Antoine de Saint-Exupéry

Reduziert man die Zahl der visuellen Elemente und integriert sie in ein Rastersystem, entstehen klare Designs, die sich durch eine spezifische Ordnung auszeichnen. Diese Ordnung verleiht den Informationen Glaubwürdigkeit und schafft Vertrauen.

Josef Müller-Brockmann, Grid Systems in Graphic Design

Goldener Schnitt

Goldene Spirale

./images/goldener-schnitt-01.png
./images/goldener-schnitt-02.png
./images/goldener-schnitt-03.png
./images/goldener-schnitt-04.png
./images/goldener-schnitt-05.png
./images/goldener-schnitt-06.png
./images/goldener-schnitt-07.png
./images/goldener-schnitt-08.png
./images/goldener-schnitt-09.png
./images/goldener-schnitt-10.png
./images/goldener-schnitt-11.png
./images/goldener-schnitt-12.png
./images/goldener-schnitt-13.png
./images/goldener-schnitt-14.png
./images/goldener-schnitt-15.png
./images/goldener-schnitt-16.png
./images/goldener-schnitt-17.png

Bevorzugte Zahlen

./images/fibonacci-folge-01.png
./images/fibonacci-folge-02.png
./images/fibonacci-folge-03.png
./images/fibonacci-folge-04.png
./images/renard-serien-01.png
./images/renard-serien-02.png
./images/renard-serien-03.png
./images/renard-serien-04.png
./images/renard-serien-05.png

DIN Reihe / Renard-Serie

./images/renard-serien-06.png
./images/drittel-regel-01.png
./images/drittel-regel-02.png
./images/drittel-regel-03.png
./images/drittel-regel-04.png

Negativraum

./images/negativraum-01.png

White space or negative space is simply unmarked space in the design. It is the space between the layouts, lines of paragraphs, between paragraphs, between different UI elements and so on. White space does not literally mean an empty space with a white background. It can be of any color, texture, patterns or even a background image.

Pratik Hegde

Die Beziehung positiv-negativ – eines der wichtigsten Gegensatzpaare bei allen Designs –entsteht automatisch. Ein Zwischenraum – ein Nebenprodukt – ist ebenso wichtig wie das Element, das ihn verursacht.

Armin Hofmann
./images/whitespace-01.png
./images/whitespace-02.png
./images/whitespace-03.png
./images/whitespace-04.png
./images/example-image-01.png
./images/example-image-02.png
./images/example-image-03.png
./images/example-image-04.png
./images/example-image-05.png
./images/example-image-06.png

Systematische Abstände

nach Nathan Curtis

./images/abstand-01.png
./images/abstand-02.png
./images/abstand-03.png
./images/abstand-04.png
./images/abstand-05.png
./images/abstand-06.png
./images/abstand-07.png

Danke für's Mitmachen

https://christiannoss.de