Styleguide für Auftritt in Sozialen Netzwerken
Auf Kanälen in Sozialen Medien tritt die Stadt Offenbach gemeinsam mit den Stadtwerken auf. Mit unterschiedlichen fest definierten Designvorlagen wird der Wiedererkennungswert beider Marken erhöht. Marke und Inhalt sind jederzeit leicht zu identifizieren.
Einzelne Kampagnen können von diesem Styleguide abweichen. Das gilt auch für geteilte Inhalte anderer Anbieter.
Regeln für das Design
-
- Texte immer linksbündig setzen
- Schriftgrößen aus den Vorlagen verwenden
- Ähnlich wie bei einem Dokument, sollte auch bei grafischen Beiträgen eine gute Leserlichkeit gegeben sein
- Hohen Kontrast bei den Icons einsetzen
- Logo immer auf gleiche Position und in gleicher Größe setzen
- Die Anordnung von Text und Grafiken müssen sich immer an der Vorlage orientieren
- Diagramme sind einfach und schnell verständlich - sie vereinfachen einen komplexen Sachverhalt
- Diagramme orientieren sich an den definierten Farben
- Muster und Strukturen im Hintergrund haben nur einen leichten Kontrast
- Schrift muss immer gut lesbar sein
- Gute Fotos vermitteln Emotionen
- Fotobeiträge im Hochformat: Textfelder verdecken nicht das Hauptmotiv, jede Textzeile wird mit einem farbigen Hintergrundbalken in Cyan oder Dunkelblau hinterlegt
- Fotobeiträge enthalten wenig Text, maximal auf 1/3 der Gesamtfläche
- Fotos mit Orten erhalten ein besonders Symbol zusätzlich zur Bezeichnung und enthalten keinen weiteren Text.
- Beiträge mit kurzen Titeln können mit querformatigem Bild und schrägen Farbflächen eingesetzt werden.
Angaben zur Größe von Grafiken
Beiträge 4:5: 1080x1350 px
Stories 9:16: 1080x1920 px
Thumbnails für Videoformat 9:16: 1080x1920 px
Hashtag: Schriftgröße 35 Pt
Überschrift: Schriftgröße 65 Pt (Textgrafik) oder 60 Punkt in Querformat-Foto-Vorlage
Fließtext: Schriftgröße 45 Pt
Icons
Icons sind einfache, auf das Wesentliche reduzierte Symbole, die universell und unmittelbar verständlich sind. Sie sind schnell und einfach auf einen Blick zu verstehen und visualisieren Informationen. Icons sind unabhängig von Sprachen, sie benötigen keine Übersetzung. Die Verwendung von Icons auf Social Media hilft Nutzenden, schnell und einfach zu verstehen, worum es in einem Beitrag geht. Sie wecken gleichzeitig das Interesse am Thema.
Es gelten folgende Regeln:
- Icon nur einsetzen, wenn es zum Thema passt
- Ein Icon pro Grafik (Slide)
- Icons immer einfarbig
- Strichstärke bei allen Beiträgen gleichstark wählen
Farben
Grafiken für Text
Text-Grafiken dienen in erster Linie dazu, Informationen kurz und bündig zu vermitteln. Ein graphisches Element (in diesem Fall ein Icon) unterstreicht das im Text geschilderte Thema. Beispielsweise wird bei einer wichtigen Ankündigung ein Megaphon verwendet, welches die Aufmerksamkeit des Lesers erweckt. Geht es zum Beispiel um die Themen Bienen und Honig, kommt ebenfalls eine entsprechende Grafik zum Einsatz.
Text-Grafiken sind geeignet für Infobeiträge, Zahlen|Daten|Fakten sowie Zwischenfolien im Format Karussell.
Grafiken mit Bild, Video oder mehreren Seiten
Grafiken mit Bildern im Querformat haben die Schriftgröße 35 Punkt für den Hashtag und 60 Punkt für die Überschrift. Weiterer Text ist nicht vorgesehen. Es wird die Farbvorlage gewählt. die besser mit Bild harmoniert.
Vorschaugrafiken (Thumbnail 9:16) werden als Grafiken mit Hintergrundbalken für den Text angelegt.