Wie gestaltet man eine responsive Website? Vor- und Nachteile von Responsive Webdesign

Ich habe mich vor Kurzem mit Responsive Design beschäftigt und mich damit beschäftigt. Einige der Bilder stammen aus dem Internet.

1. Warum brauchen wir Responsive Webdesign?

Aufgrund der weit verbreiteten Nutzung mobiler Geräte und der allmählichen Unterschiede in der Größe von PC-Monitoren können herkömmliche Webseiten die Browsing-Effekte mehrerer Geräte nicht mehr erfüllen. Beispielsweise weisen herkömmliche Seiten in großen Browsern große leere Bereiche auf und können in kleinen Browsern und auf mobilen Geräten nicht vollständig angezeigt werden, oder die Seite wird verkleinert, um der Größe des mobilen Geräts zu entsprechen, und kann nicht normal durchsucht werden. Dies wirkt sich auch auf die Klickpunkte aus. Viele Leute vergrößern die Seite vor dem Durchsuchen, sodass die gesamte Seite kontinuierlich gezogen werden muss, was dem Benutzer eine schlechte Erfahrung bietet.

Hier sind die Punkte in Kürze:

2. Was ist Responsive Webdesign?

Eine Website ist mit mehreren Terminals kompatibel.

3. Alternativen zum Responsive Design

Entwickeln Sie eine völlig unabhängige mobile Version für die Website und entwickeln Sie eine mobile Anwendung (App). Dies bringt jedoch einige Mängel mit sich:

4. Vor- und Nachteile von Responsive Webdesign

Vorteile:

unzureichend:

5. Der Unterschied zwischen responsiv und adaptiv

Reaktionsfähige Layouts: Fluid Web

Adaptives Layout: Feste Haltepunkte

6. Anzeigeelemente des Bildschirms des mobilen Endgeräts

Browserkernel für Mobilgeräte: Trident (IE), Gecko (FF), Presto (Opera, aufgegeben), Webkit (Safari, Chrome), Blink (Google)

Größe mobiler Geräte: iPhone (980), iPad (1024), Android (980 bei einer Auflösung von 480 x 800), WinPhone (1024) usw.

Auflösung mobiler Endgeräte:

7. Responsive Webdesign-Prozess

Benutzerforschung und Schätzung der Gerätespezifikation

Planung und Test von Framework-Prototypen

Visuelles Design

Vorderbaukonstruktion