CINXE.COM
Ecole nationale sup茅rieure des beaux-arts de Lyon - Logo - typo
<!doctype html> <html class="no-js" lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Ecole nationale sup茅rieure des beaux-arts de Lyon - Logo - typo</title> <meta name="description" content="Ecole nationale sup茅rieure des beaux-arts de Lyon // accueil // home"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="canonical" href="https://www.ensba-lyon.fr//page_logotheque"> <link href="img/favicon.ico" rel="icon" type="image/x-icon" /> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/swiper.css" media="screen"> <link rel="stylesheet" href="css/lightgallery.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/jssocials.css" /> <link rel="stylesheet" type="text/css" href="css/jssocials-theme-plain.css" /> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="css/main.css"> <script src="js/vendor/modernizr-2.8.3.min.js"></script> <meta property="og:image" content="http://onoci.net/lyon/site/upload/documentlogo-ensba-lyon.zip"> <meta property="og:title" content="Ecole nationale sup茅rieure des beaux-arts de Lyon - Logo - typo"> <meta property="og:site_name" content="Ecole nationale sup茅rieure des beaux-arts de Lyon"> <meta property="og:url" content="https://www.ensba-lyon.fr//page_logotheque"> <meta property="og:description" content=""> </head> <body id="page"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-28211509-1', 'auto'); ga('send', 'pageview'); </script> <!--[if lt IE 9]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div class="l-wrapper"> <header class="l-header" role="banner"> <div id="cookieAlert"></div> <form id="Frecherche" method="get" action="recherche.php"> <div class="head"> <div class="logo"><a href="accueil">École nationale sup茅rieure des beaux-arts de Lyon</a></div> <div class="langue"><a class="selected" href="langue-1">FR</a> / <a href="langue-2">EN</a></div> <div class="recherche"><form id="Frecherche" method="get" action="recherche.php"><input type="text" placeholder="rechercher" name="recherche" id="recherche" value="" /><input type="hidden" name="order" id="order" value="1" /></form></div> </div> <nav id="menu" role="navigation"> <div id="hamburger"></div> <ul class="l-nav"> <li class="resp-recherche"><form id="Frecherche" method="get" action="recherche.php"><input type="text" placeholder="rechercher" name="recherche" id="recherche" value="" /><input type="hidden" name="order" id="order" value="1" /></form></li> <li> 脡cole <ul> <li> <a href="page_presentation">Pr茅sentation</a> </li> <li> <a href="page_brochures">Brochures institutionnelles</a> </li> <li> <a href="page_epcc">EPCC</a> </li> <li> <a href="page_equipe">脡quipes</a> </li> <li> <a href="page_bibliotheque">Biblioth猫que</a> </li> <li> <a href="page_les-poles">P么les techniques</a> </li> <li> <a href="page_galeries-expo">Galeries d'exposition</a> </li> <li> <a href="page_vie-etudiante">Vie 茅tudiante</a> </li> <li> <a href="page_editions">脡ditions</a> </li> <li> <a href="page_pratique">Acc猫s, horaires</a> </li> <li> <a href="page_reseau">Nos r茅seaux</a> </li> <li> <a class="strong" href="page_logotheque">Logo - typo</a> </li> </ul> </li> <li> Admissions <ul> <li> <a href="page_calendrier">Calendrier g茅n茅ral</a> </li> <li> <a href="page_frais-scolarite">Frais de scolarit茅</a> </li> <li> <a href="page_examen-d-entree-en-1ere-annee">Concours d'entr茅e 1re ann茅e - Parcoursup</a> </li> <li> <a href="page_cours-de-cursus-et-equivalence">En cours de cursus et 茅quivalence </a> </li> <li> <a href="/page_faq-foire-questions?id_arbo=330">FAQ - foire aux questions</a> </li> <li> <a href="page_post-diplome-candidature">Post-dipl么me Art</a> </li> <li> <a target="_blank" href="http://www.ensba-lyon.fr/evenement.php?motcle=candidatures&id_arbo=292">Unit茅s de recherche</a> </li> <li> <a href="page_vae">VAE</a> </li> <li> <a href="page_mobilite-entrante-etudiants?id_arbo=131">脡tudiants en 茅change</a> </li> <li> <a target="_blank" href="http://www.campusart.org/?id_arbo=152">Campus France</a> </li> <li> <a href="page_programme-egalite-des-chances">脡galit茅 des chances </a> </li> </ul> </li> <li> 脡tudes <ul> <li> <a href="page_cursus">Cursus</a> <ul> <li> - <a href="cours.php?id_arbo=103">Contenu des cours</a> </li> </ul> </li> <li> <a href="page_annee-1">Ann茅e 1</a> </li> <li> <a href="page_licence-dna">Licence - DNA</a> <ul> <li> - <a href="page_art-1ercycle">Art</a> </li> <li> - <a href="page_design-espace">Design d'espace</a> </li> <li> - <a href="page_graphique-etudes">Design graphique</a> </li> <li> - <a href="page_textile">Design textile</a> </li> </ul> </li> <li> <a href="page_master-dnsep">Master - DNSEP</a> <ul> <li> - <a href="page_dnsepmaster-art">Art</a> </li> <li> - <a href="page_dnsepmaster-designespace">Design d'espace</a> </li> <li> - <a href="page_dnsepmaster-designgraphique">Design graphique</a> </li> </ul> </li> <li> <a href="page_etudes-recherche">Recherche</a> <ul> <li> - <a href="page_dsra">DSRA</a> </li> <li> - <a href="page_art-contemporain-et-temps-de-l-histoire">ACTH</a> </li> <li> - <a href="page_ur-numerique">Unit茅 de Recherche num茅rique</a> </li> <li> - <a href="page_station-d-arts-poetiques">Station d'arts po茅tiques</a> </li> </ul> </li> <li> <a href="page_post-diplome">Post-dipl么me Art</a> </li> <li> <a href="page_fcp">Formation compl茅mentaire de professionnalisation </a> </li> <li> <a href="page_stages">Stages</a> </li> <li> <a href="page_ouverture-internationale">International</a> </li> <li> <a href="page_fonds-de-soutien-aide-sociale">Fonds de soutien, aide sociale</a> </li> </ul> </li> <li> Partenaires <ul> <li> <a href="page_nos-partenaires">Dialogue et synergie </a> </li> <li> <a href="page_partenariats-pedagogiques">Partenariats p茅dagogiques</a> </li> <li> <a href="page_partenariats-alumni">Partenariats avec nos alumni</a> </li> <li> <a href="/page_prix-des-partenaires?id_arbo=336">Prix des Partenaires</a> </li> <li> <a href="page_mecenat">M茅c茅nat</a> </li> <li> <a href="page_taxe-d-apprentissage">Taxe d'apprentissage</a> </li> <li> <a href="page_mise-a-disposition-des-espaces">Privatisations</a> </li> </ul> </li> <li> Alumni <ul> <li> <a href="diplome.php?id_arbo=46">Dipl么mes</a> </li> <li> <a href="page_post-diplome-archives">Post-dipl么mes Art</a> </li> <li> <a href="page_post-diplomes-rca-archives">Post-dipl么mes RCA</a> </li> <li> <a href="page_bourses-et-prix">Prix</a> </li> <li> <a href="page_insertion-professionnelle">Insertion professionnelle</a> </li> <li> <a href="page_dispositifs-d-accompagnement">Dispositifs d鈥檃ccompagnement</a> </li> <li> <a target="_blank" href="https://www.ensba-lyon.fr/page_partenariats-alumni">Accompagner nos alumni</a> </li> <li> <a href="/evenement.php?id_categorie=18&id_type=0&id_temps=1&id_arbo=143">Actualit茅s</a> </li> <li> <a target="_blank" href="http://www.scoop.it/t/appels-a-projets-art-design?id_arbo=210">Appels 脿 projets, annonces</a> </li> </ul> </li> <li> <a href="evenement.php">Actualit茅s</a> <ul> </ul> </nav> </header> <main class="l-main" role="main"> <div class="fil-ariane"><a href="accueil">Accueil</a> > 脡cole > Logo - typo</div> <h1>Logo - typo</h1> <div class="sep-page"></div> <div class="page-texte"> <div class="home-news swiper-container-texte"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p><strong>Logo et identité visuelle créés par nos étudiants en design graphique</strong></p> <p>La refonte de l’identité visuelle de l’École nationale supérieure des beaux-arts de Lyon a été initiée avec les élèves de la section Master design graphique en 2012. Les étudiants ont eu l’opportunité, lors de plusieurs ateliers d’une semaine, de travailler avec le designer Tchèque Radim Peško à élaborer différents projets. Cette réflexion a aussi donné lieu à plusieurs conférences et <a href="evenement_detail.php?id_evenement=10751" target="_blank">workshops</a> au sein de l'Ensba.</p> <p>Un groupe de deux étudiants sélectionné, <a href="https://alexchavot.fr/" target="_blank">Alex Chavot</a> et <a href="diplome_detail.php?id_arbo=46&id_categorie=0&etudiant=mabime&id_annee=0&id_diplome_etudiant=788" target="_blank">Fabrice Mabime</a>, a poursuivi cette recherche pendant plus d’un an avec l’intervention ponctuelle de Radim Peško et sous la supervision des enseignants professionnels Alexandru Balgiu, Jean-Marie Courant et Catherine Guiral.</p> <p>Conçu dans un cadre pédagogique, le projet s’est développé en collaboration avec la direction de l’École nationale supérieure des beaux-arts de Lyon et son équipe administrative, mais aussi dans l’échange constructif avec des prestataires professionnels.</p> <p>À la suite de recherches communes, les graphistes ont dégagé deux axes sur lesquels travailler : Temps/couleur et espace/typographie. Ces deux axes ont été guidés par une notion de ductibilité entraînant un jeu de variations subtiles qui est le principe majeur de ce travail autour de l’identité visuelle de l’école.</p> <p>La couleur rouge et ses variations infinies sont la colonne vertébrale de l'identité, évoluant avec le temps, les techniques et les saisons. Les types de caractères spéciaux Ensba et Ensba Mono ont été conçus spécialement pour l'identité, en insistant sur sa structure architecturale. Le Logo issu de ces recherches, est très simplement fait avec la typographie Ensba Mono.</p> <p>Pour toute utilisation du logo de l'Ensba Lyon, merci de contacter le service <a href="mailto:communication@ensba-lyon.fr?subject=Logo%20ENSBA%20Lyon&body=Merci%20de%20pr%C3%A9ciser%20l'utilisation%20%3A%20pour%20quel%20projet%20et%20quel%20type%20de%20support%20(num%C3%A9rique%20ou%20imprim%C3%A9)%3F">communication</a>.</p> </div> </div> <div class="swiper-scrollbar"></div> </div> </div> <div class="page-diapo"> <div id="lightgallery" title="cliquer pour agrandir" class="swiper-container-page diaporama"> <div class="swiper-wrapper"> <div class="swiper-slide lightgallery-item" data-src="upload/document/prix-de-paris-cartons.jpg"><img src="upload/document/prix-de-paris-cartons.jpg" alt="" style="width:100%" /><div class="swiper-legende">Déclinaisons de cartons d'invitation pour les prix, 2014 <strong>© </strong>Alex Chavot </div></div> <div class="swiper-slide lightgallery-item" data-src="upload/document/ensba-tote-bags-page-1.jpg"><img src="upload/document/ensba-tote-bags-page-1.jpg" alt="" style="width:100%" /><div class="swiper-legende">Alphabet typographique créé par Alex Chavot en "Ensba mono" </div></div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> <div class="page-lien"> <ul> <li><a target="_blank" class="underline" href="upload/document/O_logo-ensba-lyon.zip">Télécharger les logos de l'Ensba Lyon print et web (.zip) (3.33 MB)</a></li> <li><a target="_blank" class="underline" href="upload/document/O_ensba-presentation-13-09-14-2.pdf">Présentation du projet d'identité visuelle par les graphistes (11.76 MB)</a></li> <li><a target="_blank" class="underline" href="upload/document/O_typo-ensba.zip">Télécharger la typographie Ensba-mono et regular (.zip) (191.8 KB)</a></li> <li><a target="_blank" class="underline" href="https://alexchavot.fr/">Alex Chavot</a></li> </ul> </div> </div> </main> <footer id="footer" class="l-footer" role="contentinfo"> <div class="l-inner l-inner--footer"> <div class="footer-rs"> <p class="suivez-nous"><a href="https://walls.io/79iBesUCR" target="new">Suivez-nous</a></p> <ul> <li><a target="_blank" href="https://fr-fr.facebook.com/pages/Ecole-nationale-sup%C3%A9rieure-des-beaux-arts-de-Lyon/159804502816"><img src="img/facebook.png" alt="facebook" /></a></li> <li><a target="_blank" href="http://www.ensba-lyon.fr/actualite_ensba-lyon-quitte-x"><img src="img/twitter.png" alt="twitter" /></a></li> <li><a target="_blank" href="https://www.youtube.com/channel/UCX3MbMMV5-8Y_oZBa2k7E0Q"><img src="img/vimeo.png" alt="vim茅o" /></a></li> <li><a target="_blank" href="https://fr.linkedin.com/company/ecole-nationale-des-beaux-arts"><img src="img/in.png" alt="in" /></a></li> <li><a target="_blank" href="https://www.instagram.com/ensba_lyon/"><img src="img/instagram.png" alt="instagram" /></a></li> </ul> </div> <div class="footer-adresse"> 8 bis quai Saint-Vincent<br /> 69001 Lyon - France </div> <div class="footer-telephone"> T +33 (0)4 72 00 11 71 <a href="http://www.culture.gouv.fr/Thematiques/Developpement-culturel/Culture-et-handicap/Acceo-accessibilite-telephonique-aux-personnes-sourdes-et-malentendantes" target="_blank"><img class="handicap" src="img/deficients-auditifs.jpg" alt="d茅ficients auditifs" /></a><br /> </div> <div class="footer-liens"> <ul> <li><a href="newsletter"><a href="http://bit.ly/ensbaLyonnewsletter" target="_blank">Newsletter</a></a></li> <li><a href="mailto:infos@ensba-lyon.fr">Contact</a></li> <li><a href="presse">Espace presse</a></li> <li><a href="page_taiga">Ta茂ga</a></li> <li><a href="page_webmail">Webmail</a></li> <li><a href="intranet">Espace 茅cole</a></li> <li><a href="page_mentions-legales">Mentions l茅gales</a></li> <li><a href="plan-du-site">Plan du site</a></li> <li><a href="page_faq-foire-questions">FAQ</a></li> </ul> </div> <div class="footer-liens-partenaires"> <ul class="footer-partenaires"> <li> <a href=https://www.universite-lyon.fr/ target="_blank"><img src="img/UDL_Etablissement_Associe.png" alt="Universit茅 de Lyon 茅tablissement associ茅" /></a></li> <li><a href=http://www.culture.gouv.fr/ target="_blank"><img class="vert" src="img/Republique_Francaise_N.png" alt="R茅publique Fran莽aise" /></a></li> <li> <a href=https://www.auvergnerhonealpes.fr/ target="_blank"><img src="img/region.png" alt="R茅gion Auvergne-Rh么ne-Alpes" /></a></li> <li> <a href=https://www.lyon.fr/ target="_blank"><img src="img/VDL-monochrome-noir.png" alt="Ville de Lyon" /></a></li> </ul> </div> <div class="res-footer-partenaires"> <ul class="footer-partenaires"> <li><img src="img/UDL_Etablissement_Associe.png" alt="Universit茅 de Lyon 茅tablissement associ茅" /></li> <li><img class="vert" src="img/Republique_Francaise_N.png" alt="R茅publique Fran莽aise" /></li> <li><img src="img/region.png" alt="R茅gion Auvergne-Rh么ne-Alpes" /></li> <li><img src="img/VDL-monochrome-noir.png" alt="Ville de Lyon" /></li> </ul> </div> </div> </footer> </div> <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="js/plugins.js"></script> <script src="js/swiper.min.js"></script> <script src="js/lightgallery.min.js"></script> <script src="js/cookiechoices.js"></script> <script src="js/jssocials.min.js" type="text/javascript"></script> <script src="js/main.js"></script> <script src="js/cookiechoices.js"></script><script>document.addEventListener('DOMContentLoaded', function(event){cookieChoices.showCookieConsentBar('En poursuivant la navigation sur ce site, vous acceptez l鈥檜tilisation de cookies pour r茅aliser des statistiques de visites.', 'J鈥檃ccepte', '', '');});</script> <script> $(document).ready(function() { $("#shareRS").jsSocials({ showLabel: false, showCount: false, shares: ["twitter", "facebook", "linkedin"] }); }); </script> <script> var swiper; $(document).ready(function() { if (!max768) { $('.swiper-container-texte').height($(window).height()-$("header").height()-$("footer").height()-$("h1").height()-$(".sep-page").height()-100) var swiper_news = new Swiper('.swiper-container-texte', { scrollbar: '.swiper-scrollbar', direction: 'vertical', slidesPerView: 'auto', mousewheelControl: true, freeMode: true, simulateTouch:false, scrollbarHide:false }); swiper_news.unsetGrabCursor(); } swiper = new Swiper('.swiper-container-page', { paginationClickable: true, keyboardControl: true, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', spaceBetween: 30, freeMode: true, autoHeight: true }); $("#lightgallery").lightGallery({ selector: '.lightgallery-item', showThumbByDefault: false, getCaptionFromTitleOrAlt: false, download: false, counter:false }); $('#lightgallery').tooltip({ track: true, open: function(e,o){ setTimeout(function(){$('#lightgallery').tooltip('close'); },2000); } }); var mySwiper = new Swiper('.swiper-container',{ onSlideChangeStart: function(swiper){ setSwiperHeight(); } }) }); </script> </body> </html>