identité visuelle charte graphique
sommaire 3 4 5 6 7 8 9 11 14 15 17 18 19 20 21 22 26 29 30 31 34 37 38 39 41 42 44 46 47 48 50 53 54 58 59 55 61 62 63 64 65 66 68 69 1 Logotype Principes Versions Couleurs Règles d usage Placement sur fond blanc ou coloré Respect des proportions et tailles minimales 2 Papeterie Papier à lettre et suite de lettre Cartes de correspondance Cartes de visite Signature mail Enveloppes Documents administratifs Sceau, timbre à sec et tampon encreur Papeterie de l IUT Structures dotés d un logo et/ou de plusieurs tutelles 3 Univers graphique Palette de couleurs Polices de caractères Trames Signes d accompagnement La figure de Montaigne Les photographies 4 Éditions papier Principes de mise en page Règles de co-marquage Chemises à rabats Invitations Affiches, flyers, invitations Dépliants, brochures, tracts et prospectus 5 Éditions numériques Site internet Lettre d information Autres sites et outils Présentations sur écran 6 Signalétique et marquages Kakemonos-supports salon Portes et bâtiments Objets 7 Annexes Concepts du système graphique Recommandations Crédits Charte graphique de l Université Bordeaux Montaigne - page 1
1 Logotype Charte graphique de l Université Bordeaux Montaigne - page 3
1 Logotype / principes 1 Logotype / versions Le logo de l Université Bordeaux Montaigne reste fidèle à l initiale du nom de l illustre philosophe. Il se présente sous la forme d un m majuscule constitué de deux signes apparentés à des accentuations et ponctuations. Il est acccompagné d une trame composée de glyphes choisis parmi la centaine de milliers de caractères que l on dénombre dans les écritures inventées par l humanité. Associé au logo, le nom de l Université Bordeaux Montaigne est composé à partir de l Avenir Next qui est une version optimisée pour un usage écran de l Avenir. Charte graphique de l Université Bordeaux Montaigne - page 4 Charte graphique de l Université Bordeaux Montaigne - page 5
1 Logotype / couleurs 1 Logo / règles d usage / périmètres La couleur du logotype de l Université Bordeaux Montaigne est le noir. Une palette de 30 teintes y est associée. Elles sont utilisées dans la trame de glyphes. Un périmètre a été défini pour chaque version du logotype en deçà duquel aucun autre élément de texte ou d image ne pourra être positionné. Ce périmètre marque également la limite minimale à respecter en cas de placement du logotype en bord de page. Une version cartouche-onglet est également disponible avec ses propres règles de périmètre. Charte graphique de l Université Bordeaux Montaigne - page 6 Charte graphique de l Université Bordeaux Montaigne - page 7
1 Logo / placement sur fond blanc ou coloré 1 Logo / respect des proportions et tailles minimales Le logotype avec sa trame de glyphes en couleur est réservé pour un usage sur fond blanc ou noir uniquement. Deux versions du logotype avec glyphes en noir ou en blanc sont disponibles pour un placement sur tout autre fond coloré à l exception de photographies. Ne jamais déformer le logotype, ne jamais isoler ou modifier tout ou partie de son dessin, ne jamais y insérer, ajouter, superposer une autre forme, ne jamais le doter d une ombre portée. Toujours respecter ses proportions lors de sa réduction ou de son agrandissement. Dans le cadre d un logiciel bureautique ou autre, il suffit de maintenir la touche capitale enfoncée pour redimensionner ensuite de façon homothétique le fichier venant d être importé/inséré en «tirant» sur l un de ses coins. Le logotype sans sa trame de glyphes est disponible en noir ou blanc et contour. Il peut être utilisé sur tout type de fond, y compris photographique. Le choix de la version étant dicté par une lisibilité optimale. Le logotype ne doit jamais être reproduit en deçà des dimensions spécifiées ci-dessous pour sa largeur en millimètres et en pixels pour chacune de ses versions : 34 mm / 140 px 23 mm / 95 px Dans le cadre d une mise en page de couverture ou d affiche, la largeur du logotype avec ou sans trame, périmètre compris, ne peux être inférieure à 30 % de la plus petite dimension de cette page (largeur ou hauteur). Ce rapport doit être de 50% dans le cas des périmètres en cartouche-onglet. Charte graphique de l Université Bordeaux Montaigne - page 8 Charte graphique de l Université Bordeaux Montaigne - page 9
2 Papeterie Charte graphique de l Université Bordeaux Montaigne - page 11
2 Papeterie / papier à lettre et suite de lettre / principes 2 Papeterie / papier à lettre et suite de lettre / principes Les papiers à lettre et suite de lettre sont construits selon un même gabarit présenté ci-dessous. Il existe deux configurations du papier à lettre, disponibles en noir ou couleur : 1- logo+nom seul, configuration destinée aux directions, services et pôles. 2 - logo+nom suivi d une parenthèse après laquelle placer un intitulé, configuration destinée à la présidence, aux UFR, DEFLE, école doctorale et équipes d accueil. Charte graphique de l Université Bordeaux Montaigne - page 12 Charte graphique de l Université Bordeaux Montaigne - page 13
2 Papeterie / papier à lettre et suite de lettre 2 Papeterie / cartes de correspondance 210x105 mm Règles de construction du papier à lettre dans sa configuration avec parenthèse et intitulé. Les 2 configurations de cartes de correspondance et leurs règles de construction. Charte graphique de l Université Bordeaux Montaigne - page 14 Charte graphique de l Université Bordeaux Montaigne - page 15
2 Papeterie / cartes de correspondance 2 Papeterie / cartes de visite 55x85 mm Assortimement de trames pour habiller le verso des cartes de correspondance. Les 3 versions des cartes de visite et leurs règles de construction. Nota : la même maquette peut être dupliquée au verso pour toute version étrangère. Assortimement de trames pour habiller le versos de cartes de visite. Charte graphique de l Université Bordeaux Montaigne - page 16 Charte graphique de l Université Bordeaux Montaigne - page 17
2 Papeterie / signature mail 2 Papeterie / enveloppes 229x162 mm La signature mail est construite autour de la version couleur logotype avec glypes dans sa plus petite taille (140 pixels de large). Le bloc, placé au-dessus du logo et justifié à gauche, est composé avec un attribut de taille typo 100%. Le bloc, placé à droite du logo et aligné verticalement, est composé avec un attribut de taille typo 85%. Cette signature mail doit être générée automatiquement par chaque personnel de l université (outil «Mon compte» de l Entp). Elle est composée à partir des informations contenues dans l annuaire. 2 Papeterie / enveloppes 220x110 mm 2 Papeterie / enveloppes 324x229 mm Règle de construction de l enveloppe type 220x110 mm. Nota : si des mentions supplémentaires doivent être ajoutées à la ligne adresse, l ensemble sera toujours centré verticalement. Charte graphique de l Université Bordeaux Montaigne - page 18 Charte graphique de l Université Bordeaux Montaigne - page 19
2 Papeterie / documents administratifs 2 Papeterie / documents administratifs Toute correspondance, circulaire ou compte-rendu est composé à partir des gabarits des papiers à lettre. Le champ de texte, situé sous le logo, permet de personnaliser simplement et de façon claire chaque document en le dotant de titres (corps 20) et de champs particuliers (corps 8 à 11). Ces gabarits sont disponibles aux formats bureautiques usuels. 2 La papeterie / sceau, timbre à sec et tampons encreurs Le logo seul fait l objet d un sceau (diam. 20 mm) pour marquage à la cire fondue. Il est accompagné du nom de l université sur un timbre à sec, outil permettant de gaufrer une feuille de papier (diam. 40 mm). Deux modèles de tampons encreurs sont disponibles. Le premier est rond (diam. 35 mm) et comporte logo, noms de l université et du service. Le second est de forme rectangulaire (59x39 mm) et comporte en plus un bloc adresse. (Marquages représentés en taille réelle.) Charte graphique de l Université Bordeaux Montaigne - page 20 Charte graphique de l Université Bordeaux Montaigne - page 21
2 Papeterie / l IUT 2 Papeterie / l IUT L IUT Bordeaux Montaigne dispose de sa propre version du logotype de l université, avec ou sans glyphes et parenthèse. Cette papeterie est composée et utilisée dans les mêmes configurations que celles qui ont été définies pour l université. Charte graphique de l Université Bordeaux Montaigne - page 22 Charte graphique de l Université Bordeaux Montaigne - page 23
2 Papeterie / l IUT 2 Papeterie / l IUT Le logo version noire sans glyphes a ses propres règles de construction du papier à lettre. Le logo version noire sans glyphes a ses propres règles de construction des cartes de correspondance et de visite. Charte graphique de l Université Bordeaux Montaigne - page 24 Charte graphique de l Université Bordeaux Montaigne - page 25
2 Papeterie / structures dotées d un logo et/ou de plusieurs tutelles 2 Papeterie / structures dotées d un logo et/ou de plusieurs tutelles Pour les structures de l université qui disposent de leur propre logotype, ou celles qui comptent plusieurs tutelles, un principe d adossement a été défini selon des règles de construction qui s appliquent à l ensemble de la papeterie. Charte graphique de l Université Bordeaux Montaigne - page 26 Charte graphique de l Université Bordeaux Montaigne - page 27
3 Univers graphique Charte graphique de l Université Bordeaux Montaigne - page 29
3 Univers graphique / palette de couleurs 3 Univers graphique / typographies Cette palette couleur de 30 teintes est dédiée au traitement des éditions papier de l université dès lors qu elles sont traitées en quadrichromie, ce qui est devenu la règle avec l avènement des outils d impression numérique ou bureautique. Leur usage numérique en ligne ou autre est facilité par les références RVB et web sécurisé. Il est aussi possible de choisir à partir de ces teintes une référence Pantone approchante pour tout projet d impression offset faisant appel à ce procédé. C5 M0 J90 N0 R247 V234 B58 FCEA10 C50 M100 J0 N0 R128 V33 B126 951B81 C85 M50 J0 N0 R69 V112 B180 1D71B8 Le caractère retenu pour toutes les éditions est L Avenir Next. Optimisée pour un usage écran, elle a été mise au point en 2004 par Adrian Frutiger lui-même, concepteur de la version originale «Avenir» en 1988, en collaboration avec le typographe Akira Kobayashi. L avenir Next est disponible sous ses différentes polices au sein du système d exploitation Mac OSX depuis sa version 10.8. Deux ensembles sont retenus dont un constitué de polices condensées. AVENIR NEXT ULTRA LIGHT a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ C5 M25 J90 N0 R230 V191 B58 F4C123 C0 M45 J100 N0 R223 V155 B27 F59C00 C0 M65 J95 N0 R211 V114 B39 EE7219 C0 M100 J100 N0 R194 V14 B26 E30613 C50 M70 J100 N50 R86 V61 B29 5D3A14 C40 M65 J90 N35 R114 V79 B43 7D4E24 C10 M60 J80 N25 R162 V102 B56 B56632 C30 M50 J75 N0 R176 V135 B84 BF8850 C90 M70 J20 N0 R64 V84 B138 32538D C100 M100 J0 N0 R50 V43 B128 312783 C100 M100 J50 N25 R44 V42 B74 29264A C80 M60 J95 N30 R70 V79 B50 404E2C AVENIR NEXT ULTRA LIGHT ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT REGULAR a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT REGULAR ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ C15 M100 J90 N10 R162 V28 B38 BE1622 C16 M40 J45 N5 R156 V137 B122 A48A7B C90 M30 J95 N30 R56 V101 B57 006633 AVENIR NEXT DEMI BOLD a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ C0 M60 J0 N0 R216 V134 B179 F088B6 C0 M75 J20 N0 R207 V96 B136 EC608A C0 M90 J30 N0 R200 V54 B108 E8336E C35 M100 J35 N10 R139 V31 B90 A3195B C0 M0 J0 N60 R134 V134 B134 878787 C0 M0 J0 N40 R177 V177 B177 B2B2B2 C80 M10 J45 N0 R86 V160 B153 00A19A C100 M10 J10 N0 R0 V147 B201 0094CD C80 M25 J100 N0 R91 V138 B64 3A8C38 C75 M0 J100 N0 R106 V168 B66 34AA35 C50 M0 J100 N0 R162 V192 B55 95C11F C20 M0 J100 N0 R220 V219 B34 DEDC00 AVENIR NEXT DEMI BOLD ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT BOLD a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT BOLD ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT HEAVY a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ Charte graphique de l Université Bordeaux Montaigne - page 30 Charte graphique de l Université Bordeaux Montaigne - page 31
3 Univers graphique / typographies 3 Univers graphique / typographies de substitution AVENIR NEXT CONDENSED ULTRA LIGHT a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT CONDENSED ULTRA LIGHT ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT CONDENSED REGULAR a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT CONDENSED REGULAR ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT CONDENSED DEMI BOLD a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT CONDENSED DEMI BOLD ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT CONDENSED BOLD a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT CONDENSED BOLD ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ AVENIR NEXT CONDENSED HEAVY a b c d e f g h j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 [ \ ] ^ _`!» # $ % & () * +, -. / :; < = >? @ { } ~ Dans le cas où l Avenir Next n est pas disponible, un choix de 4 polices de caractères très répandues sur l ensemble des systèmes d exploitation informatiques est proposé ci-dessous. Il s agit des Calibri, Lucida Grande, Tahoma et Verdana. L utilisation de toute autre police de caractères est exclue. CALIBRI REGULAR a b c d e f g h j k l m n o p q r s t u v w x y z CALIBRI ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z CALIBRI BOLD a b c d e f g h j k l m n o p q r s t u v w x y z CALIBRI BOLD ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z LUCIDA GRANDE a b c d e f g h j k l m n o p q r s t u v w x y z LUCIDA GRANDE BOLD a b c d e f g h j k l m n o p q r s t u v w x y z TAHOMA REGULAR a b c d e f g h j k l m n o p q r s t u v w x y z TAHOMA BOLD a b c d e f g h j k l m n o p q r s t u v w x y z VERDANA REGULAR a b c d e f g h j k l m n o p q r s t u v w x y z VERDANA ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z VERDANA BOLD a b c d e f g h j k l m n o p q r s t u v w x y z VERDANA BOLD ITALIC a b c d e f g h j k l m n o p q r s t u v w x y z Charte graphique de l Université Bordeaux Montaigne - page 32 Charte graphique de l Université Bordeaux Montaigne - page 33
3 Univers graphique / les trames 3 Univers graphique / les trames Deux trames ont été conçues. La première, dont est extraite la sélection associée au logotype, est composée de glyphes choisis parmi la centaine de milliers que l on dénombre dans les écritures inventées par l humanité. Cette trame est disponible en couleur, noir, ou blanc, agencée en carré, cercle ou rectangle orienté portrait ou paysage. Elle peut être superposée dans ses différentes versions à des visuels photographiques ou à des fonds colorés. Charte graphique de l Université Bordeaux Montaigne - page 34 Charte graphique de l Université Bordeaux Montaigne - page 35
3 Univers graphique / les trames 3 Univers graphique / signes d accompagnement La seconde trame est composée à partir du logotype. Elle est disponible en couleur. Elle peut être zoomée, orientée portrait ou paysage. Un ensemble de virgules-accents et un point permettent de construire des zones de titre ou d intertitre, de flécher, pointer ou séparer des lignes, des paragraphes ou d autres éléments ou encore de marquer-repérer. Il est possible de créer des variantes de ces formes en conservant toujours une extrémité ronde. Liberior amicitiae comitatem. Rata causam hoc est praecipitem ut explanare super locuta nunc maioribus ut ulla priscis. B Lorem ipsus Charte graphique de l Université Bordeaux Montaigne - page 36 Charte graphique de l Université Bordeaux Montaigne - page 37
3 Univers graphique / la figure de Montaigne 3 Univers graphique / les photographies La figure de Montaigne est intégrée dans la charte sous la forme d une portrait gravé. Ce portrait peut être recadré et colorisé, mixé avec les trames, d autres éléments graphiques ou des photographies. Le répertoire photographique institutionnel privilégie les portaits d étudiants seuls ou en groupe, en action et situation dans les locaux de l université. Ces derniers sont aussi représentés au travers de leurs aspects emblématiques. Charte graphique de l Université Bordeaux Montaigne - page 38 Charte graphique de l Université Bordeaux Montaigne - page 39
4 Éditions papier Charte graphique de l Université Bordeaux Montaigne - page 41
4 Éditions papier / principes de mise en page 4 Éditions papier / principes de mise en page Les mises en page des éditions papier peuvent être traitées sur la base de 2 ou 3 colonnes en réservant autant que possible des en-têtes et pied de page dans les proportions données ci-dessous par la superposition d un cercle de même diamètre que la hauteur de la page. Sur les couvertures de documents, les affiches, tracs et prospectus, le logotype doit être placé en haut à gauche ou en bas à droite de la page dans son cartouche-onglet. Il est possible de développer à partir de ce cartouche-onglet des cercles concentriques à partir desquels définir des zones de titrage, visuelles ou colorées. Sed undique igitur scirent fore omnia frequentibus magnis stataria sed idem. Ces colonnes peuvent intégrer une courbe extraite d un cercle dont le diamètre est égal à deux ou quatre fois la hauteur de la page concernée. Interiret ut antequam tamquam Interiret ut antequam tamquam Quid Ad descendant quam invenias quam anteponat ubi verae enim quam honorem ut. Recte enim Quamquam omittam honorem non honorem iis Ad recte societates inventu non in amici inventu societates. Charte graphique de l Université Bordeaux Montaigne - page 42 Charte graphique de l Université Bordeaux Montaigne - page 43
4 Éditions papier / règles de co-marquage 4 Éditions papier / règles de co-marquage Lorsque l université ou l une de ses composantes est à l origine d une opération, la mise en page d une couverture, d un tract ou d une affiche intègre le logotype de l université et celui des partenaires selon les principes suivants. Ces principes sont égalament applicables aux configurations de co-marquage pour les structures dotées de leur propre logo et/ou de plusieurs tutelles. Le premier de ces principes est de toujours respecter une taille minimale pour le logo de l université qui ne doit en aucun cas être d une taille inférieure ou égale auxautres logos. Charte graphique de l Université Bordeaux Montaigne - page 44 Charte graphique de l Université Bordeaux Montaigne - page 45
4 Éditions papier / chemises à rabat 4 Éditions papier / invitations Chemise à rabats intérieurs pour documents A4 avec forme de découpe personnalisée. 3 versions de rectos différentes sont disponibles ainsi qu un habillage pour l intérieur. Modèle générique d invitation-programme pour les cérémonie Honoris Causa de format carré 165x165 mm (330x165 mm ouvert). Le format d invitation standard est de 210x105 mm (A), déclinable en 2 volets à l italienne (B- 420x105 mm ouvert) ou carré (C- 210x210 ouvert). Dans tous les cas, privilégier un recto 100% visuel et réserver verso et/ou pages itérieures pour les informations écrites. Quibus occurrere bene pertinax miles explicatis ordinibus parans hastisque feriens scuta qui habitus iram pugnantium concitat Proximos iam gestu terrebat sed eum in certamen Recrito 05 00 00 00 00 / confirmation@u-ordeaux-montaigne.fr alacriter consurgentem revocavere ductores rati intempestivum anceps subire certamen cum haut longe muri distarent, quorum tutela securitas poterat in solido locari cunctorum. Domaine universitaire F-33607 PESSAC Cedex Tél. +33 (0)5 57 14 44 44 info@u-bordeaux-montaigne.fr A C B Charte graphique de l Université Bordeaux Montaigne - page 46 Charte graphique de l Université Bordeaux Montaigne - page 47
4 Éditions papier / affiches, tracts et prospectus 4 Éditions papier / affiches, tracts et prospectus Affiches, tracts et prospectus (pour leur recto) sont construits sur les mêmes bases : - le logo de l université est toujours placé en bas à droite dans dans son cartouche-onglet dont la largeur toujours supérieure ou égale à 30% de celle de la page. - la composition des textes et images s appuie de préférence sur des cercles concentriques centrés sur le cartouche-onglet. Les deux modèles ci-dessous à droite datés d octobre permettent de répondre à la grande majorité des cas de figure rencontrés. 4 Éditions papier / brochures & dépliants La grande majorité des éditions de l université (programmes, offre de formation, supports d information administrative, vie scolaire) est traitée sous la forme de dépliants en 2, 3 ou 4 volets, de brochures de 8 à 16 pages, dans deux formats finis standard : 21x10 cm et 21x15 cm. Charte graphique de l Université Bordeaux Montaigne - page 48 Charte graphique de l Université Bordeaux Montaigne - page 49
4 Éditions papier / dépliants et brochures offre de formation, tract et prospectus 4 Éditions papier / dépliant offre de formation Tracts et prospectus 21x10 cm, dépliants et brochures 21 x15 cm format fini. Dépliant offre de formation 21x15 cm format fini 30x42 cm format ouvert Charte graphique de l Université Bordeaux Montaigne - page 50 Charte graphique de l Université Bordeaux Montaigne - page 51
5 Éditions numériques Charte graphique de l Université Bordeaux Montaigne - page 53
5 Éditions numériques / site internet de l université 5 Éditions numériques / site internet de l université Le design du site de l Université Bordeaux Montaigne a été conçu en priorisant l usage accru des terminaux mobiles (mobile first). Le design s enrichit par paliers successifs, ou points de rupture, à 320, 640 et 920 pixels, permettant une consultation adaptée du smartphone à l écran de bureau. Ci-dessous et ci-contre la page d accueil dans ses différents états. Son développement a été intégralement réalisé en interne par le service communication de l université, via le CMS Ametys. Lorem ipsus dolores capillar tractoris Choisir une formation Vous êtes Plan dʼaccès Agenda focus Ci-dessous les principales étapes de navigation depuis la page d accueil sur un smartphone. Quod statuerimus vel concedere amicis Quidquid velint, vel impetrare ab iis, -velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus. Ideo urbs venerabilis post superbas efferatarum gentium velut frugi parens et prudens et dives Caesaribus tamquam liberis suis regenda patrimonii iura permisit. >> Lire la suite Quod statuerimus vel concedere amicis Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat. >> Lire la suite Glossaire Aide Marchés publics Plan du site Mentions légales Contact Charte graphique de l Université Bordeaux Montaigne - page 54 Charte graphique de l Université Bordeaux Montaigne - page 55 Université Bordeaux Montaigne
5 Éditions numériques / site internet de l université 5 Éditions numériques / lettres d information En haut à gauche, gabarit de page de rubrique En haut à droite, gabarit de page d agenda pour la consultation d un article complet. En bas à gauche, gabarit de page de présentation de structure (bibliothèque, association, etc) En bas à droite, gabarit de la page de recherche avancée 4 déclinaisons de la lettre d information de l Université Bordeaux Montaigne sont diffusées aux publics suivants : - étudiants inscrits - personnels de l université - journalistes - publics abonnés Chaque déclinaison est identifiée par un code couleur. Charte graphique de l Université Bordeaux Montaigne - page 56 Charte graphique de l Université Bordeaux Montaigne - page 57
5 Éditions numériques / autres sites 5 Éditions numériques / autres sites L écosystème numérique de l université compte plusieurs familles de sites, en plus de celui de l institution : Le site des étudiants inscrits L intranet des personnels Les sites des UFR Pour les sites des équipe de recherche, l IUT, l IJBA, ou toute autre composante de l université, la mise en cohérence s effectue au niveau de leurs bannières personnalisées où le logo de l université apparait systématiquement à droite, en blanc ou noir selon le fond sur lequel il est placé. Une mise en cohérence élémentaire est préconisée au niveau des bannières d entête et permet des configurations simples à mettre en œuvre : logo de l université ancré à gauche et intitulé du site justifié fer à droite. 5 Éditions numériques / présentations sur écran Eo adducta re Isauriam Rege Persarum bellis finitimis inligato Repellenteque a conlimitiis suis ferocissimas gentes, quae mente quadam versabili hostiliter eum saepe incessunt Et in nos arma moventem aliquotiens iuvant, Nohodares quidam nomine e numero optimatum, incursare Mesopotamiam quotiens copia dederit Cumque pertinacius ut legum Cumque pertinacius ut legum Zenonem illum veterem Stoicum qui ut mentiretur quaedam laceratus diutius, avulsam sedibus linguam suam cum cruento sputamine in oculos interrogantis Cyprii regis inpegit. 60 50 40 30 20 10 0 60 50 40 30 20 10 0 «Minime hercule! ac ne ego quidem illius sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.» Quidam Signat Charte graphique de l Université Bordeaux Montaigne - page 58 Charte graphique de l Université Bordeaux Montaigne - page 59
6 Signalétique & marquages Charte graphique de l Université Bordeaux Montaigne - page 61
6 Signalétique & marquages / kakémonos-supports salon 6 Signalétique & marquages / portes et bâtiments / objets Caenos est quae abstergendae et haec cuius seirate. F 006 Direction du système d'information (DSI) Pôle production imprimée Lionel Cazaux Graphiste - Adjoint au responsable de pôle Brigitte Da Silva Infographiste Christine Jouin Infographiste L 006 Direction du système d'information (DSI) Pôle production imprimée Lionel Cazaux Graphiste - Adjoint au responsable de pôle Brigitte Da Silva Infographiste Christine Jouin Infographiste Carpento Histriam post eum haec quondam et quondam est paludamento exsurge extra. Pugilum specie se in delectabatur specie diritatis delectabatur Nec vel cruentis pugilum cruentis eius septem. Charte graphique de l Université Bordeaux Montaigne - page 62 Charte graphique de l Université Bordeaux Montaigne - page 63
7 Annexes Charte graphique de l Université Bordeaux Montaigne - page 65
7 Annexes / concepts du système graphique 7 Annexes / concepts du système graphique L Université Bordeaux Montaigne a été fondée en 1441 avec comme nom Université de Bordeaux. Ses domaines d étude étaient alors la théologie, le droit, la médecine et les arts. Elle fut ensuite désignée pendant longtemps comme faculté de lettres avant de devenir en 1968 université des lettres et sciences humaines Bordeaux 3, puis université Michel de Montaigne Bordeaux 3 en 1990 et enfin, en 2014, Université Bordeaux Montaigne. Diversité avec un ensemble de glyphes choisis parmi la centaine de milliers qui composent les écritures de l humanité. Une sélection effectuée dans une vingtaine de langues, motivée principalement par l originalité du dessin de chaque signe retenu, des similitudes qu ils pouvaient avoir malgré leur total éloignement géographique et culturel et dont l assemblage sous forme de trames a été effectué de façon soigneusement désordonnée. Arabe Arménien Balinais Bengali Braille Cherokee http://www.unicode.org/fr/charts/pdf/u0600.pdf http://www.unicode.org/fr/charts/pdf/u0530.pdf http://www.unicode.org/fr/charts/pdf/u1b00.pdf http://www.unicode.org/fr/charts/pdf/u0980.pdf http://www.unicode.org/fr/charts/pdf/u2800.pdf http://www.unicode.org/fr/charts/pdf/u13a0.pdf Historiquement attachée à l écriture sous toutes ses formes, l université est au service d une somme de savoirs en perpétuel mouvement centrés sur l étude des expressions de l humanité : langues, littératures, philosophies, histoires, géographies, arts, urbanismes, techniques de communications, fictions, documentaires et journalismes... Cette identité visuelle en est une traduction fondée sur les principes de simplicité et de diversité. Le mot glyphe désigne historiquement un signe gravé. Un caractère peut être en soit un glyphe, ou en associer plusieurs, comme par exemple la lettre é qui est composée du glyphe «e» et du glyphe «accent aigü». Ce travail a été facilité par la consultation de tous les glyphes recensés sous le standard international Unicode qui s emploie à attribuer à chacun d entre eux un numéro d identification unique permettant de le reproduire sur toute plate-forme informatique au moyen de polices de caractères système ou spécifiques. Chinois Copte Coréen Cyrillique Dévanâgarî Géorgien Grec Hébreu http://www.unicode.org/fr/charts/pdf/u3100.pdf http://www.unicode.org/fr/charts/pdf/u2c80.pdf http://www.unicode.org/fr/charts/pdf/u3130.pdf http://www.unicode.org/fr/charts/pdf/u0400.pdf http://www.unicode.org/fr/charts/pdf/u0900.pdf http://www.unicode.org/fr/charts/pdf/u10a0.pdf http://www.unicode.org/fr/charts/pdf/u0370.pdf http://www.unicode.org/fr/charts/pdf/u0590.pdf Simplicité avec un glyphe original qui suggère un M majuscule en juxtaposant deux signes élémentaires inspirés des accents et ponctuations. Hyper reproductible et hyper lisible, ce logotype fait appel à la connaissance de chacun pour faire signe au moment de sa lecture. Chaque ensemble est présenté sous la forme d une table qui peut correspondre à une écriture donnée, un ensemble de symboles ou à des pictogrammes spécifiques. Elles sont toutes consultables en ligne au format pdf sur le site d Unicode (liens pages suivante). Japonais Lao Malayâm Phénicien http://www.unicode.org/fr/charts/pdf/u3040.pdf http://www.unicode.org/fr/charts/pdf/u0e80.pdf http://www.unicode.org/fr/charts/pdf/u0d00.pdf http://www.unicode.org/fr/charts/pdf/u10900.pdf Phonétique http://www.unicode.org/fr/charts/pdf/u0250.pdf Runes http://www.unicode.org/fr/charts/pdf/u16a0.pdf Singhalais http://www.unicode.org/fr/charts/pdf/u0d80.pdf Tamoul http://www.unicode.org/fr/charts/pdf/u0b80.pdf Tégoulou http://www.unicode.org/fr/charts/pdf/u0c00.pdf Thai http://www.unicode.org/fr/charts/pdf/u0e00.pdf Tibétain http://www.unicode.org/fr/charts/pdf/u0f00.pdf Charte graphique de l Université Bordeaux Montaigne - page 66 Charte graphique de l Université Bordeaux Montaigne - page 67
7 Annexes / recommandations Du bon usage des impressions L université promeut une politique d impression responsable. Le coût financier et environnemental est devenu une réalité aux conséquences préoccupantes qui peuvent être fortement réduites en respectant quelques recommandations simples et quotidiennes. Impression de vos éditions Si vous avez besoin de grandes quantités d éditions, dont le papier à lettre, commandez-les au pôle de production imprimée (Direction du système d information). Le coût d impression numérique est inférieur à celui d un copieur multifonctions même partagée. Impression de vos courriers et documents bureautiques sur les imprimantes de proximité Evitez d imprimer des documents qui seraient déjà archivés sous forme numérique. Privilégiez l impression en recto/verso et le recyclage du verso de vos papiers déjà imprimés en papier brouillon. Privilégiez les impressions en noir et blanc (une impression couleur coûte 10 fois plus cher). Vous pouvez composer vos courriers à partir des papiers à lettre noir et blanc. Vous pouvez aussi utiliser les versions couleurs et les imprimer en noir et blanc. La qualité d impression restera bonne, elles ont été conçues dans ce but. Dans le cas où vous utilisez du papier à lettre imprimé par le pôle de production imprimé : utilisez le bac d alimentation manuelle (bypass) de votre copieur multifonction de proximité. Un didacticiel sur l Entp (rubrique aide numérique) vous explique la marche à suivre. Les courriels Inutile d imprimer vos courriels sauf s ils doivent être impérativement joints à un dossier papier. Les travaux de relecture Dans la mesure du possible, n imprimez vos documents que pour une ultime relecture, de préférence effectuée par une personne découvrant le texte pour la première fois. Du bon usage de cette charte graphique Cette charte graphique est adaptée au nouveau contexte interne et externe. Elle est conçue pour contribuer à diffuser une image durable et cohérente de l Université Bordeaux Montaigne, en accord avec les valeurs et le positionnement qu elle entend affirmer. Ce document présente tous les éléments qui composent la charte ainsi que leurs normes et règles d application. Il est le support à partir duquel imaginer tout projet d édition. Le respect et le bon usage de cette charte graphique permettent d apporter une unité et une homogénéité aux différents supports de communication conçus et produits par les nombreux émetteurs. Cette condition est un gage d identification efficace de l université. Utilisation des éléments de la charte Les éléments constitutifs de cette charte graphique (logotype, trames, maquettes génériques) ont été créés dans des formats exploitables uniquement au moyen de logiciels de design graphique. Ce sont les fichiers natifs du système graphique. Les éléments mis à disposition et exploitables au moyen des logiciels bureautiques sont le logo, les modèles de papiers à lettre, les autres documents bureautiques (circulaire compte-rendu, procès-verbal ) toujours composés à partir du papier à lettre. Ces fichiers sont disponibles sur entp.u-bordeaux-montaigne.fr Attention, ne pas oublier que tout fichier récupéré en ligne sur une page de site internet ou capturé sur écran ne donnera pas de bons résultats une fois imprimé. Toujours utiliser les fichiers natifs pour les éditions papier. Pour tout conseil, aide et plus d information Le service communication de l université est garant du respect de la charte graphique et de l image véhiculée de l Université Bordeaux Montaigne. Il est important qu il soit associé à la conception de vos projets de supports de communication quels qu ils soient, et puisse valider avec vous les choix graphiques et éditoriaux envisagés. service.communication@u-bordeaux-montaigne.fr Tél. 05 57 12 47 28 Conception & réalisation graphique et rédactionnelle de la charte Marc Vernier / www.praxisdesign.net 2013-2014 Charte graphique de l Université Bordeaux Montaigne - page 68 Charte graphique de l Université Bordeaux Montaigne - page 69
Université Bordeaux Montaigne Domaine universitaire F-33607 PESSAC Cedex tél : +33 (0)5 57 12 44 44 www.u-bordeaux-montaigne.fr