Responsive Webdesign

Responsive heißt »reaktionsfähig« und bedeutet, dass ein Layout zum Beispiel einer Website nicht mehr statisch, sondern dynamisch so erstellt wird, dass es sich an äußere Einflüsse wie Displaygröße und weitere Geräteeigenschaften wie Touchdisplays anpasst.

Responsive Design ermöglicht eine optimale User Experience. Durch skalierbare Bilder, variierende Textgrößen, das Fluid Grid und die veränderlichen Inhaltspositionen kann sich das Layout einer Website oder einer Applikation auf allen Bildschirmgrößen anpassen – egal ob am Computer oder einem Mobilgerät.

Responsive Design erfordert daher sowohl ein konzeptionelles Umdenken des Gestalters als auch eine veränderte Herangehensweise. Der grafische Aufbau einer responsiv gestalteten Webseite erfolgt dabei nach den Anforderungen des jeweiligen Geräts, mit dem sie betrachtet wird, und berücksichtigt zum Beispiel die Größe des Geräts, seine Bildschirmauflösung, Hoch- (Portrait) oder Querformat (Landcape) sowie Eingabemöglichkeiten wie Tastatur, Sprachsteuerung, Mausklick oder Gestensteuerung. Technische Basis dafür sind die Webstandards HTML5, CSS3 (Media Queries) und JavaScript.