Entwerfen für Web und Tablets - Responsive Design

• Kann 2, 2024

Der Begriff Responsive steht seit einiger Zeit im Vordergrund, aber was genau bedeutet das? Das Internet hat sich im Laufe der Jahre stark verändert, von einer meist textbasierten Plattform zu einer interaktiven, ansprechenden Multimedia- und Geräteumgebung.

Die Webseiten haben sich im letzten Jahrzehnt geändert, um die Verbesserungen des Internets und der Geräte, mit denen wir es anzeigen, widerzuspiegeln. Apropos Geräte: Wir haben verschiedene Typen zur Auswahl, darunter Computer, Minicomputer, Tablets und Smartphones. Wenn die Anzahl der Geräte und ihre Variationen zunehmen, wird ein Problem offensichtlich. Jedes Gerät und jede Variation eines Geräts hat eine eigene Bildschirmgröße.

Als wir nur Websites für Desktop- und Laptop-Computer entwerfen mussten, war unsere Hauptüberlegung, wie wir sicherstellen können, dass die Webseite unabhängig vom Computer oder Webbrowser gleich angezeigt wird. Die Antwort war, für die Top-Webbrowser und die gängigsten Bildschirmauflösungen zu entwerfen. Das hat für kurze Zeit funktioniert. Ein weiteres Problem wurde offensichtlich, als sich diese Parameter ständig änderten. Die Bildschirmgröße für meinen ersten Computer war 800 x 600 und ich habe es trotzdem geliebt. Dann wurden 1024 x 800 zur Norm. Jetzt sind Computer auf 27 Zoll und größer gewachsen. Die Zielauflösung für eine Website änderte sich also ständig.

Gerade als wir anfingen, Spaß am Entwerfen für diese größeren Bildschirme zu haben, stieg die Popularität des Smartphones und Tablets mit ihren coolen Apps, aber kleineren Bildschirmen, stark an. Tatsächlich wird vorausgesagt, dass Smartphones und Tabellen in nur wenigen Jahren häufiger als Computer zum Anzeigen des Webs verwendet werden. Anfangs gab es nur wenige mobile Geräte. Deshalb haben wir begonnen, sowohl eine Hauptwebsite für den Computerbenutzer als auch eine zweite Website für den mobilen Benutzer zu entwerfen. Dies hat das Problem jedoch nicht vollständig gelöst, da wir immer noch für Layouts mit fester Breite entworfen haben.

Sie können jetzt nicht davon ausgehen, auf welchem ​​Gerät der Betrachter Ihre Website anzeigt. Das Entwerfen für bestimmte feste Bildschirmgrößen ist daher nicht mehr die beste Antwort auf das Problem. Wir benötigen eine Möglichkeit, die Bildschirmgröße des Benutzers zu bestimmen und die Webseite entsprechend anzuzeigen. Daher reaktionsschnelles Webdesign, das CSS verwendet, um die Bildschirmbreite zu bestimmen und eine Webseite nach Bedarf anders anzuzeigen. Dies ermöglicht es uns, nur eine Website zu haben, die sich nach Bedarf in mehrere Versionen verwandelt.

Video-Anleitungen: Create Grids for Responsive Design Adobe XD Tutorial (Kann 2024).