Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - admin.ch
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
Identité visuelle de l’administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos Service Identité visuelle de la Confédération Chancellerie fédérale suisse Février 2019
Table des matières et introduction
Icônes d’applis Introduction
Spécifications générales
On trouvera ici les spécifications auxquelles doivent obéir les icônes desti-
Couleurs de l’en-tête 3 nées à lancer les applications de l’administration fédérale. La ChF met égale-
Eléments constitutifs 4 ment à disposition des développeurs d’icônes un fichier EPS vectorisé.
Options de présentation 5
Taille 6 On trouvera également ici les règles d’identité visuelle auxquelles doit se
Ajout de texte 7 conformer la création d’un compte Twitter et d’une page Facebook. Ces règles
s’appliquent par analogie à la création de comptes pour d’autres réseaux
Pages d’accueil et de mentions légales 8
sociaux.
Les réseaux sociaux pouvant modifier à tout moment la conception de leur
site (web design), les contraintes ont été réduites au strict minimum.
Twitter
Compte d’une personne physique 9 On trouvera enfin ici les règles à respecter pour répondre aux exigences
d’une communication plurilingue.
Compte d’unités organisationnelles 10
Pour ce qui est du visuel, les règles exposées ici s’appliquent également aux
Facebook représentations suisses à l’étranger. Pour ce qui est des indications textuelles
à faire figurer sur les pages Facebook et les pages profil Twitter, le secrétariat
Compte d’une personne physique 11 général du DFAE publiera des directives sur l’emploi de la ou des langues des
pays directement concernés.
Compte d’unités organisationnelles 12
Par ailleurs, on trouvera ici les règles auxquelles les vidéos sont soumises en
Vidéos matière d’identité visuelle.
Génériques de début et de fin 13
Variante de générique de fin 14
Armoiries de la Confédération 15
Clips sur téléphone portable 16
|2
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019
Icônes d’applis | Spécifications générales | Couleurs de l’en-tête
Nota bene
La couleur rouge correspond à celle
qui a déjà été définie dans le manuel
« Identité visuelle de l’Administration
fédérale suisse ». La couleur blanche
est elle aussi définie selon le code RGB.
Rouge Blanc
Valeur
RGB 255 | 0 | 0 248 | 248 | 248
|3
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019
Icônes d’applis | Spécifications générales | Eléments constitutifs
En-tête Couleur de fond de l’en-tête
40%
Il contient uniquement les Blanc tel que défini par la valeur
armoiries de la Confédération RGB 248 | 248 | 248
suisse.
La surface blanche peut être
légèrement ombrée.
Visuel thématique
Il doit permettre d’identifier instantané- 60%
ment le contenu de l’application à la-
quelle l’icône est associée. On choisira Vaccins Ajout de texte sur la partie « visuel »
un graphisme accrocheur. On utilisera exclusivement les polices
La partie « visuel » représentera 60% Frutiger 45 Light, le style Bold ou Frutiger
de la superficie totale de l’icône. La 65 Bold. Le texte doit impérativement tenir
couleur de fond peut être choisie libre- sur une ligne.
ment. S’il est possible d’ajouter du texte sur la par-
tie « visuel », ce n’est pas une obligation.
Police utilisée pour le texte de l’appli
La police peut être choisie librement, à
l’exception de la police Frutiger, pour laquel-
le il n’a pas été délivré de licence permet-
tant de l’utiliser dans la rédaction de textes.
|4
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019
Icônes d’applis | Spécifications générales | Options de présentation
La forme des icônes peut varier en fonction du prestataire : carré (aux angles plus ou moins arrondis) ou rond.
Si l’icône est carrée, l’en-tête et le visuel thématique sont séparés soit horizontalement, soit diagonalement.
%
40
La surface blanche peut être
40%
légèrement ombrée.
60%
%
60
Si l’icône est ronde, ils doivent être séparés diagonalement.
%
40
%
60
|5
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019
Icônes d’applis | Spécifications générales | Taille
iOS Store Android Store
Impfen
Aéronautique Les dimensions en pixels, le format de fichier et
la résolution sont indiqués sur la plate-forme de
chaque prestataire.
|6
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019
Icônes d’applis | Spécifications générales | Ajout de texte
Ajout de texte sur l’icône Plurilinguisme
• compte tenu de la superficie très La loi sur les langues (loi fédérale sur les
réduite, le nombre de signes, et langues nationales et la compréhension entre
donc l’inscription, devra obliga- les communautés linguistiques) prévoit que les
toirement être très court autorités fédérales utilisent les trois langues of-
ficielles dans leurs rapports avec la population,
• le texte devra tenir sur une ligne
les quatre langues nationales pour les publica-
au maximum
tions d’une importance particulière, et l’anglais
• police : Frutiger 45 Light, ou d’autres langues dans certains cas précis.
Forêts le style Bold ou Frutiger 65 Bold
• taille des caractères: en fonction
Pour ce qui est des applis, cette obligation de
plurilinguisme est remplie par la possibilité qui
de l’icône est donnée à l’usager de choisir sa langue, voir
Danger d’incendie* • couleur : blanc
illustration ci-après :
*Exemple fictif
Programmation du sous-titre de l’icône Ajout d’un sous-titre
Concernant les applications web mobiles, le • le texte devra tenir sur une ligne au maxi-
sous-titre doit être programmé. Le titre de la mum
page d’accueil du site web et le sous-titre de
• le nombre de signes est limité (et pourra même
l’icône devront être identiques :
dépendre des lettres utilisées)
Code : I … I
• la police, la taille des caractères et les effets
(ombres) sont générés automatiquement
Concernant les applications natives, le sous-
titre doit être indiqué lorsque l’application est
soumise à l’App Store en vue de sa publica-
tion.
Il ne peut être dérogé à cette obligation de
plurilinguisme que si une appli s’adresse à
un public très restreint ou qu’elle possède un
caractère éminemment régional.
|7
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019
Icônes d’applis | Pages d’accueil et de mentions légales
Page d’accueil d’un smartphone Page de mentions légales Nota bene
La page de mentions légales (« Impressum »)
comprend le logo de la Confédération suisse
(auquel s’ajoute la désignation en quatre langues
de l’unité organisationnelle concernée) mis en
évidence sur un fond adapté.
On choisira la couleur du fond en fonction de la
couleur de l’application. Selon la couleur du fond,
Wald
on fera apparaître le logo en positif ou en négatif.
|8
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019
Twitter | Compte d’une personne physique
Le compte officiel d’un responsable de l’administration Vue de la page profil Twitter
fédérale devra être immédiatement identifiable comme tel. sur ordinateur
L’adresse Twitter, un texte explicite sous l’adresse et • Ajouter une image d’en-tête (image
l’adresse Internet officielle devront être indiqués. d’arrière-plan) de son choix, en tenant
compte de la taille maximale de fichier Vue de la page profil Twitter
imposée par Twitter sur smartphone
• Pour l’image de profil, choisir une photo • Sur la première page : nom,
en format portrait de bonne qualité adresse Twitter et photo
• Pas d’éléments de l’identité visuelle de la
Confédération
Plurilinguisme
Il y a deux façons de s’acquitter de l’obliga-
tion de plurilinguisme : soit créer un compte
distinct pour chaque langue, soit décliner
Informations à faire figurer sur la page profil / Mentions légales un même compte en trois, voire quatre
langues. Dans ce dernier cas, les tweets
Elles doivent permettre d’identifier l’éditeur d’un site, qui est respon- seront envoyés alternativement en allemand,
sable de son contenu. en français, en italien et le cas échéant en
• Prénom, nom et adresse Twitter romanche. Il s’agit de veiller à une représen-
tation équitable des langues nationales tout
• Autres informations utiles, notamment indication de la fonction
en répondant aux besoins existant sur le
• Adresse web officielle, avec nom de domaine en « .admin.ch » plan local.
L’utilisation des réseaux sociaux présentant certains risques, l’OFPER a publié un guide à ce sujet :
https://www.epa.admin.ch/epa/fr/home/documentation/publications.html
|9
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019
Twitter | Compte d’unités organisationnelles
Le compte officiel d’un responsable de l’administration fédérale devra être Vue de la page profil Twitter
immédiatement identifiable comme tel.
• Ajouter une image d’en-tête (image d’arrière-plan) de
son choix, en tenant compte de la taille maximale de
fichier imposée par Twitter
• Pour l’image de profil, insérer les armoiries de la
Confédération sur fond blanc (sans rogner)
Informations à faire figurer sur la page profil /
Mentions légales (« Impressum »)
Elles doivent permettre d’identifier l’éditeur d’un site,
qui est responsable de son contenu.
• Image de profil : les armoiries de la Confédération,
qui assurent l’identité visuelle
• L’abréviation du nom du département en français,
en allemand, en italien et, si elle diffère de ces trois
langues, en romanche
• L’adresse Twitter
• Toutes autres informations utiles, avec indication
du compte
• L’adresse web officielle, avec nom de domaine en
« .admin.ch »
Plurilinguisme
Soit un compte par langue, soit un compte unique
décliné en plusieurs langues
| 10
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019Facebook | Compte d’une personne physique
Le compte officiel d’un responsable de l’administration fédérale devra être Photo de couverture
immédiatement identifiable comme tel. Dans le contexte d’une campagne,
On peut utiliser une image symbolique, dont le contenu doit ren-
le logo de cette dernière peut être utilisé comme image de profil.
voyer à la désignation de la page et à l’adresse Internet.
Informations / Mentions légales (« Impressum »)
Elles doivent permettre d’identifier l’éditeur d’un site, qui est res-
ponsable de son contenu.
Elles doivent comprendre les éléments suivants :
• Nom du département ou de l’office
• Adresse Internet officielle, avec nom de domaine en « .admin.ch »
• Indication de la responsabilité pour le contenu
• Renvoi à la clause de non-responsabilité applicable au domaine
« .admin.ch » :
https://www.admin.ch/gov/fr/accueil/conditions-utilisation.html
Image de profil Nétiquette Plurilinguisme
Choisir une photo en format Règles de savoir-vivre à respecter dans Comme pour Twitter : soit un compte par langue, soit un compte
portrait de bonne qualité la communication sur Internet unique décliné en plusieurs langues
Nom de domaine Facebook
Désignation explicite, év. sous la
forme d’une abréviation si elle est L’utilisation des réseaux sociaux présentant certains risques, l’OFPER a publié un guide à ce sujet :
connue du public https://www.epa.admin.ch/epa/fr/home/documentation/publications.html
| 11
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019Facebook | Compte d’unités organisationnelles
Le compte officiel d’un responsable de l’administration fédérale devra être Photo de couverture
immédiatement identifiable comme tel.
On peut utiliser une image symbolique, dont le contenu doit ren-
voyer à la désignation de la page et à l’adresse Internet.
Informations / Mentions légales
Elles doivent permettre d’identifier l’éditeur d’un site, qui est res-
ponsable de son contenu.
Elles doivent comprendre les éléments suivants :
• Nom du département ou de l’office
• Adresse Internet officielle, avec nom de domaine en « .admin.ch »
• Adresse postale
• No de téléphone
• Adresse électronique de contact
• Indication de la responsabilité pour le contenu
Image de profil Nétiquette
• Renvoi à la clause de non-responsabilité applicable au domaine
Comme pour Twitter : l’identité Règles de savoir-vivre à respecter dans « .admin.ch » :
visuelle est assurée par la la communication sur Internet https://www.admin.ch/gov/fr/accueil/conditions-utilisation.html
présence des armoiries de la
Confédération (sur fond blanc)
Nom de domaine Facebook Plurilinguisme
Désignation explicite, év. sous la Comme pour Twitter : soit un compte par langue, soit un compte
forme d’une abréviation si elle est unique décliné en plusieurs langues
connue du public
| 12
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019Vidéos | Génériques de début et de fin
Logo de la Confédération
On affiche le logo de la Confédération en couleur, à choix dans le générique
de début ou de fin, avec ou sans la désignation de l’unité organisationnelle
(comme pour les imprimés).
On fait apparaître le logo en positif ou en négatif, sa position pouvant être
choisie librement.
Dans le contexte d’une campagne, le logo de cette dernière peut être combiné
avec le logo de la Confédération.
Les logos spécifiques des départements et offices ne doivent pas être
utilisés.
Logo negativ
| 13
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019Vidéos | Variante de générique de fin
Logo de la Confédération
Dans les clips vidéo qui doivent être aussi brefs que possible, le logo de la
Confédération en couleur peut être affiché tout à la fin.
Dans ce cas, il n’y a pas de générique de fin.
| 14
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019Vidéos | Armoiries de la Confédération
Armoiries de la Confédération
Option : dans les clips vidéo sur YouTube, pour assurer l’identification
visuelle, on peut afficher les armoiries en couleur de la Confédération en
bas à droite, durant tout le visionnement.
Les armoiries de la Confédération ne doivent pas figurer dans le bandeau
en bas de l’écran (où sont affichés le nom et la fonction d’une personne).
Les logos spécifiques des départements et offices ne doivent pas être
utilisés.
| 15
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019Vidéos | Clips sur téléphone portable
Lorsqu’il faut produire et mettre rapidement en ligne des clips d’actualité, les
armoiries et le logo de la Confédération ne devront pas être obligatoirement
affichés.
| 16
Service Identité visuelle de la Confédération – Chancellerie fédérale suisse I Spécifications pour icônes d’applis, Facebook, Twitter et vidéos I 2019Chancellerie fédérale
Service Identité visuelle de la Confédération
Adresse
Gurtengasse 5
3003 Berne
Web www.cdbund.admin.chVous pouvez aussi lire
