CD Bund Manual für Apps, Facebook & Twitter. Fachstelle CD Bund Schweizerische Bundeskanzlei 2013

Transkript

1 CD Bund Manual für Apps, Facebook & Twitter Fachstelle CD Bund Schweizerische Bundeskanzlei 2013

2 Inhaltsverzeichnis & Einleitung App Icons Basiselemente Farben Icon Grundbestandteile Icon Grössen (Guidelines von Apple) Icon Beschriftung Anwendungen Homescreen & Impressum Seite einer App Twitter Account für Personen Account für eine Organisationseinheit Einleitung Dieses Manual dient der Realisierung zukünftiger bundesweiter App Icons. Die BK stellt eine entsprechende, skalierbare EPS-Datei zur Verfügung. Das Manual regelt weiter die Anwendung des CD Bund in einem Twitter Account und auf einer Facebookseite. Die Vorgaben wurden auf ein Minimum beschränkt, da Twitter und Facebook ihr Webdesign ändern können. Das Manual behandelt auch den Aspekt der Mehrsprachigkeit bei der Kommunikation des Bundes. Die visuellen Vorgaben gelten auch für die Auslandvertretungen der Schweiz. Für die textlichen Bezeichnungen von Facebookseiten und Twitter-Accounts wird das GS-EDA departementsweite Standards erlassen, die den Umgang mit den Sprachen des jeweiligen Gastlandes regeln. Facebook Seite für Organisationseinheiten 2

3 Basiselemente Farben Hinweis Das Rot basiert auf dem Corporate Design des Bundes. Zusätzlich wurden die Basisfarben Schwarz und Weiss verwendet. Das Weiss des Hintergrundes ist definiert. Rot Schwarz Weiss Bildschirm RGB

4 Basiselemente Icon Grundbestandteile Grundfläche Die Grundfläche ist eine Schutzzone, die ausschliesslich das Bundeswappen beherbergt. 40% Farbe der Grundfläche Grau mit der Definition RGB Themenfläche Die Themenfläche visualisiert auf den Inhalt/die Funktion der Applikationen. Sie muss plakativ gestaltet werden. Die Themenfläche entspricht in der Höhe 60% der Grundfläche, sie darf nicht vergrössert werden. Die Grundfarbe der Themenfläche ist frei wählbar. 60% Impfen Beschriftung der Themenfläche Frutiger 45 light, Schnitt Bold oder Frutiger 65 Bold. Die Beschriftung ist ausschliesslich einzeilig. Die Themenfläche kann, sie muss aber nicht beschriftet werden. 4

5 Basiselemente Icon Grössen (Guidelines von Apple) Hinweis Wir orientieren uns hier an den Guidelines von Apple. Mit diesen Werten können die Icons von mobilen Webseiten oder Webapplikationen auf anderen Plattformen ohne grössere Probleme angezeigt werden. Wald Icons für den App-Store 1) iphone, ipod Touch & ipad High Resolution: 1024x1024px 2) iphone, ipod Touch & ipad Low Resolution: 512x512px Auflösung: 72dpi Quelle: Luftfahrt Luftfahrt Impfen Impfen ipad HiRes ipad LowRes iphone & ipod Touch HiRes iphone & ipod Touch LowRes Grösse: 144x144px Auflösung: 72dpi Grösse: 72x72px Auflösung: 72dpi Grösse: 114x114px Auflösung: 72dpi Grösse: 57x57px Auflösung: 72dpi 5

6 Basiselemente Icon Beschriftung Wald Waldbrandgefahr* *fiktives Beispiel Beschriftung auf dem Icon Auf der kleinen Fläche macht eine Beschriftung nur bei Kurzwörtern Sinn, die Zeichenzahl ist sehr beschränkt. Einzeilig Schrift: Frutiger 45 light, Schnitt Bold oder Frutiger 65 Bold Grösse: Je nach Icon unterschiedlich Farbe: Weiss Mehrsprachigkeit Das Sprachengesetz (Bundesgesetz über die Landessprachen und die Verständigung zwischen den Sprachgemeinschaften ) gibt vor, dass der Bund mit der Bevölkerung in den drei Amtssprachen kommuniziert, bei wichtigen Texten in den vier Landessprachen. Wo angezeigt, wir auch in Englisch und weiteren Sprachen kommuniziert. Bei Apps wird die Mehrsprachigkeit durch Sprachvarianten erreicht. In der Applikation wird eine Sprachenwahl angeboten, s. unten. Programmierung des Icon Untertitels Bei mobilen Webapplikationen muss die Beschriftung des Untertitels programmiert werden. Dafür muss der Seitentitel der Webseite so benannt werden, wie später auch der Untertitel des Icons heissen soll: Code: <title>...</title> Beschriftung des Icon Untertitels Einzeilig Maximale Anzahl verwendbarer Zeichen, (kann je nach Buchstaben variieren!). Schriftart, Grösse & Effekte (Schattenwurf) werden automatisch generiert. 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. 6

