Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch

La page est créée Francis Didier
 
CONTINUER À LIRE
Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch
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
Avril 2018
Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch
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é.
  Taille                                                               5
  Ajout de texte                                                       6                                   On trouvera également ici les règles d’identité visuelle auxquelles doit se
                                                                                                           conformer la création d’un compte Twitter et d’une page Facebook. Ces règles
Pages d’accueil et de mentions légales                                 7
                                                                                                           s’appliquent par analogie à la création de comptes pour d’autres réseaux
                                                                                                           sociaux.
Twitter                                                                                                    Les réseaux sociaux pouvant modifier à tout moment la conception de leur
                                                                                                           site (web design), les contraintes ont été réduites au strict minimum.
Compte d’une personne physique                                         8
                                                                                                           On trouvera enfin ici les règles à respecter pour répondre aux exigences
Compte d’unités organisationnelles                                     9
                                                                                                           d’une communication plurilingue.

Facebook                                                                                                   Pour ce qui est du visuel, les règles exposées ici s’appliquent également aux
                                                                                                           représentations suisses à l’étranger. Pour ce qui est des indications textuelles
Compte d’une personne physique                                        10                                   à faire figurer sur les pages Facebook et les pages profil Twitter, le secrétariat
                                                                                                           général du DFAE publiera des directives sur l’emploi de la ou des langues des
Compte d’unités organisationnelles                                    11
                                                                                                           pays directement concernés.

Vidéos                                                                                                     Par ailleurs, on trouvera ici les règles auxquelles les vidéos sont soumises en
                                                                                                           matière d’identité visuelle.
Génériques de début et de fin                                         12

Variante de générique de fin                                          13

Armoiries de la Confédération                                         14

Clips sur téléphone portable                                          15

                                                                                                                                                                                          |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 2018
Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch
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 2018
Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch
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.

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 2018
Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch
Icônes d’applis | Spécifications générales | Taille

                                                             Icônes destinées à l’App Store ou au Play Store
                                                             Smartphone et tablette

        Impfen
   Aéronautique                                              - App Store :
                                                             - Play Store :
                                                                                  1024 x 1024 px en format PNG
                                                                                   512 x 512 px en format PNG
                                                             (Résolution : 72 dpi)

                                                                                                                                                         |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 2018
Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch
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.
                                                                                                                                                                                                   |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 2018
Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch
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.

                                                                                                                                                                                                 |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 2018
Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch
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

                                                                                                                                                                                         |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 2018
Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch
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

                                                                                                                                                                                      |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 2018
Identité visuelle de l'administration fédérale suisse pour les applications, Facebook, Twitter et les vidéos - Admin.ch
Facebook | 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

                                                                                                                                                                                              | 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 2018
Facebook | 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

                                                                                                                                                                                                  | 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 2018
Vidé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

                                                                                                                                                                                             | 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 2018
Vidé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.

                                                                                                                                                                                         | 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 2018
Vidé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.

                                                                                                                                                                                          | 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 2018
Vidé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.

                                                                                                                                                                                           | 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 2018
Chancellerie fédérale
          Service Identité visuelle de la Confédération

Adresse
          Gurtengasse 5
          3003 Berne
   Web    www.cdbund.admin.ch
Vous pouvez aussi lire