Layout: vom Handy bis jenseits von Full HD

Google droht mit der Abwertung von Webseiten, die nicht auch für Handys angepasst sind. Die selben Inhalte in 6 verschiedenen Layouts dargestellt.






Layout für bis zu 794 Pixel breite Bildschirme, meist Handys Layout für bis zu 794 Pixel breite Bildschirme, meist Handys
Die Seite wird so gezoomt, dass der Inhalt mit 600 Pixel Breite fast die gesamte Bildschirmbreite einnimmt. 15 Pixel Rand, bei unter 360 Pixel breite nur 4 Pixel Rand.


SVGA und meist Tablets im Portrait Modus SVGA und meist Tablets im Portrait Modus
Von 795 bis 999 Pixel breite können die Beiden 160 Pixel breiten Werbeblöcke bereits rechts neben dem 600 Pixel breiten Inhalt gestellt werden.


XVGA und Bildschirme von 1000 bis 1200 Pixel breite XVGA und Bildschirme von 1000 bis 1200 Pixel breite
Jetzt hat der Navigationsbereich bereits links neben dem 600 Pixel breiten Inhalt Platz. Die beiden 160 Pixel breiten Werbeblöcke wandern unter der Navigation.


SXGA und Bildschirme von 1200 bis 1879 Breite SXGA und Bildschirme von 1200 bis 1879 Breite
Das Standard Layout unserer Seiten, bis die Anpassung an verschiedene Bildschirmgrößen erfolgte.


Layout für Full HD Auflösung und 1880 bis 2279 Pixel Breite Layout für Full HD Auflösung und 1880 bis 2279 Pixel Breite
Der gesamte Inhalt wird in 2 Spalten dargestellt. So muss auf einem Full HD Bildschirm weniger gescrollt werden.


Layout für sehr große Bildschirme, 2280 Pixel und mehr Breite Layout für sehr große Bildschirme, 2280 Pixel und mehr Breite
Der einzige Unterschied zum Full-HD Layout: der Block für eigene Werbung wandert von unterhalb der Navigation ganz links in eine eigene Spalte ganz rechts.






Sie können die verschiedenen Darstellungen selber mit der Zoom Funktion vom Browser testen. Mit der Zoom Funktion wurden auch alle Screen-Shoots der folgenden Seiten erstellt.