Logo

Pixelbande Webdesign

Responsives Webdesign

Lesezeit: 1 Minute, 41 Sekunden

Die größte Stärke des Internets war schon immer seine Flexibilität. Warum sind die meisten der Webseiten noch nicht flexibel? Das hierzu aktuell unter professionell arbeitenden Webdesignern wohl am heissesten diskutierte Thema ist responsives Webdesign. Das liegt auch daran, dass Webseiten mehr und mehr von mobilen Geräten mit kleinen Displays wiedergegeben werden. Mein Beitrag soll nun etwas Klarheit dazu verschaffen.

Die Grundidee ein ist Webdesign, welches auf das darstellende Ausgabegerät "reagiert"

Reagieren heißt in diesem Fall:
- Das Layout passt sich unterschiedlichen Displaygrößen an
- Bildelemente werden an die Displayauflösung angepasst
- Bildelemente werden abhängig von einer Internetverbindung vom Server abgerufen
- Layouts werden für mobile Geräte vereinfacht
- unwichtigere Gestaltungselemente werden auf kleineren Ausgabegeräten nicht angezeigt
- Links und Schaltflächen werden für mobil etwas größer dargestellt und damit multitouch-freundlicher

Derzeit werden Webseiten meistens für Displaygrößen mit mehr als 1000 Pixeln in der Breite entwickelt. Sobald ein Browserfenster diese Breite unterschreitet sieht der Inhalt gequetscht aus oder es wird ein horizontaler Scrollbalken sichtbar – beides hässlich! Stellt ein großes Display jedoch mehr als 1000 Pixel in der Breite zur Verfügung wird der Inhalt bei manchen Layouts (den “flexiblen”) getreckt und aufgrund der Zeilenlänge unlesbar.

Da Webseiten aber heutzutage auf unglaublich vielen unterschiedliche Bildschirm- und Fenstergrößen gut aussehen sollen wird es für einen Webdesigner fast unmöglich dies mit herkömmlichen Methoden zu ermöglichen. Nun kann man zum Beispiel zwei verschiedene Layouts erstellen – eine für die Desktopcomputer und eine für mobile Geräte – das bedeutet aber auch zusätzliche Entwicklungsarbeit (sowie Kosten) und eine umständlichere Pflege der Webseite bei zukünftigen Updates und Weiterentwicklungen.

Dies erklärt nun die Wichtigkeit dieser Thematik. Eine responsive Webseite zu entwickeln bedeutet nur eine Version zu erstellen. Diese Version sieht auf hochauflösenden Displays genauso gut aus wie auf Laptops, Smartphones und Tablet-PCs. Sobald der Bildschirm oder das Browserfenster verkleinert wird “reagiert” die Webseite mit einer entsprechenden Anpassung des Layouts.

Die Pixelbande:
Webdesigner aus Leidenschaft

Wir freuen uns auf Ihre
Projektanfrage. Schreiben Sie uns eine E-Mail!

Über uns

Wir erstellen Websites und Blogs für Unternehmen oder Privatpersonen. Wir überarbeiten Ihre bereits bestehende Webseite hinsichtlich eines modernen User Interface (UI) oder einer schlüssigen User Experience (UX). Wir unterstützen Sie gerne auch bei Ihrer Suchmaschinenoptimierung (SEO).