Programmierer / Freelancer / Digitaler Nomade

Kontakt |      
devices

Responsive Webdesign Augsburg

Responsive Webdesign Optimierung

crop_portrait

Smartphone hochformat

Das kleinste Format in der Breite. Das iPhone6 hat als Beispiel nur 375px. Bei diesem Format sollten große Bannerbilder im Kopfbereich einer Webseite in diesem speziellen Format quadratisch dargestellt werden.

crop_16_9

Smartphone querformat

Die Responsive Optimierung für Smartphones in querformat ist nicht ganz so dramatisch. Es stehen meistens mindestens 600px zu Verfügung. Bannerbilder werden in Querformat dargestellt und bedecken oft den kompletten Bildschirm.

tablet_mac

Tablet hochformat

Bei dem Tablets in hochformat werden Inhaltselemente wie Texte oder Bilder entweder wie beim Smartphone auf die ganze Bildschirmbreite gestaltet oder auch mit einem zweispaltigen Layout versehen.

tablet

Tablet querformat

Bei den Tablet Querformaten hat man in der Regel keine Platzprobleme. Einige Tablets wie das iPad Pro haben in Querformat über 1200px - und zählt bei meinen Gestaltungsrichtlinien schon zu den Desktop-Bildschirmen.

laptop_mac

Desktop Normal

Zu den normalen Desktop-Systemen zählen vor allem Laptops, sowie die kleineren (eher quadratischen) Monitore. Auch hier gibt es in der Regel keine Probleme bei der Responsive Webdesign Augsburg Optimierung.

personal_video

Breitbildschirm Monitore

Hierzu zählen Standard-Breitbildschirme um mit 1900px in der Breite - aber auch neue Bildschirm-Typen wie beispielsweise der iMac, dieser hat 5000px. In Ausnahmefällen setze ich ab 2400px nochmal einen Breakpoint und optimiere diese nochmal extra.