Desktop, Notebook, Tablet und Smartphone

Wenn wir im Internet surfen, benutzen wir eines dieser Geräte sowie einen Browser. Die Bildschirmgröße und Auflösung variieren je nach Gerät. Ein responsives Webdesign ist in der Lage, sich an das jeweilige Endgerät anzupassen. Wird eine Webseite mit responsive Design aufgerufen, liefert der Webserver die Seite zum Endgerät passend aus. Hierbei wird sich an der Auflösung orientiert, den sogenannten Breakpoints.

Dadurch wird die Benutzerfreundlichkeit gewährleistet. Webseiten ohne responsive Design werden auf Smartphones angezeigt wie auf einem Desktop-Gerät. Die Schrift ist zu klein, daher nicht lesbar und der Nutzer muß sich mit 2 Finger in die Seite zoomen und scrollen, um sie überhaupt lesen zu können. Solche Seiten werden meist schnell wieder verlassen, da das Lesen des Inhalts zu mühevoll ist.

Responsive Design ist heute Standard, Webdesigner stellen diese Form bereit, damit User eine Website unabhängig vom verwendeten Endgerät problemlos nutzen können.

Designvorlagen, auch Templates genannt, beinhalten dies heute.