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">&Eacute;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&eacute; visuelle cr&eacute;&eacute;s par nos &eacute;tudiants en design graphique</strong></p> <p>La refonte de l&rsquo;identit&eacute; visuelle de l&rsquo;&Eacute;cole nationale sup&eacute;rieure des beaux-arts de Lyon a &eacute;t&eacute; initi&eacute;e avec les &eacute;l&egrave;ves de la section Master design graphique en 2012. Les &eacute;tudiants ont eu l&rsquo;opportunit&eacute;, lors de plusieurs ateliers d&rsquo;une semaine, de travailler avec le designer Tch&egrave;que Radim Pe&scaron;ko &agrave; &eacute;laborer diff&eacute;rents projets. Cette r&eacute;flexion a aussi donn&eacute; lieu &agrave; plusieurs conf&eacute;rences et <a href="evenement_detail.php?id_evenement=10751" target="_blank">workshops</a> au sein de l&#39;Ensba.</p> <p>Un groupe de deux &eacute;tudiants s&eacute;lectionn&eacute;, <a href="https://alexchavot.fr/" target="_blank">Alex Chavot</a> et <a href="diplome_detail.php?id_arbo=46&amp;id_categorie=0&amp;etudiant=mabime&amp;id_annee=0&amp;id_diplome_etudiant=788" target="_blank">Fabrice Mabime</a>, a poursuivi cette recherche pendant plus d&rsquo;un an avec l&rsquo;intervention ponctuelle de Radim Pe&scaron;ko et sous la supervision des enseignants professionnels Alexandru Balgiu, Jean-Marie Courant et Catherine Guiral.</p> <p>Con&ccedil;u dans un cadre p&eacute;dagogique, le projet s&rsquo;est d&eacute;velopp&eacute; en collaboration avec la direction de l&rsquo;&Eacute;cole nationale sup&eacute;rieure des beaux-arts de Lyon et son &eacute;quipe administrative, mais aussi dans l&rsquo;&eacute;change constructif avec des prestataires professionnels.</p> <p>&Agrave; la suite de recherches communes, les graphistes ont d&eacute;gag&eacute; deux axes sur lesquels travailler : Temps/couleur et espace/typographie. Ces deux axes ont &eacute;t&eacute; guid&eacute;s par une notion de ductibilit&eacute; entra&icirc;nant un jeu de variations subtiles qui est le principe majeur de ce travail autour de l&rsquo;identit&eacute; visuelle de l&rsquo;&eacute;cole.</p> <p>La couleur rouge et ses variations infinies sont la colonne vert&eacute;brale de l&#39;identit&eacute;, &eacute;voluant avec le temps, les techniques et les saisons. Les types de caract&egrave;res sp&eacute;ciaux Ensba et Ensba Mono ont &eacute;t&eacute; con&ccedil;us sp&eacute;cialement pour l&#39;identit&eacute;, en insistant sur sa structure architecturale. Le Logo issu de ces recherches, est tr&egrave;s simplement fait avec la typographie Ensba Mono.</p> <p>Pour toute utilisation du logo de l&#39;Ensba Lyon, merci de contacter le service <a href="mailto:communication@ensba-lyon.fr?subject=Logo%20ENSBA%20Lyon&amp;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&eacute;clinaisons de cartons d&#39;invitation pour les prix, 2014 <strong>&copy; </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&eacute;&eacute; par Alex Chavot en &quot;Ensba mono&quot; </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&eacute;l&eacute;charger les logos de l&#39;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&eacute;sentation du projet d&#39;identit&eacute; visuelle par les graphistes (11.76 MB)</a></li> <li><a target="_blank" class="underline" href="upload/document/O_typo-ensba.zip">T&eacute;l&eacute;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:&#105;&#110;&#102;&#111;&#115;&#64;&#101;&#110;&#115;&#98;&#97;&#45;&#108;&#121;&#111;&#110;&#46;&#102;&#114;">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>

Pages: 1 2 3 4 5 6 7 8 9 10