Guide graphique conception Mesr / Delcom 1 - services.dgesip.fr.
←
→
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
guide graphique conception Mesr / Delcom 1
Mon Master • guide graphique 2
Mon Master — monmaster.gouv.fr Mon Master dans le texte
L’identité visuelle de Mon Master, la plateforme nationale des masters, a été créée Au sein d’un texte, décorrélé de sa forme
et développée par le ministère de l’Enseignement supérieur et de la Recherche. logotypale, Mon Master s’écrit avec des «M»
En sa qualité d’entité servicielle, la plateforme est soumise à la marque de l’État en lettres capitales, ses autres lettres lettres
dans ses différentes composantes : charte graphique, charte éditoriale, système en bas de casse. Ce qui permet de faire
de design. écho, hors de toute mise en forme graphique
(hors typographie), en faisant ressortir le double
→g
ouvernement.fr/marque-Etat glyphe, à son signe-étalon.
gouvernement.fr/charte/charte-graphique-les-fondamentaux/introduction
gouvfr.atlassian.net/wiki/spaces/DB/overview?homepageId=145359476 L’acronyme MM est prohibé dans le cadre
d’un texte destiné au grand public.
→M
on Master endosse le bloc-marque République française.
Mon Master • guide graphique 3
Logotype
Indissociables (mon master et moi)
Composé à partir du caractère Marianne en conformité avec
la marque de l’État, le logotype Mon Master capitalise sur un
M redessiné, étendu (notion de panorama ; à la fois succession
de masters disponibles, à la fois parcours), afin de lui donner
du ressort et davantage de contemporanéité.
Entremêlés, les M forment le signe détachable de l’identité.
Des M indissociablement imbriqués, figurant le lien entre
l’étudiant/e et son master. Où l’on verra un élan, un ressort,
une forme en mouvement et destiné à (s’a)grandir.
Construction et zone de protection
La hauteur du glyphe M représente X, valeur-étalon à partir
de laquelle est dimensionné le signe détachable et à partir
de laquelle les éléments sont positionnés entre eux. X X
La hauteur de M définit aussi l’étendue de la zone de protection
X/2 X/4
autour du logotype. Visant à maintenir la meilleure lisibilité,
la zone de protection ne doit contenir aucun autre élément
informatif/signifiant. Son fond ne doit pas être chahuté :
dans le cas où une photographie/illustration serait présente
en fond, celle-ci doit être simple, épurée, au moins dans la zone
concernée. X
Mon Master • guide graphique 4
Version / fonds clairs Version / fonds sombres Version / fond vert
Dimensions minimales
Sur écrans En impression
35 px 5 mm
Mon Master • guide graphique 5
Profil & favicon
Profil pour réseaux sociaux Favicon
Twitter : 400 px pour un affichage en 132 px
(sur la majorité des appareils)
Youtube : 800 px pour un affichage en 98 px
(sur la majorité des appareils)
Mon MaX
Mon Master • guide graphique 6
Typographies
Mon Master utilise la typographie Marianne, issue de la marque
de l’État. Aa
Marianne thin
Aa
Marianne light
Aa
Marianne regular
Toute graisse est utilisable, en privilégiant les contrastes marqués
entre niveaux de titre et textes courants (bold/light par exemple).
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
0123456789=/*-+ 0123456789=/*-+ 0123456789=/*-+
Aa
Marianne thin
Aa
Marianne light
Aa
Marianne regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
Icônes abcdefghijklmnopqrstuvwxyz
0123456789=/*-+
abcdefghijklmnopqrstuvwxyz
0123456789=/*-+
abcdefghijklmnopqrstuvwxyz
0123456789=/*-+
“Les icônes fonctionnelles sont des symboles
visuels qui accompagnent l’utilisateur dans ses
actions et qui aident à sa compréhension de Aa
Marianne medium
Aa
Marianne bold
Aa
Marianne extra bold
l’interface.”
Mon Master utilise les icônes présents au sein ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
du DSFR, issues de la librairie Remix Icons. abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
0123456789=/*-+ 0123456789=/*-+ 0123456789=/*-+
→h
ttps://gouvfr.atlassian.net/wiki/spaces/DB/
pages/222331396/Ic+nes+-+Icons
Aa
Marianne medium
Aa
Marianne bold
Aa
Marianne extra bold
Pictogrammes
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
Les pictogrammes sont une “représentation abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
visuelle bénéficiant d’une reconnaissance 0123456789=/*-+ 0123456789=/*-+ 0123456789=/*-+
immédiate dont il rend explicite un objet ou un
message”.
Mon Master utilise la collection des
pictogrammes illustratifs présents au sein du
DSFR.
→h
ttps://gouvfr.atlassian.net/wiki/spaces/
DB/pages/996474881/Pictogrammes+-
+Pictograms
Mon Master • guide graphique 7
Couleurs Couleurs majeures
#34cb6a
#000
RVB : 52-203-106
#00a95f #297254 (réf. Dsfr) RVB : 0-0-0
CMJN : 70-0-70-0
Mon Master utilise des couleurs de la gamme colorielle de la marque de l’État. RVB : 0-169-95 RVB : 43-119-88 CMJN : 0-0-0-100
(réf. 753) CMJN : 80-0-80-0 CMJN : 75-15-65-30
→ Vert émeraude (dénomination de la marque de l’État), noir et blanc constituent l’ossature
de l’identité. Le vert principal porte la référence 753. Les variantes du groupe émeraude
peuvent être utilisées en complément.
→ La couleur peut être tramée, par exemple pour des utilisations en aplats.
! En conception web, les couleurs tramées ont des équivalents directs, non tramés ;
se reporter alors aux références données dans le système de design :
systeme-de-design.gouv.fr
Les sous-ensembles sont par ailleurs variables pour les thèmes clair/sombre.
Couleurs mineures
→ Sur des supports complexes ou pour répondre à des besoins spécifiques, une sélection de couleurs
de la gamme de l’État a été définie. On veillera à ne pas multiplier inutilement leur usage, c’est-à-
dire à ne pas déforcer l’identité constituée du vert et du noir.
#ffca00 #c3992a #ff9575 #ce614a
→ En impression, un noir quadrichromique pourra être utilisé : 80-20-20-100
RVB : 255-202-0 RVB : 195-153-42 RVB : 255-149-117 RVB : 206-97-74
CMJN : 0-20-95-0 CMJN : 10-30-85-20 CMJN : 0-55-50-0 CMJN : 5-70-65-10
Les supports doivent être conformes au référentiel général
d’amélioration de l’accessibilité – RGAA, mettant en œuvre l’article
47 de la loi handicap de 2005.
Concernant l’application de couleurs à un contenu informatif,
les plus forts contrastes (fond/texte) sont recommandés. Dans tous
les cas, un score minimum doit être obtenu en testant un couple #7ab1e8 #417dc4 #d0c3b7 #aea397
couleur-fond/couleur-texte donné. Selon la réglementation WCAG, RVB : 122-177-232 RVB : 65-125-196 RVB : 208-195-183 RVB : 174-163-151
un score de 4,5 doit être obtenu pour atteindre le “contraste CMJN : 55-20-0-0 CMJN : 75-40-0-0 CMJN : 20-20-25-5 CMJN : 30-25-30-10
(minimum) (AA). Un score de 7 permet d’atteindre le “contraste
(augmenté) (AAA).
→T
anaguru contrast finder
21 9,9
10 texte texte
texte texte 9
8
7
6 Des dégradés peuvent être créés à partir
5 des couleurs, majeures et mineures.
4 Quand un dégradé est utilisé en aplat
sur plus de la moitié de la surface du
3
2,12 document, sa couleur dominante doit
texte texte
2 être le vert de la marque (753).
1
0
Mon Master • guide graphique 8 Trames Des trames accompagnent le territoire graphique. Elles peuvent être déclinées sans limitation de combinaison dès lors qu’elles utilisent les couleurs de la marque.
Mon Master • guide graphique 9
Site Rechercher Mon espace
Consulter l’offre S’informer Questions fréquentes Tutoriel Télé-saisine
Direction artistique fondée sur des contenus
simulés.
Le design de la plateforme sera à élaborer à
partir des véritables contenus et fonctionnalités
Bienvenue sur le portail national des masters
attentues en appliquant le système de design de
l’État et en complète conformité avec le RGAA.
Quel master après ma licence ? Recherche
Monmaster.gouv.fr regroupe l’intégralité (nom de la formation, mots-clés,
des diplômes nationaux de master proposés nom de l’établissement, etc.)
par les établissements d’enseignement
supérieur accrédités.
Je consulte Je candidate Télé-saisine
Rechercher Mon espace
Mon Master • guide graphique 10
Réseaux sociaux Cartes Instagram / Story
Calendrier 2023
Construire Les grandes dates pour intégrer un master
son parcours
en master monmaster.gouv.fr Février
1
À partir du 1er février
Vous vous informez sur monmaster.gouv.fr
→En direct sur Twitch L’adresse unique Vous disposez d’une information centralisée et complète
sur l’offre de formation en master, vous permettant de faire
des choix d’orientation pertinents.
pour intégrer
Mardi 6 février Mars
Vous vous rapprochez des services
à partir de 10 h universitaires d’orientation
Qui vous conseillent sur vos candidatures afin d’intégrer
un master correspondant à votre projet professionnel.
un master Avril
22 mars > 18 avril
2
Vous candidatez sur monmaster.gouv.fr
Votre admission peut être subordonnée à l’examen
→ À partir du 1er février 2023, de votre dossier de candidature, à un concours, à un entretien.
Mai
s’informer candidater se décider le site monmaster.gouv.fr
réunira toutes les informations
23 juin > 21 juillet
monmaster.gouv.fr sur les diplômes nationaux 3
Construire
Vous recevez une réponse des établissements
de master Juin À noter : des réponses à vos candidatures dans des formations
en alternance peuvent vous parvenir dès le mois d’avril.
son parcours → Si la réponse est positive, vous pouvez accepter la proposition
d’admission et vous inscrire auprès de l’établissement concerné
selon les modalités propres à ce dernier, via le lien accessible
en master
sur la plateforme.
→ Si vous n’êtes admis dans aucune formation, vous vous informez
Juillet auprès des services universitaires d’orientation, avant de saisir
le rectorat.
Ils vous accompagnent dans votre démarche de poursuite
d’études (précisions concernant votre projet professionnel,
→En direct sur Twitch rédaction de votre lettre de motivation, etc.).
Mardi 6 février
à partir de 10 h
s’informer candidater se décider monmaster.gouv.fr
monmaster.gouv.frMon Master • guide graphique 11
Réseaux sociaux
Cartes Twitter Couvertures Twitter
Mon Master
Bienvenue sur le portail
des masters
Construire
son parcours Mon Master
en master
@Ifi
Mon Master est le portail national qui recense l’intégralité des diplômes nationaux de master
(DNM) proposés par les établissements d’enseignement supérieur français accrédités.
→En direct sur Twitch monmaster.gouv.fr
Mardi 6 février
à partir de 10 h
s’informer candidater se décider monmaster.gouv.fr
Mon Master
monmaster.gouv.fr
Construire L’adresse unique Bienvenue sur le portail
son parcours
des masters
→En direct sur Twitch pour intégrer un master
en master Mardi 6 février
à partir de 10 h → À partir du 1er février 2023, le site monmaster.gouv.fr
réunira toutes les informations sur les diplômes nationaux
de master
Mon Master
@Ifi
s’informer candidater se décider monmaster.gouv.fr Mon Master est le portail national qui recense l’intégralité des diplômes nationaux de master
(DNM) proposés par les établissements d’enseignement supérieur français accrédités.
monmaster.gouv.frMon Master • guide graphique 12
Édition
Dossiers de presse et communiqué
Dossier de presse 2 février 2024 Dossier de presse 2 février 2024
Dossier de presse
Hendrerit in vulputate velit esse molestie
2 février 2024 consequat, vel illum dolore eu feugiat nul-
Bilan la facilisis at vero eros esent luptatum zzril
delenit augue duis dolore te feugait nulla
facilisi.
Bilan de la procédure Lorem ipsum dolor sit amet, consectetuer adipis-
cing elit, sed diam nonummy nibh euismod tinci-
Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum
de la procédure 2023-2024
dunt ut laoreet dolore magna aliquam erat volut- dolore eu feugiat nulla facilisis.
Bilan
pat. Ut wisi enim ad minim veniam, quis nostrud Lorem ipsum dolor sit amet, consectetuer adi-
exerci tation ullamcorper suscipit lobortis nisl ut piscing elit, sed diam nonummy nibh euismod
aliquip ex ea commodo consequat.
2024-2025
tincidunt ut laoreet dolore magna aliquam erat
Duis autem vel eum iriure dolor in hendrerit in volutpat.
de la procédure
vulputate velit esse molestie consequat, vel illum Ut wisi enim ad minim veniam, quis nostrud exerci
dolore eu feugiat nulla facilisis at vero eros et ac- tation ullamcorper suscipit lobortis nisl ut aliquip
cumsan et iusto odio dignissim qui blandit praesent ex ea commodo consequat. Duis autem vel eum
luptatum zzril delenit augue duis dolore te feugait iriure dolor in hendrerit in vulputate velit esse mo-
nulla facilisi. Lorem ipsum dolor sit amet, consec- lestie consequat, vel illum dolore eu feugiat nulla
2023-2024
tetuer adipiscing elit, sed diam nonummy nibh facilisis at vero eros et accumsan et iusto odio di-
euismod tincidunt ut laoreet dolore magna aliquam gnissim qui blandit praesent luptatum zzril delenit
erat volutpat. augue duis dolore te feugait nulla facilisi.
Ut wisi enim ad minim veniam, quis nostrud exerci Nam liber tempor cum soluta nobis eleifend op-
tation ullamcorper suscipit lobortis nisl ut aliquip tion congue nihil imperdiet doming id quod mazim
ex ea commodo consequat. Duis autem vel eum placerat facer possim assum. Lorem ipsum dolor
iriure dolor in hendrerit in vulputate velit esse mo- sit amet, consectetuer adipiscing elit, sed diam
lestie consequat, vel illum dolore eu feugiat nulla nonummy nibh euismod tincidunt ut laoreet do-
facilisis at vero eros et accumsan et iusto odio di- lore magna aliquam erat volutpat. Ut wisi enim ad
gnissim qui blandit praesent luptatum zzril delenit minim veniam, quis nostrud exerci tation ullamcor-
augue duis dolore te feugait nulla facilisi. per suscipit lobortis nisl ut aliquip ex ea commodo
Nam liber tempor cum soluta nobis eleifend op- consequat.
tion congue nihil imperdiet doming id quod mazim Duis autem vel eum iriure dolor in hendrerit in
placerat facer possim assum. Lorem ipsum dolor sit vulputate velit esse molestie consequat, vel illum
amet, consectetuer adipiscing elit, sed diam nonu- dolore eu feugiat nulla facilisis.
mmy nibh euismod tincidunt ut laoreet dolore ma-
gna aliquam erat volutpaation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.
monmaster.gouv.fr monmaster.gouv.fr monmaster.gouv.frMon Master • guide graphique 13
Signalétique
Kakémonos
Bilan
Bilan Bilan de la
de la de la procédure
procédure procédure 2024-2025
2024-2025 2024-2025
monmaster.gouv.fr monmaster.gouv.fr
monmaster.gouv.frMon Master • guide graphique 14 Promotionnel
Vous pouvez aussi lire
