1999-2018: 19 Jahre Webdesign aus Hamburg

Webdesign-Glossar

Wichtige Begriffe aus Webdesign und Internet verständlich erklärt

Responsive Webdesign

Für eine gute Website ist ein Fluides Design seit Jahren eine Selbstverständlichkeit. Das Webdesign der Webseite passt sich der Größe des aufgezogenen Browserfensters an. Mit der zunehmenden Verwendung von Smartphones und Tablets im Internet reicht das aber nicht mehr aus.

Responsive Webdesign geht nun weiter und reagiert auf die Größe des Ausgabegerätes, des Smartphones, Tablet-Computers, Laptops oder Desktop-Computers.

Smartphones oder Tablet-Computer haben nicht nur teilweise wesentlich kleinere Bildschirme – sie haben Touchscreens. Herkömmliche Navigationselemente sind auf einem Touchscreen nur umständlich zu bedienen. Die Ansicht muss immer wieder verkleinert oder vergrößert werden um sich Stück für Stück die Seite zu erschließen.

Hier setzt Responsive Webdesign an: Je nach Darstellungsfähigkeit kommen zum Beispiel mehrere Stylesheets (CSS) zum Einsatz. Bei der Responsive Webdesign Variante Mobile First wird der Webdesigner das Weblayout zunächst so gestalten, dass es auf einem Smartphone im Hochformat (hochkant gehalten) bestmöglich benutzbar ist. Die Navigationselemente sind Buttons, relativ groß und untereinander angeordnet, und auf einem Touchscreen gut zu bedienen. Seitenleisten erscheinen erst am Ende unter dem eigentlichen Seiteninhalt, gefolgt von eventuellen Servicemenüs und dem Seitenfuß.

Wird das Smartphone nun gedreht und im Querformat gehalten, kommt ein anderes Stylesheet zum Tragen und die Navigation wechselt beispielsweise von Buttons zur normalen Textdarstellung.

Auf einem Tablet-Computer (Tablet Hochformat oder Tablet Querformat) wiederum können schon links oder rechts Seitenleisten eingeblendet werden.

Weitere Abstufungen sind zum Beispiel Laptop oder Desktop. Hier wird das größere Format ausgenutzt und die Seite erscheint in voller Schönheit.

Siehe auch Wissenswertes über Responsive Webdesign.

Beispiel: Hamburger Sammelsurium
Alle Abbildungen sind auf 50% verkleinert.

Das Hamburger Sammelsurium auf einem Smartphone im Modus Portrait.

Das Hamburger Sammelsurium auf einem Smartphone im Hochformat.

Das Hamburger Sammelsurium auf einem Smartphone im Modus Landscape.

Das Hamburger Sammelsurium auf einem Smartphone im Querformat.

Das Hamburger Sammelsurium auf einem Tablet im Modus Portrait.

Das Hamburger Sammelsurium auf einem Tablet-Computer im Hochformat.

Das Hamburger Sammelsurium auf einem Tablet im Modus Landscape.

Das Hamburger Sammelsurium auf einem Tablet-Computer im Querformat.

Das Hamburger Sammelsurium auf einem Laptop.

Das Hamburger Sammelsurium auf einem Laptop.

Das Hamburger Sammelsurium auf einem Desktop.

Das Hamburger Sammelsurium auf einem Desktop.

Für meine Kunden in Responsive Webdesign realisierte Websites:

Rufen Sie mich an, Telefon 040-608 892 77, vereinbaren Sie einen Rückruf, schreiben Sie eine E-Mail oder starten Sie Ihre Webdesign-Anfrage.

nach oben