CD-Bund-Manual für Apps, Facebook & Twitter und Videos
←
→
Transkription von Seiteninhalten
Wenn Ihr Browser die Seite nicht korrekt rendert, bitte, lesen Sie den Inhalt der Seite unten
CD-Bund-Manual für Apps, Facebook & Twitter und Videos Fachstelle CD Bund Schweizerische Bundeskanzlei Februar 2019
Inhaltsverzeichnis & Einleitung
App-Icons Einleitung
Basiselemente
Dieses Manual dient der Realisierung zukünftiger bundesweiter App-Icons.
Farben 3 Die BK stellt eine entsprechende, skalierbare EPS-Datei zur Verfügung.
Icon-Grundbestandteile 4
Icon-Gestaltungsvarianten 5 Das Manual regelt weiter die Anwendung des CD Bund in einem Twitter-
Icon-Grösse 6 Account und auf einer Facebookseite. Für weitere Social-Media-Accounts sind
Icon-Beschriftung 7 die Vorgaben sinngemäss zu übertragen.
Die Vorgaben wurden auf ein Minimum beschränkt, da Twitter und Facebook
Anwendungen
ihr Webdesign ändern können.
Homescreen & Impressum-Seite einer App 8
Das Manual behandelt auch den Aspekt der Mehrsprachigkeit bei der Kom-
munikation des Bundes.
Twitter
Account für Personen 9 Die visuellen Vorgaben gelten auch für die Auslandvertretungen der Schweiz.
Für die textlichen Bezeichnungen von Facebookseiten und Twitter-Accounts
Account für Organisationseinheiten 10
wird das GS-EDA departementsweite Standards erlassen, die den Umgang
mit den Sprachen des jeweiligen Gastlandes regeln.
Facebook
Das Manual enthält weiter Vorgaben für die Anwendung des CD Bund in
Account für Personen 11 Videos.
Account für Organisationseinheiten 12
Videos
Vorspann / Abspann 13
Abspann Variante 14
Bundeswappen 15
Handyvideos 16
|2
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019App-Icons | Basiselemente | Farben
Hinweis
Das Rot basiert auf dem Corporate
Design des Bundes. Zusätzlich wurden
die Basisfarben Schwarz und Weiss
verwendet. Das Weiss des Hintergrun-
des ist definiert.
Rot Weiss
Bildschirm
RGB 255 | 0 | 0 248 | 248 | 248
|3
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019App-Icons | Basiselemente | Icon-Grundbestandteile
Grundfläche Farbe der Grundfläche
40%
Die Grundfläche ist eine Weiss mit der Definition
Schutzzone, die ausschliess- RGB 248 | 248 | 248
lich das Bundeswappen
Die weisse Fläche kann leicht
beherbergt.
schattiert werden.
60%
Themenfläche
Die Themenfläche visualisiert auf den
Inhalt/die Funktion der Applikationen.
Sie muss plakativ gestaltet werden.
Impfen Beschriftung der Themenfläche
Frutiger 45 Light, Schnitt Bold oder
Die Themenfläche entspricht in der Frutiger 65 Bold. Die Beschriftung
Höhe 60% der Gesamtfläche, sie ist ausschliesslich einzeilig.
darf nicht vergrössert werden. Die
Die Themenfläche kann, sie muss
Grundfarbe der Themenfläche ist frei
aber nicht beschriftet werden.
wählbar.
Schrift Inhalt der App
Die Frutiger ist für den Inhalt nicht
lizensiert, d. h. man müsste sie bei
deren Verwendung lizensieren. Die
Schriftwahl für den Inhalt ist frei.
|4
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019App-Icons | Basiselemente | Icon-Gestaltungsvarianten
Die Vorgaben für die Form des Icons können je nach Anbieter variieren: Quadrat (mit unterschiedlich stark abgerundeten
Ecken) oder Kreis.
Für Icons in Form eines Quadrates kann die Teilung der Grund- und Themenfläche horizontal oder diagonal erfolgen.
%
40
Die weisse Fläche kann leicht
40%
schattiert werden.
60%
%
60
Ist die Vorgabe für das Icon ein Kreis, muss die diagonale Teilung verwendet werden.
%
40
%
60
|5
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019App-Icons | Basiselemente | Icon-Grösse
iOS Store Android Store
Impfen
Luftfahrt Die Pixelmasse und das Dateiformat sowie die
Auflösung sind auf der jeweiligen Plattform der
Anbieter ersichtlich.
|6
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019App-Icons | Basiselemente | Icon-Beschriftung
Beschriftung auf dem Icon Mehrsprachigkeit
• Auf der kleinen Fläche macht Das Sprachengesetz (Bundesgesetz über
eine Beschriftung nur bei Kurz- die Landessprachen und die Verständigung
wörtern Sinn, die Zeichenzahl zwischen den Sprachgemeinschaften) gibt
ist sehr beschränkt. vor, dass der Bund mit der Bevölkerung in den
drei Amtssprachen kommuniziert, bei wichti-
• Einzeilig
gen Texten in den vier Landessprachen. Wo
• Schrift: Frutiger 45 Light, Schnitt angezeigt, wird auch in Englisch und weite-
Bold oder Frutiger 65 Bold ren Sprachen kommuniziert. Bei Apps wird
Wald • Grösse: Je nach Icon unter-
schiedlich
die Mehrsprachigkeit durch Sprachvarianten
erreicht. In der Applikation wird eine Sprachen-
wahl angeboten, s. unten.
Waldbrandgefahr* • Farbe: Weiss
*fiktives Beispiel
Programmierung des Icon-Untertitels Beschriftung des Icon-Untertitels
Bei mobilen Webapplikationen muss die • Einzeilig
Beschriftung des Untertitels programmiert
• Maximale Anzahl verwendbarer Zeichen
werden.
(kann je nach Buchstaben variieren!)
Dafür muss der Seitentitel der Webseite so
• Schriftart, Grösse & Effekte (Schattenwurf)
benannt werden, wie später auch der Unter-
werden automatisch generiert.
titel des Icons heissen soll:
Code: | ... |
Bei nativen Applikationen muss der
Untertitel bei der Anmeldung für den App
Store angegeben werden. Vom Gebot der Mehrsprachigkeit darf nur dann
abgewichen werden, wenn sich ein App an ein
sehr begrenztes Zielpublikum richtet oder es
einen ausgesprochen regionalen Charakter hat.
|7
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019App-Icons | Anwendungen | Homescreen-Icon & Impressum-Seite einer Applikation
Smartphone-Homescreen Impressum-Seite Hinweis
Die Basis aller Impressum-Seiten bilden das
Logo der Schweizerischen Eidgenossenschaft
(mit Zusatz der jeweiligen viersprachigen Kenn-
zeichnung der OE) und ein passender Hinter-
grund.
Die Hintergrundfarbe ist den Farben der jeweili-
gen Applikation anzupassen. Je nach Kontrast
wird das Logo positiv oder negativ platziert.
Wald
|8
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019Twitter | Account für Personen
Die User sollen einen offiziellen Account der Bundesver- Gestaltung des Twitter-Profils,
waltung sofort erkennen. Führt eine Person den Account, Ansicht Computer
soll die Zuordnung zum Bund durch eine klare Twitter-
Adresse, eine textliche Situierung unterhalb der Adresse • Frei wählbares Header-Bild (Hintergrund-
sowie durch die offizielle Internetadresse erfolgen. bild) gemäss Grössenangaben von Twitter Twitter-Profil,
• Profilbild: Die Person wird mit einem Ansicht Smartphone
qualitativ guten Porträtbild gezeigt.
• Sichtbar auf der ersten Seite
• Verzicht auf visuelles CD Bund sind Name, Twitter-Adresse und
Header-Bild.
Mehrsprachigkeit
Entweder wird die Mehrsprachigkeit des
Bundes durch sprachgetrennte Accounts
erreicht, oder die Mehrsprachigkeit wird
durch einen Sprachenmix innerhalb eines
Profil-Beschreibung / Impressum einzelnen Accounts gelebt. Dies bedeutet,
dass Nachrichten abwechslungsweise in den
Situiert die Urheberschaft der Seite und gibt Auskunft über die inhalt- Sprachen Deutsch, Französisch, Italienisch
liche Verantwortung. und bei Bedarf auf Rätoromanisch getweetet
• Vorname und Name plus Twitter-Adresse werden. Einer angemessenen Vertretung al-
ler Landessprachen ist Rechnung zu tragen.
• Zielführende zusätzliche Textinformation mit Funktionsbeschreibung
Lokale Sprachbedürfnisse sind zu berück-
• Offizielle Internetadresse mit Domain-Endung xxx.admin.ch sichtigen.
Der Umgang mit Social Media birgt gewisse Risiken. Hierzu hat das EPA einen Leitfaden publiziert:
https://www.epa.admin.ch/epa/de/home/dokumentation/publikationen.html
|9
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019Twitter | Account für Organisationseinheiten
Die User sollen einen offiziellen Account der Bundesverwaltung sofort Gestaltung des Twitter-Profils
erkennen. Führt eine Person den Account, soll die Zuordnung zum Bund
• Frei wählbares Header-Bild (Hintergrundbild) gemäss
klar ersichtlich sein.
Grössenangaben von Twitter
• Profilbild: Bundeswappen auf weissem Hintergrund
(nicht angeschnitten)
Profil-Beschreibung / Impressum
Situiert die Urheberschaft der Seite und gibt Aus-
kunft über die inhaltliche Verantwortung.
• Profilbild: Das Bundeswappen ist das visuelle
Identifikationsmerkmal.
• Departementskürzel in den Sprachen Deutsch,
Französisch und Italienisch und, wenn unter-
schiedlich, auch in Rätoromanisch
• Eindeutige Twitter-Adresse
• Zielführende zusätzliche Textinformation mit
Situierung des Accounts
• Offizielle Internetadresse mit Domain-Endung
xxx.admin.ch
Mehrsprachigkeit
Nach Sprachen getrenntes Angebot oder gelebte
Mehrsprachigkeit innerhalb einer einzelnen Seite.
| 10
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019Facebook | Account für Personen
Die User sollen einen offiziellen Account der Bundesverwaltung sofort Titelbild
erkennen. Führt eine Person den Account, soll die Zuordnung zum Bund
Es kann frei ein Symbolbild gewählt werden. Das Symbolbild soll
klar ersichtlich sein. Bei Kampagnen kann das Kampagnen-Logo als
inhaltlich mit der Bezeichnung der Seite und der Internetadresse
Profilbild verwendet werden.
verknüpft sein.
Info / Impressum
Situiert die Urheberschaft der Seite und gibt Auskunft über die
inhaltliche Verantwortung.
Folgende Elemente müssen enthalten sein:
• Bezeichnung des Departementes/des Amtes
• Offizielle Internetadresse mit Domaine-Endung xxx.admin.ch
• Inhaltliche Verantwortung: Beschreibung
• Rechtliches: Verlinkung auf Disclaimer von admin.ch:
https://www.admin.ch/gov/de/start/rechtliches.html
Profilbild Netiquette Mehrsprachigkeit
Die Person wird mit einem Die Verhaltensregeln für die elektronische Es gelten die gleichen Prinzipien wie bei Twitter: nach Sprachen
qualitativ guten Porträtbild Kommunikation werden aufgeführt. getrenntes Angebot oder gelebte Mehrsprachigkeit innerhalb einer
gezeigt. einzelnen Seite.
Facebook-Domainname
Zielführende Bezeichnung; die
Verwendung eines bereits be- Der Umgang mit Social Media birgt gewisse Risiken. Hierzu hat das EPA einen Leitfaden publiziert:
kannten Kürzels ist auch zulässig. https://www.epa.admin.ch/epa/de/home/dokumentation/publikationen.html
| 11
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019Facebook | Account für Organisationseinheiten
Die User sollen einen offiziellen Account der Bundesverwaltung sofort Titelbild
erkennen. Führt eine Person den Account, soll die Zuordnung zum Bund
Es kann frei ein Symbolbild gewählt werden. Das Symbolbild soll
klar ersichtlich sein.
inhaltlich mit der Bezeichnung der Seite und der Internetadresse
verknüpft sein.
Info / Impressum
Situiert die Urheberschaft der Seite und gibt Auskunft über die
inhaltliche Verantwortung.
Folgende Elemente müssen enthalten sein:
• Bezeichnung des Departementes/des Amtes
• Offizielle Internetadresse mit Domaine-Endung xxx.admin.ch
• Postadresse
• Telefon
• Kontakt-Mail
• Inhaltliche Verantwortung: Beschreibung
Profilbild Netiquette
• Rechtliches: Verlinkung auf Disclaimer von admin.ch:
Anwendung wie bei Twitter: Die Verhaltensregeln für die elektronische https://www.admin.ch/gov/de/start/rechtliches.html
Das Bundeswappen (auf weis Kommunikation werden aufgeführt.
sem Hintergrund) ist das zentrale
Identifikationsmerkmal.
Facebook-Domainname Mehrsprachigkeit
Zielführende Bezeichnung; die Es gelten die gleichen Prinzipien wie bei Twitter: nach Sprachen
Verwendung eines bereits be- getrenntes Angebot oder gelebte Mehrsprachigkeit innerhalb einer
kannten Kürzels ist auch zulässig. einzelnen Seite.
| 12
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019Videos | Vorspann / Abspann
Bundeslogo
Wahlweise im Vorspann oder im Abspann erscheint das Bundeslogo in
Farbe, mit oder ohne Ergänzung der Organisationseinheit (analog Print).
Das Logo kann positiv oder negativ verwendet werden.
Die Position des Logos ist frei wählbar.
Bei Kampagnen kann das Bundeslogo mit dem Kampagnen-Logo kombiniert
werden.
Individuelle Logos der Departemente und Bundesämter sind nicht gestattet.
Logo negativ
| 13
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019Videos | Abspann Variante
Bundeslogo
Bei Produktionen, die zeitlich möglichst kurz gefasst sein müssen, kann das
Bundeslogo in Farbe in der letzten Einstellung erscheinen.
Ein separater Abspann entfällt.
| 14
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019Videos | Bundeswappen
Bundeswappen
Optional: In YouTube-Videos kann als visuelles Identifikationsmerkmal unten
rechts während der gesamten Spieldauer das Bundeswappen in Farbe
erscheinen.
In Bauchbinden (Einblendung am unteren Bildrand, die den Namen und die
Funktion einer Person enthält) ist auf das Einfügen des Bundeswappens zu
verzichten.
Individuelle Logos der Departemente und Bundesämter sind nicht gestattet.
| 15
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019Videos | Handyvideos
Bei Handyvideos, die aus Aktualitätsgründen rasch erstellt und unverzüglich
hochgeladen werden, kann auf das Platzieren des Schweizer Wappens resp.
Logos verzichtet werden.
| 16
Fachstelle CD Bund – Schweizerische Bundeskanzlei | Manual für Apps, Facebook & Twitter und Videos | 2019Bundeskanzlei
Fachstelle CD Bund
Adresse
Gurtengasse 5
3003 Bern
Web www.cdbund.admin.chSie können auch lesen