Читать книгу Bildbearbeitung & Design für Social Media - Rosita Fraguela - Страница 37

Je nachdem, wie viel Platz Sie dem Browser auf Ihrem Desktop-Bildschirm zur Verfügung stellen, sehen Sie verschiedene Layouts. Ein Layout ist eine bestimmte Anordnung der einzelnen Bereiche.

Beispiel Twitter: In der Fullscreen-Ansicht sehen Sie links die Navigation in voller Breite, den Inhaltsbereich in der Mitte und die Spalte rechts.

Alle Bereiche werden komplett angezeigt.

Stellen Sie das Browserfenster z. B. auf die Hälfte der Bildschirmbreite, sehen Sie ein schmaleres Layout: Nun ist die Navigation minimiert.

Browseransicht mit minimierter Navigation

Wird das Browserfenster noch schmaler, wird die Spalte rechts nicht mehr angezeigt.

Browseransicht ohne zusätzliche Spalte

Dieses Verhalten, dass je schmaler das Browserfenster bzw. je kleiner der Bildschirm wird, unterschiedliche Layouts zu sehen sind, wird als responsives Verhalten bezeichnet. Der Wechsel von einem Layout mit maximaler Breite bis hin zu einem absolut minimalistischen Layout erfolgt an sogenannten Breakpoints. An diesen Stellen wird ein Layoutumbruch vorgenommen.

Die Apps der Kanäle sind für mobile Endgeräte (Tablets und Smartphones) optimiert und haben teilweise andere Navigationskonzepte als die »normale Benutzeroberfläche« im Webbrowser.

Apps zur mobilen Nutzung

Auf dem Smartphone: Die Navigation im Webbrowser befindet sich oben. In der App ist die Navigation unten. Scrollen Sie im Inhaltsbereich, wird oben die Leiste mit den Startseite-Einstellungen ausgeblendet. Das gilt für die Browseransicht und für die App.

Smartphone-Browser: Twitter

Twitter-App: Startseite

App-Ansicht beim Scrollen

Beachten Sie diese Darstellungsunterschiede, wenn Sie Beiträge oder Anzeigen konzipieren! Je nach Social-Media-Kanal werden auch Bilder bzw. Creatives in den Layoutansichten stark abweichend angezeigt (siehe Besonderheiten der Bildbearbeitung für Social Media, Seite 29).