Responsive Webdesign

Responsive Webdesign passt die Darstellung einer Website an den verfügbaren Bildschirmplatz an. Inhalte, Bilder und Navigation werden so angeordnet, dass sie auf dem Smartphone ebenso nutzbar sind wie am großen Monitor.

Einfach erklärt

Dafür werden flexible Layouts und Regeln für unterschiedliche Bildschirmbreiten kombiniert. Es geht nicht nur darum, Elemente kleiner zu machen: Spalten können untereinander rücken und Menüs ihre Form ändern. Zur Prüfung gehören reale Inhalte, lange Überschriften, vergrößerter Text und die Bedienung mit Maus, Tastatur oder Touchscreen.

Ein Beispiel

Drei Leistungsspalten stehen auf dem Smartphone untereinander, damit die Texte gut lesbar bleiben.

Zurück zum Glossar