Viewports into space
Relativität
Die Responsive Gestaltung ermöglicht eine Gestaltung für jeden Viewport. Zur Diversität aller Viewports kommen auch variable und interaktive Inhalte hinzu. Responsive Design ist Pflicht. Jeder Viewport soll eine für ihn zugeschnittene Gestaltung der Webseite erhalten, jeder CMS Eintrag soll gut aussehen.
Relative Werte
Damit ein Layout auf allen Viewports gut aussieht, müssen die Dimensionen relative Werte sein. Dabei gibt es relative Werte basierend auf dem Layout (%), dem Viewport (vh/vw), der Schriftgrösse (EM/REM) und noch viele mehr.
Das Zusammenspiel der passenden relativen Werten mit dem Boxmodell hat eine unglaubliche Kraft und will trainiert sein.
Media Queries
Viele Layouts sehen nicht auf allen Viewports gut aus. Mittels eines Breakpoints für eine spezifische Media Query (Medienabfrage) werden unterschiedliche Layouts definiert, ohne den Inhalt zu ändern.
Dabei definiert die Layout-Ästhetik, wann ein Breakpoint notwendig ist und nicht der Viewport.
Variabler Inhalt
Bei all den technischen Relativitäten wird oft vergessen, dass auch der Inhalt selbst sehr variabel ist. Content-Management-Systeme ermöglichen das stetige editieren der Inhalte einer Webseite. Für Designer:innen eine weitere Herausforderung.
