Intrinsisches Webdesign

Anders als das klassische responsive Webdesign, das auf die Fenstergröße des Geräts reagiert, richtet sich das intrinsische Webdesign nach der tatsächlichen Komponente. So reagiert jede Komponente individuell auf Größe und Inhalt, was zu einer dynamischen Benutzererfahrung führt. Eine Website-Komponente wechselt zwischen ein- und zweispaltigem Layout, je nach verfügbarem Platz, und zeigt automatisch eine andere Variante, wenn bestimmte Inhalte wie Bilder vorhanden sind. So gestaltet sich das Layout direkt im Browser.

Zum Einsatz kommen hier flüssiges Design mit stufenlos skalierbaren Schriftgrößen, dynamischen Abständen und automatisch geschnittenen Bildern. So entsteht ein Layout, das codeschlank bleibt. Ein anderes Beispiel wäre eine dynamische Galerie, die sich beim Scrollen automatisch anpasst. Zunächst zeigt sie ein großes Bild, das sich an die Breite des Bildschirms anpasst. Beim Weiterscrollen wechselt das Layout zu einer flexiblen Spaltenansicht. Solche Scroll-Animationen sorgen für ein flüssiges und flexibles Design, das auf allen Geräten gut aussieht. Intrinsisches Webdesign erfordert die Arbeit direkt im Browser, da echte Inhalte das Layout beeinflussen – eine Herausforderung für Full-Stack-Webdesigner, die klassische Design-Tools gewohnt sind.