7 Anwendungen Homescreen Icon & Impressum Seite einer Applikation iphone Homescreen Wald Impressum Seite Hinweis Die Basis aller Impressum Seiten bilden das Logo der Schweizerischen Eidgenossenschaft (mit Zusatz der jeweiligen viersprachigen Kennzeichnung der OE) und ein passender Hintergrund. Die Hintergrundfarbe ist den Farben der jeweiligen Applikation anzupassen. Je nach Kontrast wird das Logo als Positiv oder Negativ platziert. 7

8 Twitter Account für Personen Die User sollen einen offiziellen Account der Bundesverwaltung sofort erkennen. Führt eine Person den Account, soll die Zuordnung zum Bund durch eine klare Twitter- Adresse, eine textliche Situierung unterhalb der Adresse sowie durch die offizielle Internetadresse erfolgen. Gestaltung des Twitter Profils, Ansicht Computer Twitter Profil, Ansicht iphone Frei wählbares Header- und Hintergrundbild gemäss Grössenangaben von Twitter. Profildbild: Die Person wird mit einem Porträtbild gezeigt. Verzicht auf visuelles CD Bund Sichtbar auf der ersten Seite sind Name, Twitter-Adresse und Headerbild. Der Zusatztext erscheint auf einer weiteren Seite. Profil-Beschreibung Mehrsprachigkeit Vorname und Name plus Twitter-Adresse Zielführende zusätzliche Textinformation mit Funktionsbechreibung Offizielle Internetadresse mit Domain-Endung xxx.admin.ch Entweder wird die Mehrsprachigkeit des Bundes durch sprachgetrennte Accounts erreicht, oder die Mehrsprachigkeit wird durch einen Sprachenmix innerhalb eines einzelnen Accounts gelebt. Dies bedeutet, dass Nachrichten abwechslungsweise in den Sprachen Deutsch, Französisch, Italienisch und bei Bedarf auf Rätoromanisch getweetet werden. Nicht jeder Tweet soll übersetzt werden, aber einer angemessenen Vertretung aller Landessprachen ist Rechnung zu tragen. 8

9 Twitter Account für eine Organisationseinheit Gestaltung des Twitter Profils Frei wählbares Header- und Hintergrundbild gemäss Grössenangaben von Twitter. Profilbild: Bundeswappen Profil-Beschreibung: Profilbild: Das Bundeswappen ist das visuelle Identifikationsmerkmal. Departementskürzel in den Sprachen Deutsch, Französisch und Italienisch und, wenn unterschiedlich, auch in Rätoromanisch Eindeutige Twitter-Adresse Zielführende zusätzliche Textinformation mit Situierung des Accounts Offizielle Internetadresse mit Domain-Endung xxx.admin.ch 9

10 Facebook Seite Basiselemente Hintergrundbild Es kann frei ein Symbolbild gewählt werden. Das Symbolbild soll inhaltlich mit der Bezeichnung der Seite und der Internetadresse verknüpft sein. Illustratives Beispiel Bezeichnung Klare Bezeichnung in Deutsch, Französisch und Italienisch und, wenn Platz vorhanden, auch in Rätoromanisch. Impressum Profilbild Anwendung wie bei Twitter: Das Bundeswappen ist das zentrale Identifikationsmerkmal. Facebook Seite für eine Person Internetadresse Offizielle Internetadresse mit Domaine-Endung xxx.admin.ch Facebook-Domainname Situiert die Urheberschaft der Seite und regelt die inhaltliche Verantwortung. Es wird in DE, FR, IT und RM gehalten. Die Elemente des Impressums: Bezeichnung des Departementes/des Amtes Postadresse Telefon Kontakt-Mail Inhaltliche Verantwortung: Beschreibung Rechtliches: Verlinkung auf Disclaimer von admin.ch In diesem Fall ist gleich wie bei Twitter zu verfahren. Zielführende, offizielle dreisprachige Bezeichnung, die Verwendung eines bereits bekannten Kürzels ist auch zulässig. Mehrsprachigkeit Es gelten die gleichen Prinzipien wie bei Twitter: nach Sprachen getrenntes Angebot oder gelebte Mehrspachigkeit innerhalb einer einzelnen Seite. 10

11 Bundeskanzlei Adresse Web Bundeshaus West 3003 Bern