Bildbearbeitung & Design für Social Media. Rosita Fraguela

rel="nofollow" href="#fb3_img_img_d55ea681-0ad9-5fd3-bc9f-4b3d0cd54e0d.jpg" alt="image"/>

       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).

       Corporate Identity (CI) & Corporate Design (CD)

      Die Corporate Identity ist im wahrsten Sinne des Wortes die Identität eines Unternehmens. Sie umfasst, neben dem Corporate Design, die Corporate Communication und die Corporate Culture.

      Die Corporate Communication beinhaltet die interne (innerbetriebliche) und die externe (Kunden-)Kommunikation. Dazu gehört das Formulieren von Texten für Pressemitteilungen, Social-Media-Beiträge, Anzeigen und andere Werbemaßnahmen.

      Die Corporate Culture, die Unternehmenskultur, besteht aus den ethischen Werten und Überzeugungen des Unternehmens. Oft gibt es einen Unternehmensleitfaden, in dem die Leitsätze, an denen sich alle Mitarbeiter und das Management orientieren (sollen), zusammengefasst sind.

       nahgast.de/leitsaetze: Unternehmensleitsätze inkl. Infografik

      Das Corporate Design (CD) definiert die visuelle Identität des Unternehmens. Es umfasst Designelemente wie das Logo, die Unternehmensfarben (Corporate Color), die Schriften sowie Designraster für die Erstellung von Visitenkarten, Briefpapier, Stellenanzeigen usw.

       sipgatedesign.com/brand-design/basiselemente: »Brand Design«

      In einem umfangreichen Design-Manual bzw. (Design-)Styleguide werden die geeigneten Bilder (Bildwelten) und Grafiken beschrieben sowie die visuellen Elemente der Website. Idealerweise sollten hier ebenso die Vorgaben und Templates für Social Media zu finden sein.

       styleguide.bundesregierung.de/sg-de/basiselemente/bildstil

       designnavigator.daimler.com/Daimler_Graphics

       Beispiele aus der Praxis

      In dem Fachblog »Design Tagebuch« gibt es eine umfangreiche Liste mit Corporate-Design-Handbüchern und Styleguides: designtagebuch.de/wiki/corporate-design-manuals. Hier finden Sie die passenden Links zu Online-Styleguides und PDF-Dateien zum Download.