<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Grapheine Blog de graphiste / agence de communication &#187; IDENTITÉ VISUELLE</title>
	<atom:link href="http://www.grapheine.com/blog/category/typographie/feed" rel="self" type="application/rss+xml" />
	<link>http://www.grapheine.com/blog</link>
	<description>Le blog d&#039;une agence de communication graphique Paris Lyon</description>
	<lastBuildDate>Wed, 04 Jan 2012 22:02:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Création de la nouvelle architecture de marque du groupe FIA-NET</title>
		<link>http://www.grapheine.com/blog/typographie/creation-de-la-nouvelle-architecture-de-marque-du-groupe-fia-net</link>
		<comments>http://www.grapheine.com/blog/typographie/creation-de-la-nouvelle-architecture-de-marque-du-groupe-fia-net#comments</comments>
		<pubDate>Mon, 26 Sep 2011 11:33:40 +0000</pubDate>
		<dc:creator>jeremie</dc:creator>
				<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[INTERNET]]></category>
		<category><![CDATA[achat en ligne]]></category>
		<category><![CDATA[certissim]]></category>
		<category><![CDATA[charte graphique]]></category>
		<category><![CDATA[création de logotype]]></category>
		<category><![CDATA[dessin typographique]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[fia-net]]></category>
		<category><![CDATA[fia-net.com]]></category>
		<category><![CDATA[identité visuelle]]></category>
		<category><![CDATA[kwixo]]></category>
		<category><![CDATA[marque-mère]]></category>
		<category><![CDATA[nouvelle identité]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=3598</guid>
		<description><![CDATA[Graphéine vient de réorganiser l&#8217;architecture de marque du groupe Fia-net, société qui se positionne comme le leader français des solutions de confiance pour le e-commerce et de lutte contre la fraude à la carte bancaire sur Internet. L&#8217;entreprise était arrivée à un stade où la multitude de ses services et de ses produits imposait de [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/creation-de-la-nouvelle-architecture-de-marque-du-groupe-fia-net' addthis:title='Création de la nouvelle architecture de marque du groupe FIA-NET '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>Graphéine vient de réorganiser l&#8217;architecture de marque du <a href="http://www.fia-net-group.com/">groupe Fia-net</a>, société qui se positionne comme le leader français des solutions de confiance pour le e-commerce et de lutte contre la fraude à la carte bancaire sur Internet. L&#8217;entreprise était arrivée à un stade où la multitude de ses services et de ses produits imposait de revoir la charte graphique complète du groupe. Nous avons donc conçu un système graphique qui puisse donner de la cohérence visuelle à l&#8217;ensemble, et en même temps qui permette d&#8217;opérer une distinction de ses produits au sein de la marque.</p>
<p>Ce travail c&#8217;est accompagné d&#8217;une refonte complète de l&#8217;iconographie des services Fia-net ainsi que par la création de la charte graphique du site de la marque mère, jusqu&#8217;alors inexistant.</p>
<div class="mceTemp" style="text-align: left;">
<dl id="attachment_3599" class="wp-caption alignnone" style="width: 460px;">
<dt class="wp-caption-dt"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-01.jpg"><img class="size-medium wp-image-3599" title="architecture_marque_fianet-01" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-01-450x159.jpg" alt="" width="450" height="159" /></a></dt>
<dd class="wp-caption-dd">Nouvelle architecture de marque Fia-net : chaque produit possède désormais une dénomination et un emblème distinctif. La forme &laquo;&nbsp;en goutte&nbsp;&raquo; des emblèmes renseigne sur l&#8217;appartenance des entités au même groupe. L&#8217;identité visuelle &laquo;&nbsp;Kwixo&nbsp;&raquo; a été conçue par l&#8217;agence<a href="http://seenk.com/"> Seenk</a>.</dd>
</dl>
</div>
<div id="attachment_3601" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-07.jpg"><img class="size-medium wp-image-3601" title="architecture_marque_fianet-07" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-07-450x169.jpg" alt="" width="450" height="169" /></a><p class="wp-caption-text">Avant la refonte de la charte, le système graphique était essentiellement basé sur la déclinaison chromatique du symbole de Fia-net.com</p></div>
<div id="attachment_3619" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-081.jpg"><img class="alignnone size-medium wp-image-3654" title="architecture_marque_fianet-08" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-081-450x135.jpg" alt="" width="450" height="135" /></a><p class="wp-caption-text">Création de l’identité visuelle de la Marque-mère distinctive de ses produits</p></div>
<div id="attachment_3644" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-18.jpg"><img class="size-medium wp-image-3644" title="architecture_marque_fianet-18" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-18-450x93.jpg" alt="" width="450" height="93" /></a><p class="wp-caption-text">La nouvelle marque-mère est complétée par la signature «e-solutions». Cette signature souligne l’envergure du groupe Fia-net, ainsi que sa position de leader en services de confiance en ligne</p></div>
<div id="attachment_3621" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-09.jpg"><img class="size-medium wp-image-3621" title="architecture_marque_fianet-09" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-09-450x277.jpg" alt="" width="450" height="277" /></a><p class="wp-caption-text">Nouvel emblème du système de détection de la fraude à la carte bancaire</p></div>
<div id="attachment_3620" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-101.jpg"><img class="alignnone size-medium wp-image-3655" title="architecture_marque_fianet-10" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-101-450x115.jpg" alt="" width="450" height="115" /></a><p class="wp-caption-text">Création de la nouvelle dénomination + identité visuelle de l’offre «détection de la fraude à la carte bancaire»</p></div>
<div id="attachment_3623" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-11.jpg"><img class="size-medium wp-image-3623" title="architecture_marque_fianet-11" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-11-450x277.jpg" alt="" width="450" height="277" /></a><p class="wp-caption-text">Nouvel emblème de Fia-net.com</p></div>
<div id="attachment_3622" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-121.jpg"><img class="alignnone size-medium wp-image-3656" title="architecture_marque_fianet-12" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-121-450x128.jpg" alt="" width="450" height="128" /></a><p class="wp-caption-text">Refonte du logotype sceau de confiance Fia-net.com. Fia-net.com propose un annuaire de sites marchands évalués par les acheteurs.</p></div>
<div id="attachment_3632" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-16.jpg"><img class="size-medium wp-image-3632" title="architecture_marque_fianet-16" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-16-450x302.jpg" alt="" width="450" height="302" /></a><p class="wp-caption-text">Nouveau dessin du bloc typographique fia-net.com, optimisé pour l’affichage en petites tailles du logotype et du widget</p></div>
<div id="attachment_3625" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-13.jpg"><img class="size-medium wp-image-3625" title="architecture_marque_fianet-13" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-13-450x277.jpg" alt="" width="450" height="277" /></a><p class="wp-caption-text">Emblème de Kwixo (conçu par l’agence Seenk)</p></div>
<div id="attachment_3624" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-141.jpg"><img class="alignnone size-medium wp-image-3657" title="architecture_marque_fianet-14" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-141-450x130.jpg" alt="" width="450" height="130" /></a><p class="wp-caption-text">Nouvelle identité visuelle de la solution de paiement renommée «Kwixo» conçue par l’agence Seenk</p></div>
<div id="attachment_3626" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-151.jpg"><img class="alignnone size-medium wp-image-3658" title="architecture_marque_fianet-15" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-151-450x131.jpg" alt="" width="450" height="131" /></a><p class="wp-caption-text">Refonte du label «Site Premium»</p></div>
<div id="attachment_3637" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-17.jpg"><img class="size-medium wp-image-3637" title="architecture_marque_fianet-17" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/architecture_marque_fianet-17-450x321.jpg" alt="" width="450" height="321" /></a><p class="wp-caption-text">Couverture des plaquettes commerciales certissim et fia-net.com utilisant leurs nouvelles chartes iconographiques respectives</p></div>
<div id="attachment_3610" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/visuel1.jpg"><img class="size-medium wp-image-3610" title="visuel1" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/visuel1-450x292.jpg" alt="" width="450" height="292" /></a><p class="wp-caption-text">Charte graphique du site de Fia-net group</p></div>
<div id="attachment_3611" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/visuel11.jpg"><img class="size-medium wp-image-3611" title="visuel1" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/visuel11-450x292.jpg" alt="" width="450" height="292" /></a><p class="wp-caption-text">Création de la nouvelle charte graphique du site Fia-net.com</p></div>
<p>&nbsp;</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/creation-de-la-nouvelle-architecture-de-marque-du-groupe-fia-net' addthis:title='Création de la nouvelle architecture de marque du groupe FIA-NET '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/creation-de-la-nouvelle-architecture-de-marque-du-groupe-fia-net/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>LA SIGNALÉTIQUE DU &#171;&#160;GRAND QUARTIER LATIN&#160;&#187;</title>
		<link>http://www.grapheine.com/blog/typographie/la-signaletique-du-grand-quartier-latin</link>
		<comments>http://www.grapheine.com/blog/typographie/la-signaletique-du-grand-quartier-latin#comments</comments>
		<pubDate>Sun, 04 Sep 2011 23:33:38 +0000</pubDate>
		<dc:creator>jeremie</dc:creator>
				<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[grand quartier latin]]></category>
		<category><![CDATA[identité visuelle]]></category>
		<category><![CDATA[paris campus]]></category>
		<category><![CDATA[signalétique]]></category>
		<category><![CDATA[Université]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=3402</guid>
		<description><![CDATA[En janvier 2011, nous avons été contactés par la Mairie de Paris pour réaliser une étude sur ce que pourrait être l&#8217;identité visuelle du projet de Campus universitaire dans la ville baptisé &#171;&#160;le Grand Quartier Latin&#160;&#187;. Les réflexions et recommandations présentées dans cet article sont une partie de ce rapport. Le fruit de ce travail [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/la-signaletique-du-grand-quartier-latin' addthis:title='LA SIGNALÉTIQUE DU &#171;&#160;GRAND QUARTIER LATIN&#160;&#187; '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><span><span style="font-size: small; color: #000000;"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-28.jpg"><img class="alignnone size-medium wp-image-3482" title="illus_article_GQL-28" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-28-450x424.jpg" alt="" width="450" height="424" /></a></span></span></p>
<p><span><span style="font-size: small; color: #000000;">En janvier 2011, nous avons été contactés par la Mairie de Paris pour réaliser une étude sur ce que pourrait être l&#8217;identité visuelle du projet de Campus universitaire dans la ville baptisé &laquo;&nbsp;le Grand Quartier Latin&nbsp;&raquo;. Les réflexions et recommandations présentées dans cet article sont une partie de ce rapport. Le fruit de ce travail a servi principalement à élaborer des visuels d&#8217;intentions d&#8217;aménagement urbain, présentés lors d&#8217;une conférence de presse, le 28 février 2011 à l&#8217;Hôtel de Ville de Paris par Anne Hidalgo. Depuis un marché public a été lancé par la Mairie pour désigner l&#8217;agence d&#8217;urbanisme qui aura la mission de concrétiser ce projet.</span></span></p>
<p>&nbsp;</p>
<div id="attachment_3483" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-29.jpg"><img class="size-medium wp-image-3483" title="illus_article_GQL-29" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-29-450x302.jpg" alt="" width="450" height="302" /></a><p class="wp-caption-text">&gt; Le Panthéon, centre du quartier Latin</p></div>
<p><span style="color: #ff0000; font-size: medium;"><strong><br />
1. AVANT-PROPOS<br />
<span style="font-size: small;"> L’ARCHITECTURE EST UN SIGNE</span></strong></span><br />
L’architecture marque le paysage naturel ou urbain par sa présence ineffaçable, discrète ou violente, contextuel ou en opposition.<br />
Le projet du Grand Quartier Latin témoigne d’une volonté politique exceptionnelle de modernité. Il exprime l’ambition d’un programme qui doit être visible à l’échelle du site. Il doit donc marquer le territoire. La majorité des bâtiments universitaires et culturels qu’englobe ce projet sont des monuments historiques. Ils appartiennent à notre patrimoine et demandent à être conservés, protégés ou restaurés. Nous sommes face à des signes particulièrement forts qui peuvent intimider par leur histoire et par leurs qualités architecturales.<br />
Devant autant de ches-d’œuvres, nous devons nous poser la question quant à la pertinence, dans ce projet d’ensemble, de la création d’un nouveau signe. Comment mettre en valeur la richesse de ce territoire sans en faire trop dans l’impertinence ou alors au contraire, faire peu d’audace, au risque d’entretenir ainsi l’idée que Paris serait voué à sa “muséeification” ?<br />
Avec modestie et respect, nous allons tenter de traduire et de cristalliser les enjeux du Grand Quartier Latin pour démultiplier l’impact de l’existant dans un projet global qui propose un système d’identité visuelle et de signalétique.</p>
<p>&nbsp;</p>
<p><span style="color: #ff0000; font-size: medium;"><strong>2. ANALYSE</strong></span><br />
<strong> </strong></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-01.jpg"><img class="size-medium wp-image-3446 alignnone" title="illus_article_GQL-01" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-01-450x508.jpg" alt="" width="450" height="508" /></a></p>
<p><span style="color: #ff0000;"><strong>A. UN QUARTIER, DE NOMBREUSES RÉFÉRENCES</strong></span><br />
<span style="color: #000000;"> DES PERSONNALITÉS, DES RÉFÉRENCES HISTORIQUES</span><br />
Le quartier latin est l&#8217;un des quartiers de Paris le plus connu au monde. Jazz, mai 68, intellectuels, scientifiques, poètes et artistes : son histoire en fait un lieu contestataire, romantique et cultivé.</p>
<p>DE NOMBREUX ÉTABLISSEMENTS UNIVERSITAIRES&#8230;</p>
<div id="attachment_3484" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-02.jpg"><img class="size-medium wp-image-3484" title="illus_article_GQL-02" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-02-450x266.jpg" alt="" width="450" height="266" /></a><p class="wp-caption-text">&gt; Université Paris 6 Jussieu - Université Paris-sud 11 - Université Paris-Sorbonne</p></div>
<p>DES IDENTITÉS VISUELLES VARIÉES</p>
<div id="attachment_3448" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-03.jpg"><img class="size-medium wp-image-3448 " title="illus_article_GQL-03" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-03-450x131.jpg" alt="" width="450" height="131" /></a><p class="wp-caption-text">&gt; Exemples de logos des établissements d&#39;enseignements et de recherche</p></div>
<div id="attachment_3449" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-04.jpg"><img class="size-medium wp-image-3449 " title="illus_article_GQL-04" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-04-450x127.jpg" alt="" width="450" height="127" /></a><p class="wp-caption-text">&gt; Exemples de grandes enseignes populaires et les lieux culturels </p></div>
<p><span style="color: #ff0000;"><strong>B. 1<sup>ÈRE</sup> OPTION : FAIRE ÉMERGER UN SIGNE</strong></span><br />
<strong>LE CHOIX DU NOM</strong><br />
En ce qui concerne la pertinence de la dénomination “Grand Quartier Latin”, nous pourrions regretter l’absence du terme “université” qui, proche du “university” anglo-saxons aurait permis une compréhension internationale du projet. Toutefois ce terme ne peut pas communiquer la diversité  des établissements que ce projet d’urbanisme regroupe. (bibliothèques, gymnases, théâtres, cinéma, universités&#8230;) Le choix du mot “campus” peut être une alternative intéressante.</p>
<p><strong>LE MODÈLE DU L&#8217;UNIVERSITÉ DE NEW YORK</strong><br />
Tout le monde sait décrypter l’association des initiales NY grâce au célèbre “’emblème rébus” réalisé par le graphiste américain Milton Glaser pour promouvoir le tourisme de New York City dans les années 70. Ce symbole fait partie de la culture visuelle internationale.</p>
<div id="attachment_3450" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-05.jpg"><img class="size-medium wp-image-3450 " title="illus_article_GQL-05" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-05-450x150.jpg" alt="" width="450" height="150" /></a><p class="wp-caption-text">&gt; NY = NEW YORK / NYU = NEW YORK UNIVERSITY</p></div>
<p><strong></strong><br />
À l&#8217;inverse, l&#8217;association des lettres capitales “GQL” ne renvoie à aucun sens conventionnel. Elles n’ont jamais été utilisées auparavant que ce soit à l’échelle nationale, et encore moins au niveau international, pour représenter le (Grand) Quartier Latin. Si nous voulons créer un imaginaire collectif avec ces initiales comme point de départ, il va donc falloir que la graphie de leur dessin soit étroitement liée à un symbole facilement décryptable et universel pour que les deux entités finissent par être indissociables.</p>
<div id="attachment_3454" class="wp-caption alignleft" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-07.jpg"><img class="size-medium wp-image-3454" title="illus_article_GQL-07" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-07-450x142.jpg" alt="" width="450" height="142" /></a><p class="wp-caption-text">&gt; Recherches de ligatures entre les lettres G, Q et L</p></div>
<div id="attachment_3453" class="wp-caption alignnone" style="width: 460px"><img class="size-medium wp-image-3453 " title="illus_article_GQL-06" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-06-450x102.jpg" alt="" width="450" height="102" /><p class="wp-caption-text">&gt; Exemples de logos utilisants l&#39;initiale du nom de la marque pour créer un symbole figuratif</p></div>
<p><strong>MONOGRAMME DES INITIALES &laquo;&nbsp;G&nbsp;&raquo; &laquo;&nbsp;Q&nbsp;&raquo; &amp; &laquo;&nbsp;L&nbsp;&raquo; : LA PISTE &laquo;&nbsp;CLÉ&nbsp;&raquo;</strong><br />
Dans l&#8217;optique de réaliser une piste à partir de l&#8217;acronyme &laquo;&nbsp;GQL&nbsp;&raquo;, nous proposons un jeu typographique où l&#8217;association des initiales dessine un symbole évocateur : Une clé qui ouvre à la connaissance, libère la curiosité et donne des responsabilités. Une loupe qui localise le quartier et qui oriente. Un globe terrestre qui symbolise la connaissance, l’ouverture et l’ambition d’universalité.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-08.jpg"><img class="size-medium wp-image-3455 alignnone" title="illus_article_GQL-08" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-08-450x555.jpg" alt="" width="450" height="555" /></a></p>
<p><strong>LES LIMITES DE CETTE PISTE</strong><br />
Nous ne sommes pas dans la situation d’une marque commerçante qui a besoin d’imposer un signe graphique pour réaliser du merchandising, mais dans celle d’un territoire qui cherche à mettre en valeur ses qualités intrasèques. Imiter les codes publicitaires des grandes marques ne rendrait pas hommage à la richesse de son histoire culturelle, ni à son aspiration à devenir un grand Campus universitaire. De plus, le quartier est déjà saturé de signes : architectures, monuments, enseignes commerciales, signalisation routière&#8230;</p>
<p>Nous pensons qu’un emblème créé sur le principe d’un monogramme ou relevant de la stylisation graphique d’un symbole (ici la clé), ne remplit pas ce rôle signalétique à l’échelle du territoire. Il faut donc réaliser un système visuel qui puisse à la fois remplir son rôle identitaire (qui saura efficacement représenter et communique le projet qu’il symbolise) et qui puisse aussi mettre en valeur par sa présence, toute une série de lieux qu’il va devoir mettre sous son autorité bienveillante en tant que projet politique de valorisation global. C’est cette mission de signalisation de l’existant qui exige de réfléchir à un autre registre d’identité visuelle que du simple “branding”.</p>
<div id="attachment_3456" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-09.jpg"><img class="size-medium wp-image-3456 " title="illus_article_GQL-09" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-09-450x137.jpg" alt="" width="450" height="137" /></a><p class="wp-caption-text">&gt; Nous constatons bien que l&#39;association de ce logotype avec celui d&#39;un établissement d&#39;enseignement ne permet pas d&#39;indiquer clairement un rapport de hiérarchie entre les deux entités. En utilisant le même principe graphique symbole + typographie, nous répétons un schéma qui ne nous permet pas de valoriser l&#39;établissement universitaire, nous y rajoutons même de la confusion.</p></div>
<p><span style="color: #ff0000; font-size: medium;"> <strong> 3. NOS RECOMMANDATIONS</strong></span><br />
<strong> </strong></p>
<p><span style="color: #ff0000;"><strong>A. UNE PROPOSITION POUR SE DÉMARQUER : “LE GRAND QUARTIER LATIN” EN VERBES</strong></span><br />
Composé en bas de casse avec un caractère sans empattements, il contraste avec les traditionnelles inscriptions lapidaires romanes qui ornent les monuments, ainsi qu’avec les typographies Art nouveau dessinées par Hector Guimard pour le métro. Nous utilisons aussi cette typographie pour inscrire une liste de verbes qui évoquent l’emploi du temps des étudiants. Composés en cadre autour de la dénomination “Le Grand Quartier Latin” ils dessinent un nuage. Il auréole la dénomination du projet, et transmet dans le même geste l’esprit stimulant et les multiples facettes du Grand Quartier Latin.</p>
<p>Ce “nuage de verbes” dessine le contexte du bloc “marque” et créer un deuxième niveau de lisibilité qui permet à la fois une perception lointaine du passant à l’échelle de la ville et une lecture proche pour celui qui y est confronté depuis la rue. En habillant les façades, les verbes insufflent l’énergie de la vie quotidienne estudiantine et réveillent la pierre et le marbre sanctuaire<em> !</em></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-10.jpg"><img class="size-medium wp-image-3457 alignnone" title="illus_article_GQL-10" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-10-450x534.jpg" alt="" width="450" height="534" /></a></p>
<p><span style="color: #ff0000;"><strong>B. UN LOGO SIGNALÉTIQUE POUR ORIENTER ET INFORMER</strong></span><br />
Partant des principes mêmes d’une signalétique ( signaler, orienter, informer&#8230; ), le bloc typographique se transforme en système de fléchage.<br />
Cette lettre-flèche va constituer l’élément de base d’une signalétique discrète et codifiée qui va pouvoir s’inscrire sur le territoire sans perturber l’authenticité des lieux.</p>
<p><img class="size-medium wp-image-3458 alignnone" title="illus_article_GQL-11" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-11-450x313.jpg" alt="" width="450" height="313" /></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-13.jpg"><img class="size-medium wp-image-3461 alignnone" title="illus_article_GQL-13" src="http://www.grapheine.com/blog/wp-content/uploads/2011/08/illus_article_GQL-13-450x194.jpg" alt="" width="450" height="194" /></a></p>
<p><span style="color: #ff0000;"><strong>C. LE CADRE MODULABLE</strong></span><br />
Nous proposons un système déclinable plutôt qu&#8217;un logo figé. Un cadre qui magnifie et met en valeur l&#8217;existant. Un système visuel qui s&#8217;affirme dans sa propre charte graphique, mais qui va aussi pouvoir s&#8217;adapter à des systèmes graphiques préexistants et indépendants. Il vient alors s&#8217;accoler et cadrer d&#8217;autres identités graphiques  (établissements, événements culturels,&#8230;) sans leur voler la vedette. C&#8217;est un logo ouvert qui délimite une zone, sans fermer et qui permet la circulation. Des coins qui s&#8217;ouvrent pour communiquer les volontés d&#8217;ouverture et d&#8217;expansion.<br />
C&#8217;est un label.<br />
Cette identité visuelle est un système évolutif et déclinable. Elle peut fonctionner comme emblème/logotype et aussi comme signalétique, car sa forme est adaptable sur l&#8217;existant<br />
(papeterie / mobilier / architecture&#8230;).</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-14.jpg"><img class="size-medium wp-image-3462 alignnone" title="illus_article_GQL-14" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-14-450x282.jpg" alt="" width="450" height="282" /></a><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-15.jpg"><img class="alignnone size-medium wp-image-3463" title="illus_article_GQL-15" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-15-450x113.jpg" alt="" width="450" height="113" /></a></p>
<div id="attachment_3464" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-18.jpg"><img class="size-medium wp-image-3464" title="illus_article_GQL-18" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-18-450x200.jpg" alt="" width="450" height="200" /></a><p class="wp-caption-text">&gt; Cette gamme de pictogrammes a pour vocation de compléter et enrichir la charte graphique du grand quartier latin. Nous les retrouverons sur les panneaux de signalétiques pour indiquer des lieux sur le plan... Ils permettent de faire la lumière sur l&#39;offre et le dynamisme du projet.</p></div>
<p>&nbsp;</p>
<div id="attachment_3465" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-17.jpg"><img class="size-medium wp-image-3465  " title="illus_article_GQL-17" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-17-450x584.jpg" alt="" width="450" height="584" /></a><p class="wp-caption-text">&gt; Reprise d&#39;une affiche du festival artistique étudiant &quot;Ici et maintenant&quot; pour illustrer le principe de labellisation sur les affiches de manifestations dont Le Grand Quartier Latin serait partenaire.</p></div>
<p><strong>UN LOGO “PLUGIN”</strong> En agissant comme un label, le logo se “plugger” sur l&#8217;existant (ex : panneaux des rues) et évite ainsi de devoir créer une nouvelle et coûteuse signalisation du territoire.<strong><br />
DES RUBANS ADHÉSIFS &laquo;&nbsp;BRANDÉS&nbsp;&raquo;</strong> Ils permettront aux commerçants, galeristes, étudiants, établissements sportifs(&#8230;) de revendiquer leur appartenance au projet. Ils pourront aisément marquer eux-mêmes leurs vitrines, leurs classeurs&#8230; et ainsi être des acteurs du rayonnement du campus.<strong><br />
MOBILIER URBAIN</strong> Des bancs qui reprennent la forme du logo pourront être réalisés pour créer des espaces de convivialité et d&#8217;échange. Ils seront implantés sur les places, près des lampadaires, des fontaines et des arbres.</p>
<div id="attachment_3468" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-20.jpg"><img class="size-medium wp-image-3468" title="illus_article_GQL-20" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-20-450x508.jpg" alt="" width="450" height="508" /></a><p class="wp-caption-text">&gt; Un &quot;totem plan&quot; pour se repérer et s&#39;orienter</p></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="attachment_3471" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-21.jpg"><img class="size-medium wp-image-3471" title="illus_article_GQL-21" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-21-450x291.jpg" alt="" width="450" height="291" /></a><p class="wp-caption-text">&gt; Des bancs pour favoriser les rencontres et échanges, et aussi renforcer la visibilité du projet sur le territoire</p></div>
<div id="attachment_3472" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-22.jpg"><img class="size-medium wp-image-3472" title="illus_article_GQL-22" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-22-450x569.jpg" alt="" width="450" height="569" /></a><p class="wp-caption-text">&gt; possibilité de marquage au sol - adhésif pour utilisation des vitrines commerçantes...</p></div>
<div id="attachment_3473" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-23.jpg"><img class="size-medium wp-image-3473" title="illus_article_GQL-23" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-23-450x282.jpg" alt="" width="450" height="282" /></a><p class="wp-caption-text">&gt; intégration du principe signalétique du cadre modulaire sur l&#39;architecture</p></div>
<p><strong>SI LA DÉNOMINATION DU PROJET CHANGE</strong><br />
Cette version du logotype sert à valider le concept graphique dans un projet encore en gestation. Nous anticipons une éventuelle modification de la dénomination du projet avec l’utilisation du terme «campus» à la place de «Grand».</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-24.jpg"><img class="alignnone size-medium wp-image-3474" title="illus_article_GQL-24" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-24-450x212.jpg" alt="" width="450" height="212" /></a></p>
<p><strong>ICONOGRAPHIE ACCOMPAGNANT CETTE PISTE</strong><br />
Pour humaniser les supports d’édition émis pour communiquer le projet du Grand Quartier Latin, nous pouvons utiliser une iconographie qui serait constituée de photographies d’étudiants mimant le principe de l’identité visuelle en dessinant un cadre avec leurs doigts.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-25.jpg"><img class="alignnone size-medium wp-image-3475" title="illus_article_GQL-25" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-25-450x513.jpg" alt="" width="450" height="513" /></a></p>
<p><strong>PARIS CAMPUS</strong><br />
Dans une vision plus large du projet de campus universitaire parisien englobant d’autres sites universitaires (ex: Paris-Condorcet) il sera envisagé d’intégrer le projet «Grand Quartier Latin» sous la dénomination générique plus large de «Paris Campus». L’identité visuelle de «Grand Quartier Latin» devient donc un prolongement de celle de «Paris Campus».</p>
<div id="attachment_3476" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-26.jpg"><img class="size-medium wp-image-3476" title="illus_article_GQL-26" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-26-450x154.jpg" alt="" width="450" height="154" /></a><p class="wp-caption-text">&gt; Le logotype &quot;PARIS CAMPUS&quot; &gt; La double signature PARIS CAMPUS /LE GRAND QUARTIER LATIN &gt; Le Cadre «3 coins» PARIS CAMPUS /LE GRAND QUARTIER LATIN tel qu&#39;il apparait sur les panneaux plan.</p></div>
<p>&nbsp;</p>
<p><span style="font-size: medium; color: #ff0000;"><strong>4. CAMPAGNE DE NOTORIÉTÉ “HALL OF FAME, Vous êtes au cœur des savoirs”</strong></span><br />
Ces affiches présentent des personnages célèbres et historiques du quartier. Ils ont écrit la mythologie et l’imaginaire qui vient à notre esprit quand nous pensons à la “rive gauche” ou à “St Germain des Prés”. Ils sont les modèles des étudiants d’aujourd’hui.<br />
Ces affiches mettent en scène l’identité visuelle et un verbe ou un aphorisme qui en même temps de révéler une facette de l’icône, donne le ton d’une certaine “façon de vivre” qui est celle du quartier latin.</p>
<div id="attachment_3485" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-30.jpg"><img class="size-medium wp-image-3485" title="illus_article_GQL-30" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-30-450x196.jpg" alt="" width="450" height="196" /></a><p class="wp-caption-text">&gt; ambassadeurs emblématiques de l’agitation, de l’émulation et des possibilités offertes par ce quartier.</p></div>
<p><span style="font-size: medium;"><strong><span style="color: #ff0000;"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-27.jpg"><img class="alignnone size-medium wp-image-3477" title="illus_article_GQL-27" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/illus_article_GQL-27-450x282.jpg" alt="" width="450" height="282" /></a><br />
</span></strong></span></p>
<p><span style="font-size: medium;"><strong><span style="color: #ff0000;"><br />
5. VISUELS DE LA CONFÉRENCE DE PRESSE DU 28/02/11   </span></strong></span><span style="color: #000000; background-color: #888888; font-size: x-small;"><br />
</span><span style="font-size: xx-small;">CRÉDITS PHOTOS APUR / PHILIPPE DRANCOURT ET GRAPHÉINE</span></p>
<div id="attachment_3486" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/IMG104.jpg"><img class="size-medium wp-image-3486" title="IMG104" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/IMG104-450x177.jpg" alt="" width="450" height="177" /></a><p class="wp-caption-text">&gt; Place Jussieu, un espace public multiservices pour les étudiants.</p></div>
<div id="attachment_3487" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/IMG105.jpg"><img class="size-medium wp-image-3487" title="IMG105" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/IMG105-450x297.jpg" alt="" width="450" height="297" /></a><p class="wp-caption-text">&gt; Rue de l’école de médecine, reconquête de l’espace public au sein du quartier latin historique.</p></div>
<div id="attachment_3488" class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/09/IMG106.jpg"><img class="size-medium wp-image-3488" title="IMG106" src="http://www.grapheine.com/blog/wp-content/uploads/2011/09/IMG106-450x230.jpg" alt="" width="450" height="230" /></a><p class="wp-caption-text">&gt; Berges de Seine, un espace nouveau destiné à la communauté universitaire et ouvert à tous pour échanger, travailler, s’informer grâce à des cartographies numériques.</p></div>
<p>Vous trouverez des informations supplémentaires sur ce projet de campus parisien sur le site de Paris.fr :<br />
<a href="http://www.paris.fr/accueil/paris-mag/un-grand-quartier-latin-pour-les-etudiants/rub_9683_actu_97596_port_23863">un-grand-quartier-latin-pour-les-etudiants</a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/la-signaletique-du-grand-quartier-latin' addthis:title='LA SIGNALÉTIQUE DU &laquo;&nbsp;GRAND QUARTIER LATIN&nbsp;&raquo; '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/la-signaletique-du-grand-quartier-latin/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FestiVal de Marne, 25 ans déjà !</title>
		<link>http://www.grapheine.com/blog/typographie/festival-de-marne-25-ans-deja</link>
		<comments>http://www.grapheine.com/blog/typographie/festival-de-marne-25-ans-deja#comments</comments>
		<pubDate>Fri, 08 Jul 2011 14:20:26 +0000</pubDate>
		<dc:creator>jeremie</dc:creator>
				<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[Festival de marne]]></category>
		<category><![CDATA[festival de marne mascotte musique illustration]]></category>
		<category><![CDATA[festival de musique]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=3307</guid>
		<description><![CDATA[Jamais trois sans quatre ! Graphéine signe pour la quatrième année consécutive le visuel de l&#8217;affiche du Festi&#8217;Val de Marne. Visuel anniversaire qui célèbrera sa 25e édition ! Le blog est déjà en ligne &#62; http://blog.festivaldemarne.org/ Pour redécouvrir les visuels des années précédentes : visuel festival de marne 2008 visuel festival de marne 2009 visuel [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/festival-de-marne-25-ans-deja' addthis:title='FestiVal de Marne, 25 ans déjà ! '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div id="attachment_3311" class="wp-caption alignleft" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/07/logo25ans_festivaldemarne-01.jpg"><img class="size-medium wp-image-3311" title="logo25ans_festivaldemarne-01" src="http://www.grapheine.com/blog/wp-content/uploads/2011/07/logo25ans_festivaldemarne-01-450x250.jpg" alt="" width="450" height="250" /></a><p class="wp-caption-text">l&#39;emblème des 25 ans du festival avec le childemarne !</p></div>
<p>Jamais trois sans quatre !<br />
Graphéine signe pour la quatrième année consécutive le visuel de l&#8217;affiche du Festi&#8217;Val de Marne. Visuel anniversaire qui célèbrera sa 25e édition !<br />
Le blog est déjà en ligne &gt;<a href="http://blog.festivaldemarne.org/"> http://blog.festivaldemarne.org/</a></p>
<div class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/07/fille_tambourin_FVM11-02.jpg"><img title="fille_tambourin_FVM11-02" src="http://www.grapheine.com/blog/wp-content/uploads/2011/07/fille_tambourin_FVM11-02-450x376.jpg" alt="" width="450" height="376" /></a><p class="wp-caption-text">Le visuel (sexy !) de l&#39;affiche du Festival de marne 2011</p></div>
<div class="wp-caption alignnone" style="width: 460px"><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/07/11pgtemp2306.jpg"><img title="11pgtemp2306" src="http://www.grapheine.com/blog/wp-content/uploads/2011/07/11pgtemp2306-450x360.jpg" alt="" width="450" height="360" /></a><p class="wp-caption-text">La page temporaire du site internet du festival de marne</p></div>
<p>Pour redécouvrir les visuels des années précédentes :<br />
<a href="http://www.grapheine.com/blog/affiches/affiche-du-festival-de-marne">visuel festival de marne 2008</a><br />
<a href="http://www.grapheine.com/blog/affiches/affiche-festival-de-marne-09">visuel festival de marne 2009</a><br />
<a href="http://www.grapheine.com/blog/divers/creation-affiche-festival-de-marne-2010">visuel festival de marne 2010</a></p>
<p>&nbsp;</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/festival-de-marne-25-ans-deja' addthis:title='FestiVal de Marne, 25 ans déjà ! '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/festival-de-marne-25-ans-deja/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>LE CARACTÈRE “AKIYAMA”</title>
		<link>http://www.grapheine.com/blog/typographie/typographie-japonnaise</link>
		<comments>http://www.grapheine.com/blog/typographie/typographie-japonnaise#comments</comments>
		<pubDate>Wed, 08 Jun 2011 15:02:42 +0000</pubDate>
		<dc:creator>nans</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[editions]]></category>
		<category><![CDATA[identité visuelle]]></category>
		<category><![CDATA[kanjis]]></category>
		<category><![CDATA[lettrage]]></category>
		<category><![CDATA[livre]]></category>
		<category><![CDATA[manga]]></category>
		<category><![CDATA[nobi nobi !]]></category>
		<category><![CDATA[tamago]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=3228</guid>
		<description><![CDATA[Conception d’un lettrage pour l’adaptation française aux éditions Nobi Nobi! des livres japonais “Tamagonichan”. Nous avons voulu respecter au maximum le travail de l’auteur Tadashi Akiyama en interprétant le plus fidèlement possible le dessin original de ses “kanjis” tracés à main levée. La plupart des signes a été prévu dans de multiples versions pour renforcer [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/typographie-japonnaise' addthis:title='LE CARACTÈRE “AKIYAMA” '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-012.jpg"><img class="alignnone size-medium wp-image-3232" title="Impression" src="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-012-450x382.jpg" alt="" width="450" height="382" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-021.jpg"><img class="alignnone size-medium wp-image-3233" title="Impression" src="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-021-450x265.jpg" alt="" width="450" height="265" /></a></p>
<p>Conception d’un lettrage pour l’adaptation française aux éditions Nobi Nobi! des livres japonais “<em>Tamagonichan</em>”.<br />
Nous avons voulu respecter au maximum le travail de l’auteur Tadashi Akiyama en interprétant le plus fidèlement possible le dessin original de ses “kanjis” tracés à main levée. La plupart des signes a été prévu dans de multiples versions pour renforcer la singularité des titres et assurer le rythme de leur composition.<br />
<a href="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-03.jpg"><img class="alignnone size-medium wp-image-3234" title="Impression" src="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-03-450x423.jpg" alt="" width="450" height="423" /></a><br />
Couvertures originales des éditions japonaises.<br />
<a href="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-04.jpg"><img class="alignnone size-medium wp-image-3235" title="Impression" src="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-04-450x286.jpg" alt="" width="450" height="286" /></a><br />
Le lettrage original “<em>Tamagonichan</em>”(pour la version japonaise) et sa traduction graphique latine “<em>Tamago</em>”.<br />
<a href="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-05.jpg"><img class="alignnone size-medium wp-image-3236" title="Impression" src="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-05-450x331.jpg" alt="" width="450" height="331" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-06.jpg"><img class="alignnone size-medium wp-image-3237" title="Impression" src="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-06-450x300.jpg" alt="" width="450" height="300" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-07.jpg"><img class="alignnone size-medium wp-image-3238" title="Impression" src="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-07-450x302.jpg" alt="" width="450" height="302" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-08.jpg"><img class="alignnone size-medium wp-image-3239" title="Impression" src="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-08-450x280.jpg" alt="" width="450" height="280" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-09.jpg"><img class="alignnone size-medium wp-image-3240" title="Impression" src="http://www.grapheine.com/blog/wp-content/uploads/2011/06/blog-typo-akiyama-1200px-09-450x229.jpg" alt="" width="450" height="229" /></a><br />
Les deux premiers titres sortis pour Pâques 2011.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/typographie-japonnaise' addthis:title='LE CARACTÈRE “AKIYAMA” '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/typographie-japonnaise/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Identité tricentenaire de Rousseau</title>
		<link>http://www.grapheine.com/blog/typographie/identite-rousseau-2012</link>
		<comments>http://www.grapheine.com/blog/typographie/identite-rousseau-2012#comments</comments>
		<pubDate>Fri, 20 May 2011 08:03:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[AFFICHES]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=3024</guid>
		<description><![CDATA[En 2012, la Région Rhône-Alpes fêtera le tricentenaire de la naissance de Jean-Jacques Rousseau (né le 28 juin 1712). Pour la région, cet anniversaire est l’occasion unique de rappeler les liens étroits qui l’unissent au célèbre penseur. Jean-Jacques Rousseau est sans doute l’un des écrivains itinérants qui a séjourné le plus longtemps sur le territoire qui correspond aujourd’hui à la région Rhône-Alpes. C'est un penseur aux centres d’intérêts multiples : philosophie, politique, littérature, musique, éducation, écologie, étude de l’homme… Témoin précieux de son temps, il est aussi d’une grande modernité, d’une grande actualité dans les questionnements qui traversent son œuvre : égalité et inégalités, liberté, respect de la nature… autant de thèmes qui sont au cœur des débats d’aujourd’hui.<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-rousseau-2012' addthis:title='Identité tricentenaire de Rousseau '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>En 2012, la Région Rhône-Alpes fêtera le tricentenaire de la naissance de Jean-Jacques Rousseau (né le 28 juin 1712). Pour la région, cet anniversaire est l’occasion unique de rappeler les liens étroits qui l’unissent au célèbre penseur. Jean-Jacques Rousseau est sans doute l’un des écrivains itinérants qui a séjourné le plus longtemps sur le territoire qui correspond aujourd’hui à la région Rhône-Alpes. C&#8217;est un penseur aux centres d’intérêts multiples : philosophie, politique, littérature, musique, éducation, écologie, étude de l’homme… Témoin précieux de son temps, il est aussi d’une grande modernité, d’une grande actualité dans les questionnements qui traversent son œuvre : égalité et inégalités, liberté, respect de la nature… autant de thèmes qui sont au cœur des débats d’aujourd’hui.</p>
<p>En dehors des manifestations qu’elle organise, la Région Rhône-Alpes aura vocation à accompagner les projets, à fédérer et apporter de la cohérence à la programmation. Un appel d&#8217;offres a donc été lancé afin de positionner la Région Rhône-Alpes comme chef de file cette année Rousseau 2012 en créant une identité visuelle ( logo/label ) facilement déclinable sur tous supports. Voici le projet (non retenu) que nous avions présenté.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-recherches-logo.jpg"><img class="alignnone size-full wp-image-3027" title="Rousseau-2012-recherches-logo" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-recherches-logo.jpg" alt="Recherches identité visuelle" width="450" height="110" /></a></p>
<p><strong>Recherches</strong> : Contrairement à d&#8217;autres célébrités du 18e siècle (Mozart, Voltaire&#8230;), on s&#8217;est vite rendu compte du peu <a title="Portrait Rousseau" href="http://www.google.fr/search?um=1&amp;hl=fr&amp;biw=1432&amp;bih=737&amp;site=search&amp;tbm=isch&amp;sa=1&amp;q=portrait+jean-jacques+rousseau&amp;aq=f&amp;aqi=&amp;aql=&amp;oq=">d&#8217;iconographie sur Rousseau</a>. Bref, pas d&#8217;images à se mettre sous la souris !</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-typo-dessins-logo.jpg"><img class="alignnone size-full wp-image-3028" title="Rousseau-2012-typo-dessins-logo" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-typo-dessins-logo.jpg" alt="" width="450" height="152" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-typographic-letters.jpg"><img class="alignnone size-full wp-image-3029" title="Rousseau-2012-typographic-letters" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-typographic-letters.jpg" alt="Croquis recherche logo design" width="450" height="128" /></a></p>
<p><img class="size-full wp-image-3031 alignleft" style="margin-top: 0px; margin-bottom: 0px; margin-left: 5px; margin-right: 5px;" title="Rousseau-one+one" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-one+one.jpg" alt="Less is More One and One" width="125" height="63" /></p>
<p>On est donc parti sur une piste typographique. En imbriquant 2012 avec Rousseau, on obtient un raccourci visuel très impactant qui s’inscrit dans la continuité du logo typographique de la région. La modernité des idées de Rousseau est mise en avant à travers l’utilisation de codes visuels simples et contemporains (typographie modulaire, effet pochoir, transparence). La simplicité du signe est compréhensible internationalement.</p>
<p><img class="alignnone size-medium wp-image-3026" title="Rousseau-2012-en-rhone-alpes-logo" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-en-rhone-alpes-logo-450x276.jpg" alt="Identité visuelle Rousseau 2012 logo typographique" width="450" height="276" /></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/rousseau-gamme-plaquettes.jpg"><img title="rousseau-gamme-plaquettes" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/rousseau-gamme-plaquettes-450x276.jpg" alt="Création plaquette culturelle" width="450" height="276" /></a></p>
<p>On l&#8217;a vu, il existe très peu de portraits de Rousseau, et ce sont principalement des gravures. Ce mode de représentation évoque directement la littérature de son époque. Des jeux de cadrages, des zooms laissant apparaitre la trame apportent un traitement contemporain aux images.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-affiche-typographique.jpg"><img class="alignnone size-medium wp-image-3025" title="Rousseau-2012-affiche-typographique" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-affiche-typographique-450x276.jpg" alt="Affiche Rousseau 2012 typographique" width="450" height="276" /></a></p>
<p>1 an pour parcourir 3 siècles de rêveries d’un penseur visionnaire&#8230; <strong>et sinon vous faites quoi ce dimanche ? </strong><br />
Il s&#8217;agit de prendre un ton résolument complice afin de démystifier le sujet.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-affiche-composition-typographie.jpg"><img title="Rousseau-2012-affiche-composition-typographie" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/Rousseau-2012-affiche-composition-typographie-450x276.jpg" alt="Font-design poster with type" width="450" height="276" /></a></p>
<p>Il s’agit d’interpréter les grandes idées de Rousseau à travers des compositions typographiques assurément contemporaines. Cela pouvant faire office de campagne &laquo;&nbsp;teasing&nbsp;&raquo; pour le lancement de l&#8217;opération.</p>
<p><strong><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/rousseau-campagne-de-pub-hd.jpg"><img class="alignnone size-full wp-image-3093" title="rousseau-campagne-pub" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/rousseau-campagne-pub.jpg" alt="Campagne de publicité pour événement culturel et littéraire" width="450" height="213" /></a></strong></p>
<p><strong>Ci-dessus :</strong> Principe de cartes postales publicitaires illustrant les grands sujets abordés par le philosophe ( Écologie, morale, &#8230;).</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/rousseau-logo-rubans.jpg"><img class="alignnone size-full wp-image-3090" title="rousseau-logo-rubans en papier" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/rousseau-logo-rubans.jpg" alt="design visual identity with paper" width="450" height="152" /></a></p>
<p><strong>Déclinaison</strong> : ici nous proposons de jouer avec la matière première (au sens propre) de la littérature de Rousseau : le papier. Chaque lettre apparait dans un jeu de pliage astucieux. On pourrait presque imaginer réaliser le logo en vrai. Naturellement ludique et festive, cette déclinaison induit un principe modulaire facilement déclinable.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/rousseau-affiche-rubans.jpg"><img class="alignnone size-medium wp-image-3091" title="rousseau-affiche-rubans" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/rousseau-affiche-rubans-450x276.jpg" alt="modern poster with type design" width="450" height="276" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-rousseau-2012' addthis:title='Identité tricentenaire de Rousseau '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/identite-rousseau-2012/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Graphisme Turc</title>
		<link>http://www.grapheine.com/blog/typographie/graphisme-turc</link>
		<comments>http://www.grapheine.com/blog/typographie/graphisme-turc#comments</comments>
		<pubDate>Wed, 04 May 2011 15:42:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[AFFICHES]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[center]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[istanbul]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=3044</guid>
		<description><![CDATA[Heureusement, au détour d'une ruelle, je tombe sur "Istanbul Design Center". C'est à la fois une école d'art appliqué, un lieu d'expositions, de workshops, de conférences, une maison d'édition... bref certainement ce que je cherchais !
Quelques affiches exaltent ma curiosité ! Malheureusement, j'ai dû passer en dehors des horaires d'ouverture... pas un seul étudiant, juste un professeur de calligraphie qui me propose de repasser la semaine suivante... sniff... C'est donc de retour en France que je me renseigne sur ce lieu... et y découvre une communication étonnante réalisée par le fondateur de ce lieu : Faruk Akın ( avec un "ı" sans point ! comme dans notre logo Graphéıne ! :-) )<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/graphisme-turc' addthis:title='Graphisme Turc '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>Profitant d&#8217;un séjour à Istanbul, je me suis intéressé au graphisme local&#8230; Évidemment je me suis goinfré de mosquées multimillénaires, de palais orientaux et de senteurs épicés, mais je vais garder la séance &laquo;&nbsp;<em>diaporama touristique</em>&nbsp;&raquo; pour ma belle famille. Concernant le design graphique, ce fut d&#8217;abord une déception. L&#8217;espace public regorge d&#8217;images publicitaires totalement anarchiques, mais rien de vraiment local, on est dans des codes visuels à la sauce occidentale. Et comme l&#8217;alphabet turc est un dérivé de l&#8217;alphabet latin, c&#8217;est pas très dépaysant&#8230; ( Au passage, cet alphabet à une histoire étonnante que je tacherais de vous  raconter prochainement. )</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/istanbul-font-safari-typo.jpg"><img class="alignnone size-medium wp-image-3045" title="istanbul-font-safari-typo" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/istanbul-font-safari-typo-450x260.jpg" alt="graphisme en turquie" width="450" height="260" /></a></p>
<p>Bref, mis à part quelques pictogrammes étonnants, quelques enseignes typographiques et un <a title="sosie de Dominique Strauss-Kahn DSK" href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/dominique-strauss-khan-sosie-turc.jpg">sosie turc de DSK</a>,  rien qui ne puisse combler ma curiosité.</p>
<p>Heureusement, au détour d&#8217;une ruelle, je tombe sur &laquo;&nbsp;<a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/istanbul-tasarim-merkezi.jpg">Istanbul Design Center</a>&laquo;&nbsp;. C&#8217;est à la fois une école d&#8217;art appliqué, un lieu d&#8217;expositions, de workshops, de conférences, une maison d&#8217;édition&#8230; bref certainement ce que je cherchais !<br />
Quelques affiches exaltent ma curiosité !<br />
Malheureusement, j&#8217;ai dû passer en dehors des horaires d&#8217;ouverture&#8230; pas un seul étudiant, juste un professeur de calligraphie qui me propose de repasser la semaine suivante&#8230; sniff&#8230; C&#8217;est donc de retour en France que je me renseigne sur ce lieu et découvre une communication étonnante réalisée par le fondateur de ce lieu : <a title="Design Center Istanbul" href="http://www.farukakin.com/">Faruk Akın</a> ( avec un &laquo;&nbsp;ı&nbsp;&raquo; sans point ! comme dans notre logo Graphéıne ! <img src='http://www.grapheine.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  )</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/identity-center-design-logo.jpg"><img class="alignnone size-full wp-image-3048" title="identity-center-design-logo" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/identity-center-design-logo.jpg" alt="" width="450" height="158" /></a></p>
<p>Les différentes activités du centre sont déclinées de manière très sobre autour du croissant lunaire ( que l&#8217;on retrouve au sommet de chaque mosquée ). Je tâcherais de revenir sur l&#8217;histoire de ce croissant de lune, symbole universel de l&#8217;Islam, né sur les rives du Bosphore à l&#8217;époque où Istanbul s&#8217;appelait encore Byzance !</p>
<p>Voici donc les affiches du centre&#8230; toujours de Faruk Akın ! Je crois qu&#8217;en tant que fondateur du centre, il se fait plaisir ! Dans un esprit minimaliste et coloré, son travail revisite les symboles locaux&#8230;</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/poster-design-center-istanbul.jpg"><img class="alignnone size-full wp-image-3049" title="poster-design-center-istanbul-450" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/poster-design-center-istanbul-450.jpg" alt="" width="450" height="790" /></a></p>
<p>Sur son site, on peut  retrouver <a title="Affiches Istanbul Center" href="http://www.farukakin.com/default.asp?lang=eng&amp;cat=poster">une trentaine d&#8217;autres affiches</a> ! Dont quelques images politiques&#8230;</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/free-palestine-poster.jpg"><img class="alignnone size-medium wp-image-3051" title="free-palestine-poster" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/free-palestine-poster-450x157.jpg" alt="Affiche paix palestine" width="450" height="157" /></a></p>
<p>Et enfin, la rubrique <a href="http://www.farukakin.com/default.asp?lang=eng&amp;cat=islamic">d&#8217;Art Islamic</a>, simplement magnifique ! Une interprétation contemporaine de la tradition calligraphique ancéstrale ! Exactement ce que mon œil recherchait !</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/islamic-art-calligraphy-moderne.jpg"><img title="islamic-art-calligraphy-moderne" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/islamic-art-calligraphy-moderne-450x533.jpg" alt="" width="450" height="533" /><br />
</a><br />
<a href="http://www.grapheine.com/blog/wp-content/uploads/2011/05/728_55649530_3.jpg"><img class="size-thumbnail wp-image-3053 alignleft" title="Faruk AKIN Architecture Design et Art" src="http://www.grapheine.com/blog/wp-content/uploads/2011/05/728_55649530_3-250x250.jpg" alt="" width="120" height="120" /></a>Le monsieur est prolixe dans tous les domaines : Architecture, design, mode, graphisme, peinture, caricatures&#8230; Alors, comme son logo nous invite à la faire, allez jeter un œil sur son site internet :</p>
<p><a href="http://www.farukakin.com">http://www.farukakin.com</a></p>
<p>&nbsp;</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/graphisme-turc' addthis:title='Graphisme Turc '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/graphisme-turc/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Nouveau logo (surprise) des éditions nobi nobi !</title>
		<link>http://www.grapheine.com/blog/typographie/nouveau-logo-surprise-des-editions-nobi-nobi</link>
		<comments>http://www.grapheine.com/blog/typographie/nouveau-logo-surprise-des-editions-nobi-nobi#comments</comments>
		<pubDate>Sun, 03 Apr 2011 19:39:39 +0000</pubDate>
		<dc:creator>jeremie</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[lifting logo]]></category>
		<category><![CDATA[nobi nobi !]]></category>
		<category><![CDATA[poisson d'avril]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=2852</guid>
		<description><![CDATA[Il y a deux jours, nobi nobi ! (éditeur d'albums jeunesses illustrés, inspirés par le Japon et dont nous avons créé l'identité visuelle) nous a fait une peur bleue en dévoilant sur son compte facebook un nouveau logo censé célébrer leur 1 an d'existence.
Et bien sûr la liste de commentaires qui en a résulté avec des réactions surprenantes... et d'autres réconfortantes ;)<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/nouveau-logo-surprise-des-editions-nobi-nobi' addthis:title='Nouveau logo (surprise) des éditions nobi nobi ! '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>Il y a deux jours, <a href="http://nobi-nobi.fr/">nobi nobi !</a> (éditeur d&#8217;albums jeunesses illustrés, inspirés par le Japon et dont nous avons créé l&#8217;identité visuelle) nous a fait une peur bleue en dévoilant sur son <a href="http://www.facebook.com/#!/0nobi.nobi">compte facebook</a> un nouveau logo censé célébrer leur 1 an d&#8217;existence :<img class="alignnone size-medium wp-image-2853" title="logopoissondavril_nobi_joke" src="http://www.grapheine.com/blog/wp-content/uploads/2011/04/logopoissondavril_nobi_joke-450x293.png" alt="" width="450" height="293" /><br />
Et bien sûr la liste de commentaires qui en a résulté avec des réactions surprenantes&#8230; et d&#8217;autres réconfortantes <img src='http://www.grapheine.com/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p><img class="alignnone size-full wp-image-2858" title="nobi_commentaires_flou" src="http://www.grapheine.com/blog/wp-content/uploads/2011/04/nobi_commentaires_flou.png" alt="" width="436" height="1667" /></p>
<p>Heureusement, ceci s&#8217;est avéré être un gros poisson d&#8217;avril !<br />
Pour découvrir la ligne graphique que nous avons réalisée pour nobi nobi ! <a href="http://www.grapheine.com/blog/divers/nobi-nobi-se-livre">c&#8217;est ici.</a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/nouveau-logo-surprise-des-editions-nobi-nobi' addthis:title='Nouveau logo (surprise) des éditions nobi nobi ! '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/nouveau-logo-surprise-des-editions-nobi-nobi/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Identité Auditorium Orchestre National de Lyon</title>
		<link>http://www.grapheine.com/blog/typographie/identite-auditorium-orchestre-national-de-lyon</link>
		<comments>http://www.grapheine.com/blog/typographie/identite-auditorium-orchestre-national-de-lyon#comments</comments>
		<pubDate>Tue, 15 Feb 2011 22:48:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[SALON DES REFUSÉS]]></category>
		<category><![CDATA[classique]]></category>
		<category><![CDATA[identité visuelle]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[musique]]></category>
		<category><![CDATA[orchestre]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=2608</guid>
		<description><![CDATA[Il y a quelques semaines, nous étions invités à présenter un projet pour l&#8217;identité visuelle de l&#8217;Auditorium Orchestre National de Lyon. Pour présenter brièvement, il s&#8217;agit à la fois d&#8217;un Orchestre National Symphonique de 102 musiciens professionnels et d&#8217;une salle, l&#8217;Auditorium de Lyon, une énorme coquille St Jacques de Béton datant de 1975 construite au cœur [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-auditorium-orchestre-national-de-lyon' addthis:title='Identité Auditorium Orchestre National de Lyon '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/02/logo-auditorium-lyon.jpg"><img class="alignnone size-medium wp-image-2613" style="border: 0px initial initial;" title="logo-auditorium-lyon" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/logo-auditorium-lyon-450x276.jpg" alt="Projet de logo pour l'Auditorium Orchestre National de Lyon" width="450" height="276" /></a></p>
<p>Il y a quelques semaines, nous étions invités à présenter un projet pour l&#8217;identité visuelle de <a href="http://www.onl.fr" target="_blank">l&#8217;Auditorium Orchestre National de Lyon</a>. Pour présenter brièvement, il s&#8217;agit à la fois d&#8217;un Orchestre National Symphonique de 102 musiciens professionnels et d&#8217;une salle, l&#8217;Auditorium de Lyon, une énorme coquille St Jacques de Béton datant de 1975 construite au cœur du quartier de la Part-Dieu. Les deux entités Auditorium et Orchestre National de Lyon sont indissociables. L’Orchestre est résident permanent de la salle depuis 1975. L’Auditorium-Orchestre national de Lyon produit dans ce lieu la plupart de ses concerts et accueille des formations invitées. L&#8217;arrivée d&#8217;un nouveau chef d&#8217;orchestre ( Leonard Slatkin ) et les évolutions de la structure administrative sont l&#8217;occasion de renouveler l&#8217;identité visuelle de l&#8217;établissement. Malheureusement, ce projet ne sera pas retenu.</p>
<p><img class="alignnone size-full wp-image-2618" title="décomposition-du-logo" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/décomposition-du-logo.jpg" alt="" width="450" height="272" /></p>
<div id="_mcePaste"><strong>1 : DEUX ENTITÉS SONT INDISSOCIABLES : </strong>Le «A» et le «O» sont rassemblés au sein d’un cercle. Symboliquement le «A» de Auditorium accueille le «O» d’Orchestre et inversement. Le décalage des deux lettres produit un effet d’optique qui donne une impression de mouvement au signe. La goutte du «a» pouvant être le point de départ d’une spirale imaginaire.</div>
<div id="_mcePaste"><strong><br />
2 : LA GOUTTE : </strong>Empattement typographique qui évoque un certain classicisme.</div>
<p><strong>3 : LE CERCLE : </strong>Fais écho à la forme intérieure et extérieure de la salle, cela peut également évoquer une note de musique. On peut extrapoler jusqu’à voir des ondes musicales qui se propagent</p>
<p><strong>4 : LA TYPOGRAPHIE : </strong>Le Newut, a été dessiné par André Baldinger en 2000. Il s&#8217;inscrit dans la continuité des caractères universalistes. Il en possède les qualités : lignes claires et précises, tracé classique, proportions équilibrées, formes ouvertes (assurant une bonne lisibilité en petits corps), adaptable à de multiples supports.</p>
<p>Le Newut a toutefois une particularité qui l’en distingue : ses capitales sont réduites à la hauteur des bas de casse. Cela permet de conserver leur dessin «monumental» (car elles proviennent des inscriptions lapidaires romaines) tout en approchant ce qui fait l’intérêt majeur des minuscules : leur lisibilité. En mélangeant les deux formes, le Newut atteint un équilibre qui lui permet d’être utilisé à la fois pour des textes courants (plaquette, formulaire) et comme caractère de titrage (affiche, couvertures).</p>
<p><strong>UN RYTHME</strong> : En reprenant l’idée de lettres coupée, on donne un rythme aux mots&#8230; comme si certaines lettres étaient plus rapides ou plus lentes que d’autres&#8230;  En plus de la mixité capitales-minuscules, ces coupures verticales la rendent immédiatement identifiable, en totale cohérence avec le signe.</p>
<p><strong>5 : LE PLUS</strong> : Renforce l’idée d’association un lieu + un orchestre !</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/02/cartes-visite-Auditorium-orchestre.jpg"><img class="alignnone size-medium wp-image-2611" title="cartes-visite-Auditorium-orchestre" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/cartes-visite-Auditorium-orchestre-450x276.jpg" alt="Design cartes de visite identité visuelle Orchestre National" width="450" height="276" /></a></p>
<p>Le logo devient l’élément central de la communication.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/02/Programme-auditorium-4501.jpg"><img class="alignnone size-full wp-image-2633" title="Programme-auditorium-450" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/Programme-auditorium-4501.jpg" alt="Design Graphique Programme Orchestre Musique Classique" width="450" height="305" /></a></p>
<p>Principe visuel reprenant le concept du logo : deux images se confrontent afin de créer du sens. &laquo;&nbsp;Partager plus que de la Musique&nbsp;&raquo; deviendrait le slogan. On partage des moments de communion, d’exaltation, de découverte, de joie&#8230;</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/02/Affiches-auditorium-musique-classique1.jpg"><img class="alignnone size-full wp-image-2621" title="Affiches-auditorium-musique-classique-450" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/Affiches-auditorium-musique-classique-450.jpg" alt="Affiche identité visuelle Orchestre National Musique Classique" width="450" height="295" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/02/auditorium-affiche-enfants.jpg"><img class="alignnone size-medium wp-image-2632" title="auditorium-affiche-enfants" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/auditorium-affiche-enfants-450x276.jpg" alt="" width="450" height="276" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/02/street-marketing-auditorium2.jpg"><img class="alignnone size-medium wp-image-2620" title="street-marketing-auditorium2" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/street-marketing-auditorium2-450x276.jpg" alt="" width="450" height="276" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/02/Affiches-auditorium-musique-classique.jpg"><img class="alignnone size-medium wp-image-2609" title="Affiches-auditorium-musique-classique" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/Affiches-auditorium-musique-classique-450x276.jpg" alt="L'Amérique affiche leonard Slatkin Chef Ochestre" width="450" height="276" /></a></p>
<p>En parallèle de ce travail, nous avions présenté une déclinaison de cette identité visuelle à partir de compositions typographiques.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/02/Affiches-typographiques.jpg"><img class="alignnone size-medium wp-image-2626" title="Affiches-typographiques" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/Affiches-typographiques-450x206.jpg" alt="" width="450" height="206" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/02/Affiche-amérique-classique-drapeau.jpg"><img class="alignnone size-medium wp-image-2624" title="Affiche-amérique-classique-drapeau" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/Affiche-amérique-classique-drapeau-450x318.jpg" alt="" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2011/02/affiche-offenbach-orchestre1.jpg"><img class="alignnone size-medium wp-image-2625" title="affiche-offenbach-orchestre" src="http://www.grapheine.com/blog/wp-content/uploads/2011/02/affiche-offenbach-orchestre1-450x318.jpg" alt="" width="450" height="318" /></a></p>
<p>Crédit photo : Auditorium Orchestre National de Lyon, Julien Blanchet et DR.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-auditorium-orchestre-national-de-lyon' addthis:title='Identité Auditorium Orchestre National de Lyon '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/identite-auditorium-orchestre-national-de-lyon/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Charte graphique Villa Cathala</title>
		<link>http://www.grapheine.com/blog/typographie/charte-graphique-villa-cathala</link>
		<comments>http://www.grapheine.com/blog/typographie/charte-graphique-villa-cathala#comments</comments>
		<pubDate>Tue, 14 Dec 2010 08:48:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=2457</guid>
		<description><![CDATA[Voici l'identité visuelle que nous avons réalisée pour la Villa Cathala - Maison des Arts et des Associations de Noisy-Le-Grand. Il s'agit d'une villa Florentine du XIXe siècle récemment réaménagée pour accueillir ses nouvelles fonctions ( Maison des associations, expositions, rencontres... )<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/charte-graphique-villa-cathala' addthis:title='Charte graphique Villa Cathala '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/12/cathala-logo.jpg"><img class="alignnone size-medium wp-image-2460" title="cathala-logo" src="http://www.grapheine.com/blog/wp-content/uploads/2010/12/cathala-logo-450x276.jpg" alt="Identité visuelle d'un établissement culturel maison des associations" width="450" height="276" /></a></p>
<p>Voici l&#8217;identité visuelle que nous avons réalisée pour la Villa Cathala &#8211; Maison des Arts et des Associations de Noisy-Le-Grand. Il s&#8217;agit d&#8217;une villa Florentine du XIXe siècle récemment réaménagée pour accueillir ses nouvelles fonctions ( Maison des associations, expositions, rencontres&#8230; )</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/12/cathala-affiche1.jpg"><img class="alignnone size-medium wp-image-2462" title="cathala-affiche" src="http://www.grapheine.com/blog/wp-content/uploads/2010/12/cathala-affiche1-450x222.jpg" alt="Charte graphique affiche maison des associations" width="450" height="222" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/12/cathala-3wk1.jpg"><img class="alignnone size-medium wp-image-2461" title="cathala-3wk" src="http://www.grapheine.com/blog/wp-content/uploads/2010/12/cathala-3wk1-450x222.jpg" alt="Potser et invitation pour week-end inauguration sculpture" width="450" height="222" /></a></p>
<p>Ci-dessus :Charte d&#8217;affiches et programme d&#8217;inauguration</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/charte-graphique-villa-cathala' addthis:title='Charte graphique Villa Cathala '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/charte-graphique-villa-cathala/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>création typographique Paris Métropole</title>
		<link>http://www.grapheine.com/blog/typographie/creation-typographique-paris-metropole</link>
		<comments>http://www.grapheine.com/blog/typographie/creation-typographique-paris-metropole#comments</comments>
		<pubDate>Tue, 16 Nov 2010 13:19:26 +0000</pubDate>
		<dc:creator>jeremie</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[Paris]]></category>
		<category><![CDATA[paris métropole]]></category>
		<category><![CDATA[unicase]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=2410</guid>
		<description><![CDATA[Il y a quelques semaines nous avons participé à une consultation lancée par Paris Métropole (rassemblement de collectivités dans le but de trouver des réponses aux défis sociaux, économiques, environnementaux de leur territoire partagé). Ce projet prévoyait de renforcer l&#8217;identité visuelle que nous leur avions réalisée par la mise en place d&#8217;une charte graphique qui [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/creation-typographique-paris-metropole' addthis:title='création typographique Paris Métropole '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/11/blog_logo_PM.jpg"><img class="alignnone size-medium wp-image-2411" title="blog_logo_PM" src="http://www.grapheine.com/blog/wp-content/uploads/2010/11/blog_logo_PM-450x161.jpg" alt="" width="450" height="161" /></a></p>
<p>Il y a quelques semaines nous avons participé à une consultation lancée par Paris Métropole (rassemblement de collectivités dans le but de trouver des réponses aux défis sociaux, économiques, environnementaux de leur territoire partagé). Ce projet prévoyait de renforcer l&#8217;identité visuelle que nous leur avions réalisée par la mise en place d&#8217;une charte graphique qui puisse permettre de faire la communication et la signalétique d&#8217;une exposition, la création de son catalogue, l&#8217;exécution de leurs brochures et rapports annuels, ainsi que la refonte de leur site internet. Ouf, rien que ça !</p>
<p>Pas évident de se lancer dans un appel d&#8217;offre (non indemnisé) de cet envergure, surtout avec un client que nous pensions acquis. Avec le peu de temps dont nous disposions pour remettre notre dossier, nous avons donc choisi de leur proposer un outil transversal, quelque chose qui puisse répondre à cette problématique d&#8217;identité visuelle multi-support et en même temps assurer la filiation avec le travail déjà réaliser avec le logotype et rassurer le client sur la pertinence de notre proposition. Nous tenions vraiment à développer et gérer nous-même l&#8217;image que nous avions élaboré, mais vous vous doutez bien que cela ne s&#8217;est passé exactement selon nos espérances.</p>
<p>Visualisation du nouveau dessin typographique</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/11/blog_logoavantapres_PM.jpg"><img class="alignnone size-medium wp-image-2412" title="blog_logoavantapres_PM" src="http://www.grapheine.com/blog/wp-content/uploads/2010/11/blog_logoavantapres_PM-450x331.jpg" alt="" width="450" height="331" /></a></p>
<p>La typographie «Paris Métropole»<br />
C&#8217;est une typographie unicase avec une graisse prononcée. Elle est destinée pour la composition de titres, inter-titres, verbatims et l’inscription signalétique (enseignes, fléchages, expositions&#8230;)</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/11/blog_typo_PM.jpg"><img class="alignnone size-medium wp-image-2413" title="blog_typo_PM" src="http://www.grapheine.com/blog/wp-content/uploads/2010/11/blog_typo_PM-450x421.jpg" alt="" width="450" height="421" /></a></p>
<p>Nous avons donc créer la typographie &laquo;&nbsp;Paris Métropole&nbsp;&raquo;. Elle est issue  du caractère typographique que nous avons dessiné pour le logo. Nous  sommes d&#8217;abord intervenus sur le logo que nous avions réalisé pour Paris  Métropole pour apporter quelques corrections au bloc typographique et  amélioration le dessin du lettrage. Il était nécessaire de revoir  légèrement l&#8217;intégration des bas de casses avec les capitales. Nous  avons obtenu un dessin typographique plus exigent et plus juste qui nous  a permis de réaliser une police de caractères complète.<br />
Finalement nous n&#8217;avons pas remporté le marché en tant que tel,  toutefois nous avons su convaincre notre client de la pertinence d&#8217;avoir  cette typographie dans sa charte graphique.<br />
à bientôt donc pour voir l&#8217;utilisation qui en aura été faite !</p>
<p>Utilisation de la typographie métropole pour composer le titre et les thématiques de l’exposition</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/11/blog_110initiatives_PM.jpg"><img class="alignnone size-medium wp-image-2420" title="blog_110initiatives_PM" src="http://www.grapheine.com/blog/wp-content/uploads/2010/11/blog_110initiatives_PM-450x270.jpg" alt="" width="450" height="270" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/creation-typographique-paris-metropole' addthis:title='création typographique Paris Métropole '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/creation-typographique-paris-metropole/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Lifting du logo de la Flûte de Pan</title>
		<link>http://www.grapheine.com/blog/typographie/lifting-du-logo-de-la-flute-de-pan</link>
		<comments>http://www.grapheine.com/blog/typographie/lifting-du-logo-de-la-flute-de-pan#comments</comments>
		<pubDate>Mon, 18 Oct 2010 16:58:10 +0000</pubDate>
		<dc:creator>marius</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=2357</guid>
		<description><![CDATA[Relooking du logo de "La Flute de Pan" : une célébre boutique de partitions musicales à Paris.<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/lifting-du-logo-de-la-flute-de-pan' addthis:title='Lifting du logo de la Flûte de Pan '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><img title="flute de pan" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/flutdepan.png" alt="logo flute de pan" width="450" height="2980" /></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/lifting-du-logo-de-la-flute-de-pan' addthis:title='Lifting du logo de la Flûte de Pan '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/lifting-du-logo-de-la-flute-de-pan/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Signalétique Aéroport de Lyon</title>
		<link>http://www.grapheine.com/blog/typographie/signaletique-aeroport-lyon</link>
		<comments>http://www.grapheine.com/blog/typographie/signaletique-aeroport-lyon#comments</comments>
		<pubDate>Tue, 12 Oct 2010 11:15:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[anamorphose]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=2308</guid>
		<description><![CDATA[Voici le projet ( non-retenu... sniff...) que nous avions présenté lors de la consultation pour la "Conception d'un territoire de communication pour le Terminal 3" de l'aéroport Lyon St-Exupéry. Pour anticiper l’essor du trafic low cost, Aéroports de Lyon a entreprit l’extension des infrastructures du Terminal 3. Dans ce cadre, un nouveau bâtiment va être construit. Situé sur les pistes, il sera rejoint par une galerie aérienne puis souterraine. Un des enjeux de cet appel d'offre était la scénarisation de la galerie de liaison. L'objectif étant de créer un espace agréable, rassurant, divertissant  et permettant de diminuer la perception de durée du parcours ( 250 mètres ).<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/signaletique-aeroport-lyon' addthis:title='Signalétique Aéroport de Lyon '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>Voici le projet ( non retenu&#8230; ) que nous avions présenté lors de la consultation pour la &laquo;&nbsp;Conception d&#8217;un territoire de communication pour le Terminal 3&#8243; de l&#8217;aéroport Lyon St-Exupéry.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-new-terminal.jpg"><img title="st-exupery-new-terminal" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-new-terminal.jpg" alt="" width="450" height="254" /></a></p>
<p><strong>Contexte</strong> : Pour anticiper l’essor du trafic low cost, Aéroport de Lyon a entrepris l’extension des infrastructures du Terminal 3. Dans ce cadre, un nouveau bâtiment va être construit. Ce Satellite, situé sur les pistes, sera rejoint par une galerie aérienne puis souterraine. Un des enjeux de cet appel d&#8217;offres était la<strong> scénarisation de la galerie de liaison</strong>. L&#8217;objectif étant de créer un espace agréable, rassurant, divertissant  et permettant de diminuer la perception de durée du parcours ( 250 mètres ).</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-le-monde-commence-ici.jpg"><img class="alignnone size-full wp-image-2312" title="st-exupery-le-monde-commence-ici" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-le-monde-commence-ici.jpg" alt="" width="450" height="107" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-le-monde-commence-ici.jpg"></a><img class="alignnone size-full wp-image-2311" title="st-exupery-le-monde-commence-ici_2" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-le-monde-commence-ici_2.jpg" alt="" width="450" height="97" /></p>
<div id="_mcePaste">Notre stratégie est d&#8217;imaginer un design narratif dont le résumé serait &laquo;&nbsp;<strong>Le monde commence ici</strong>&laquo;&nbsp;.<br />
Si dans le vocabulaire aéroportuaire un satellite définit un bâtiment annexe destiné à l&#8217;embarquement des passagers, dans le vocabulaire commun, il s&#8217;agit d&#8217;un astre en orbite autour d&#8217;un astre plus massif. Le parcours du Terminal 3 actuel jusqu&#8217;au satellite, bien qu&#8217;il soit de quelques centaines de mètres, peut s&#8217;envisager comme un voyage de la terre à la lune, ou plus concrètement, comme un voyage de Lyon vers le monde (imaginaire). Le satellite représentant symboliquement la destination rêvée, un lieu de surprises et de fantasmes.</div>
<div>
<div>Cette histoire se déroule sur toute la longueur de la galerie, elle débute à &laquo;&nbsp;Lyon aujourd&#8217;hui&nbsp;&raquo; et glisse progressivement vers &laquo;&nbsp;un monde imaginaire&nbsp;&raquo;.</div>
</div>
<div><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-new-terminal-2.jpg"><img class="alignnone size-full wp-image-2313" style="border: 0px initial initial;" title="st-exupery-new-terminal-2" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-new-terminal-2.jpg" alt="" width="428" height="110" /></a></div>
<div>Afin de diminuer la sensation de durée du parcours, nous proposons d&#8217;utiliser les principes de l&#8217;<strong>art cinétique et optique</strong>, à savoir jouer sur esthétique du mouvement : déplacement du voyageur, mouvement de l&#8217;oeuvre ( escalator ) , variation de l&#8217;éclairage…. Ainsi, pour découvrir l&#8217;histoire qui va lui être racontée, le voyageur est invité à se déplacer, à être en mouvement.</div>
<p>Les différentes étapes du voyage seront identifiées à travers d’immenses <strong>anamorphoses</strong>. En avançant, l’anamorphose se déconstruisant, une sensation de vitesse apparaitra, la notion du temps et de l&#8217;espace s&#8217;en trouvera poétiquement altérée, réduisant par la même occasion la sensation de durée du parcours.</p>
<p><strong>La Galerie aérienne : </strong>Lyon aujourd&#8217;hui&#8230;</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphose.jpg"><img class="alignnone size-medium wp-image-2316" title="st-exupery-signaletique-anamorphose" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphose-light.jpg" alt="Anamorphose géante signalétique aéroport de Lyon St Exupéry" width="450" height="276" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses2.jpg"><img class="alignnone size-medium wp-image-2315" title="st-exupery-signaletique-anamorphoses2" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses2-light.jpg" alt="Principe visuel communication aéroport de Lyon" width="450" height="276" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses3-light.jpg"><img class="alignnone size-medium wp-image-2314" title="st-exupery-signaletique-anamorphoses3" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses3-light.jpg" alt="" width="450" height="276" /></a></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-ex-450-lyon.swf" /><embed type="application/x-shockwave-flash" width="450" height="300" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-ex-450-lyon.swf"></embed></object></p>
<p><strong>La Galerie souterraine : </strong>le monde imaginaire&#8230;</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses-monde-1.jpg"><img class="alignnone size-full wp-image-2324" title="st-exupery-signaletique-anamorphoses-monde-1-light" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses-monde-1-light.jpg" alt="" width="450" height="277" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses-monde-2.jpg"><img class="alignnone size-medium wp-image-2326" title="st-exupery-signaletique-anamorphoses-monde-2" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses-monde-2-450x276.jpg" alt="Effet anamorphose habillage visuel mur" width="450" height="276" /></a></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="277" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-ex-450-world.swf" /><embed type="application/x-shockwave-flash" width="450" height="277" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-ex-450-world.swf"></embed></object></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses-monde-3.jpg"><img class="alignnone size-full wp-image-2322" style="border: 0px initial initial;" title="st-exupery-signaletique-anamorphoses-monde-3light" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses-monde-3light.jpg" alt="Sticker mural Signalétique décoration murale" width="450" height="277" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses-monde-4.jpg"><img class="alignnone size-full wp-image-2320" title="st-exupery-signaletique-anamorphoses-monde-4light" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-anamorphoses-monde-4light.jpg" alt="Graphisme frise mur chinoise " width="450" height="277" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-fleches.jpg"><img class="alignnone size-medium wp-image-2332" title="st-exupery-signaletique-fleches" src="http://www.grapheine.com/blog/wp-content/uploads/2010/10/st-exupery-signaletique-fleches-450x276.jpg" alt="système de signalétique directionnelle" width="450" height="276" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/signaletique-aeroport-lyon' addthis:title='Signalétique Aéroport de Lyon '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/signaletique-aeroport-lyon/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Juste bonjour&#8230;</title>
		<link>http://www.grapheine.com/blog/typographie/pasta-typography</link>
		<comments>http://www.grapheine.com/blog/typographie/pasta-typography#comments</comments>
		<pubDate>Wed, 04 Aug 2010 21:03:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[pasta font]]></category>
		<category><![CDATA[typographie de pates]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=2105</guid>
		<description><![CDATA[C&#8217;est le 4 août, Paris a perdu ses Parisiens&#8230; il ne se passe plus rien : en ville comme sur le web ! &#8230;alors on s&#8217;amuse comme on peut en vérifiant l&#8217;interlettrage de la prochaine salade de pâtes !<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/pasta-typography' addthis:title='Juste bonjour&#8230; '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/08/Lettre-a-manger-typo.jpg"><img class="alignnone size-medium wp-image-2106" title="Lettre-a-manger-typo" src="http://www.grapheine.com/blog/wp-content/uploads/2010/08/Lettre-a-manger-typo-450x281.jpg" alt="" width="450" height="281" /></a></p>
<p>C&#8217;est le 4 août, Paris a perdu ses Parisiens&#8230;<br />
il ne se passe plus rien : en ville comme sur le web !<br />
&#8230;alors on s&#8217;amuse comme on peut en vérifiant l&#8217;interlettrage<br />
de la prochaine salade de pâtes !</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/pasta-typography' addthis:title='Juste bonjour&#8230; '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/pasta-typography/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Nouveau logo Google</title>
		<link>http://www.grapheine.com/blog/typographie/new-logo-google</link>
		<comments>http://www.grapheine.com/blog/typographie/new-logo-google#comments</comments>
		<pubDate>Wed, 05 May 2010 02:28:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1913</guid>
		<description><![CDATA[Quelque chose d'étrange se passe ... Google semble avoir changé son logo depuis peu ?<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/new-logo-google' addthis:title='Nouveau logo Google '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/05/google-new-logo1.jpg"><img class="alignnone size-full wp-image-1916" title="google-new-logo" src="http://www.grapheine.com/blog/wp-content/uploads/2010/05/google-new-logo1.jpg" alt="new logo google history nouveau logotype" width="450" height="450" /></a></p>
<p>Quelque chose d&#8217;étrange se passe &#8230; Google semble avoir changé son logo depuis peu&#8230; mais pas partout. En effet, j&#8217;ai croisé ce logo sur la version française du site, mais pas sur les autres langues. Je pencherais donc pour un <em>logo en tes</em>t utilisé dans une nouvelle interface qui apparaîtra à l&#8217;occasion des 10 ans de la firme.</p>
<p>En tout cas, ça ne peut pas faire de mal à ce logo web 0.0 que l&#8217;on connait depuis bientôt 10 ans de se refaire une petite beauté. Tchao les ombres portées, presque-bye-bye les effets de volume et bonjour les couleurs retrouvées ! Mis côte à côte, on se rend soudainement compte que l&#8217;ancien logo était bien terne&#8230;<br />
N&#8217;aillait cependant pas croire que je fais l&#8217;éloge de ce logo, car il reste &#8230; euh&#8230; faible ( J&#8217;utilise cet euphémisme pour m&#8217;éviter de dire nul, a chié, inintéressant, niveau débutant, etc&#8230; )</p>
<p>En fait, je ne pensais pas qu&#8217;il y avait quelqu&#8217;un qui  ai signé ce travail, et qui puisse le présenter sur son portfolio ( cf: <a href="http://www.kedardesigns.com/google_01.shtml" target="_blank">http://www.kedardesigns.com</a>). J&#8217;étais resté sur la légende de Sergey Brin (le co-fondateur de Google ) qui ne sachant pas quoi faire le dimanche soir de la semaine précédant la mise en ligne du site de la future plus grosse entreprise du monde, s&#8217;amusait sur GIMP 1 ( ancêtre gratuit de photoshop ). En fait, ce soir-là, Sergey avait fait la version Beta du logo. C&#8217;est deux jours plus tard que Ruth Kedar ( alors professeur de Design à Standford ) lui a tiré les oreilles pour avoir utilisé une typo système ! Elle a donc proposé une typo inconnue au bataillon : La Catull.</p>
<p>Bref, tout ça pour dire, qu&#8217;il faudra peut-être attendre les 20 ans de Google, pour aboutir a un logo aussi classe que celui de Fedex ou d&#8217;IBM.</p>
<p><strong>PS:</strong> Vous noterez, que lorsque l&#8217;on tape une mauvaise URL ( ex: <a title="Faux logo" href="http://www.google.fr/faux_logo " target="_blank">http://www.google.fr/faux_logo </a>) on obtient un logo inconnu au bataillon composé en Times !</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/05/error-google-logo.jpg"><img class="alignnone size-full wp-image-1917" title="error-google-logo" src="http://www.grapheine.com/blog/wp-content/uploads/2010/05/error-google-logo.jpg" alt="error bad logo google" width="272" height="71" /></a></p>
<p><strong>PS 2 :</strong> Pendant que j&#8217;y suis, j&#8217;en profite pour parler de la favicon de Google. La favicon, c&#8217;est la petite icône à gauche de l&#8217;URL dans la barre d&#8217;adresse de votre navigateur. C&#8217;est un &laquo;&nbsp;g&nbsp;&raquo; dans un carré avec 4 zones de couleurs. Je trouve que cela évoque de façon subliminale le logo Windows. Faut-il pour autant y voir là une conspiration ?  :-)</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/05/FAVICON-google-microsoft-windows.jpg"><img class="alignnone size-full wp-image-1914" title="FAVICON-google-microsoft-windows" src="http://www.grapheine.com/blog/wp-content/uploads/2010/05/FAVICON-google-microsoft-windows.jpg" alt="google logo vs microsoft windows logo" width="450" height="450" /></a></p>
<p><strong>PS3 </strong>: Parce que c&#8217;est pas bien de critiquer sans être constructif, je me suis toujours demandé pourquoi Google n&#8217;utilisait pas les lettres de son nom pour dessiner une paire de Goggles ( =  lunettes de plongée, un instrument indispensable lorsque l&#8217;on surf dans l&#8217;océan d&#8217;internet ) . En effet, le double &laquo;&nbsp;o&nbsp;&raquo; ou même le &laquo;&nbsp;g&nbsp;&raquo; minuscule pourraient évoquer naturellement cette paire de Google.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/new-logo-google' addthis:title='Nouveau logo Google '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/new-logo-google/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Logo: Peugeot vs Citroën vs Renault</title>
		<link>http://www.grapheine.com/blog/typographie/logo-peugeot-vs-citroen</link>
		<comments>http://www.grapheine.com/blog/typographie/logo-peugeot-vs-citroen#comments</comments>
		<pubDate>Sat, 13 Mar 2010 15:48:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[logos de voitures]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1719</guid>
		<description><![CDATA[On va croire qu&#8217;on ne parle que de logos de voitures sur ce blog&#8230; On va croire qu&#8217;on fait une « fixette » sur le logo Peugeot&#8230; mais tant pis, je me lance&#8230; En trois ans, les trois constructeurs Français ont revu leurs identités visuelles : Renault en 2007, Citroën en 2008, et Peugeot en 2009. Quelle étrange impression [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/logo-peugeot-vs-citroen' addthis:title='Logo: Peugeot vs Citroën vs Renault '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>On va croire qu&#8217;on ne parle que de <a href="http://www.grapheine.com/blog/graphisme/nouveau-logo-peugeot" target="_blank">logos de voitures</a> sur ce blog&#8230;<br />
On va croire qu&#8217;on fait une « fixette » sur <a href="http://www.grapheine.com/blog/graphisme/un-lion-est-mort-hier-soir">le logo Peugeot&#8230; </a><br />
mais tant pis, je me lance&#8230;</p>
<p>En trois ans, les trois constructeurs Français ont revu leurs identités visuelles : Renault en 2007, Citroën en 2008, et Peugeot en 2009.</p>
<p>Quelle étrange impression au final : du chrome, du chrome et du chromé&#8230;<br />
Quand je pense qu&#8217;il y a des agences qui ont dues leur vendre pour un max de « kopeks » la garantie d&#8217;un nouveau logo dynamique, futuriste, rassurant et surtout un positionnement « original » et « novateur » vis-à-vis de ses deux autres concurrents&#8230; je &#8230; euh&#8230; je rigole&#8230; Par exemple, les nouveaux chevrons Citroën on étés dessinés par une agence qui s&#8217;appelle &laquo;&nbsp;Landor&nbsp;&raquo;. Il doit s&#8217;agir d&#8217;un métaphore de l&#8217;effet qu&#8217;ils font sur leurs clients&#8230;  3 effets photoshop, pas mal de bleuf et hop hop on l&#8217;endors le client &#8230;</p>
<p>Pour se convaincre que leur génome est commun, faisons quelques petits mélanges&#8230;</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/03/peugeot-citroen-renault1.jpg"><img class="alignnone size-medium wp-image-1722" title="logo-peugeot-citroen-renault" src="http://www.grapheine.com/blog/wp-content/uploads/2010/03/peugeot-citroen-renault1-449x118.jpg" alt="" width="449" height="118" /></a></p>
<p>Cependant, pour relativiser, il faut quand même se souvenir que Citroën et Peugeot font partie du même groupe PSA, ce qui pourrait expliquer que l&#8217;effet &laquo;&nbsp;Chromé tout mou façon T1000 dans Terminator 3&#8243; soit le même. Et je ne parle pas des choix typographiques&#8230;</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/03/peugeot-citroen.jpg"><img title="logo-peugeot-citroen" src="http://www.grapheine.com/blog/wp-content/uploads/2010/03/peugeot-citroen-450x154.jpg" alt="" width="450" height="154" /></a></p>
<p>Et comme on risque de nous traiter d&#8217;antipatriotiques, voici une liste des logos de voitures chromés. Saurez-vous retrouver les rares marques qui n&#8217;ont pas eu recours à cet artifice ?<br />
&#8230; Et c&#8217;est sans vous parler des logos de voitures composés avec un cercle ( cercle protecteur ou métaphore de la roue ?  ). Bref, sans vouloir me lancer dans une critique en règle de tel ou tel logo, ce que je trouve regrettable, c&#8217;est cette uniformisation qui aboutit tristement à l&#8217;appauvrissement des signes qui composent notre paysage graphique.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/03/logo-voitures.jpg"><img class="alignnone size-medium wp-image-1723" title="logo-voitures" src="http://www.grapheine.com/blog/wp-content/uploads/2010/03/logo-voitures-450x259.jpg" alt="" width="450" height="259" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/logo-peugeot-vs-citroen' addthis:title='Logo: Peugeot vs Citroën vs Renault '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/logo-peugeot-vs-citroen/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Identité Fédération Française des Écoles de Cirque</title>
		<link>http://www.grapheine.com/blog/typographie/identite-federation-francaise-des-ecoles-de-cirque</link>
		<comments>http://www.grapheine.com/blog/typographie/identite-federation-francaise-des-ecoles-de-cirque#comments</comments>
		<pubDate>Tue, 02 Mar 2010 15:37:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[SALON DES REFUSÉS]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1704</guid>
		<description><![CDATA[Projet non retenu pour l&#8217;identité visuelle de la FFEC ( Fédération Française des Écoles de Cirque). En principe, ne nous répondons jamais à une appel d&#8217;offre non rémunéré, mais pour la FFEC, le sujet étant vraiment plaisant, nous n&#8217;avions pas résisté à l&#8217;envie de leur présenter ce principe d&#8217;identité &#171;&#160;modulable&#160;&#187;. Des initiales &#171;&#160;FFEC&#160;&#187;, nous conservons [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-federation-francaise-des-ecoles-de-cirque' addthis:title='Identité Fédération Française des Écoles de Cirque '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>Projet non retenu pour l&#8217;identité visuelle de la FFEC ( Fédération Française des Écoles de Cirque). En principe, ne nous répondons jamais à une appel d&#8217;offre non rémunéré, mais pour la FFEC, le sujet étant vraiment plaisant, nous n&#8217;avions pas résisté à l&#8217;envie de leur présenter ce principe d&#8217;identité &laquo;&nbsp;modulable&nbsp;&raquo;. Des initiales &laquo;&nbsp;FFEC&nbsp;&raquo;, nous conservons les barres verticales ( éléments commun à toutes les lettres ) et nous y associons des éléments graphiques ( ronds, carrés, triangles, étoiles ) qui viennent identifier chaque lettres. Ces formes géométriques viennent symboliser l&#8217;ensemble des disciplines des arts du cirque ( Triangle = équilibre, Rond = Jonglage, &#8230; ). Ainsi le logo n&#8217;a pas nécessairement une disposition fixe, les éléments peuvent se combiner à l&#8217;infini ( dans les formes et les couleurs ) pour composer l&#8217;identité visuelle.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/03/fede_francaise_ecole_cirque_mat.gif"><img class="alignnone size-full wp-image-1705" title="logo cirque" src="http://www.grapheine.com/blog/wp-content/uploads/2010/03/fede_francaise_ecole_cirque_mat.gif" alt="" width="450" height="205" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/03/fede_francaise_ecole_cirque_mat.jpg"><img class="alignnone size-full wp-image-1706" title="charte graphique cirque" src="http://www.grapheine.com/blog/wp-content/uploads/2010/03/fede_francaise_ecole_cirque_mat.jpg" alt="" width="450" height="376" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-federation-francaise-des-ecoles-de-cirque' addthis:title='Identité Fédération Française des Écoles de Cirque '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/identite-federation-francaise-des-ecoles-de-cirque/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>La typographie et le CSS</title>
		<link>http://www.grapheine.com/blog/typographie/la-typographie-et-le-css</link>
		<comments>http://www.grapheine.com/blog/typographie/la-typographie-et-le-css#comments</comments>
		<pubDate>Tue, 02 Mar 2010 14:25:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[INTERNET]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1678</guid>
		<description><![CDATA[Loin de maitriser tous les subtilités de la gestion de la typographie en CSS, j&#8217;ai néanmoins découvert l&#8217;intérêt de la balise &#171;&#160;Font-Face&#160;&#187;. Cette dernière permet d&#8217;utiliser n&#8217;importe quelle fonte ( ou presque&#8230; ) sur un site internet. Fini donc, &#171;&#160;l&#8217;arial&#160;&#187;, la &#171;&#160;verdana&#160;&#187; et autres &#171;&#160;helvetica&#160;&#187; ! Étrangement cette balise (css2) existe depuis Internet Explorer 4 [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/la-typographie-et-le-css' addthis:title='La typographie et le CSS '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>Loin de maitriser tous les subtilités de la gestion de la typographie en CSS, j&#8217;ai néanmoins découvert l&#8217;intérêt de la balise &laquo;&nbsp;Font-Face&nbsp;&raquo;. Cette dernière permet d&#8217;utiliser n&#8217;importe quelle fonte ( ou presque&#8230; ) sur un site internet. Fini donc, &laquo;&nbsp;l&#8217;arial&nbsp;&raquo;, la &laquo;&nbsp;verdana&nbsp;&raquo; et autres &laquo;&nbsp;helvetica&nbsp;&raquo; !</p>
<p>Étrangement cette balise (css2) existe depuis Internet Explorer 4 ( 1998 ), mais n&#8217;acceptait que le format eot ( Embedded OpenType : un format propriétaire relativement limité et contraignant). Depuis, Safari 3, Firefox 3.5 et Opera 10 ont intégré cette balise ( css3 ), et il est donc possible d&#8217;utiliser une police TrueType (ttf) ou OpenType (otf).</p>
<p>Ainsi, on accède à la liberté avec un petit bout de code du genre :</p>
<pre>@font-face{
  font-family:'maFont';
  src: url('maFont.eot');
}
@font-face{
  font-family:'maFont';
  src: url('maFont.otf');
}</pre>
<p>Reste quelques soucis d&#8217;affichage suivant le navigateur ou le système de l&#8217;internaute. Ainsi sous Mac les typo vont être lissés ( anti-alising), alors que sous PC, il n&#8217;y aura pas anti-alising.</p>
<p>En lisant notre Blog, vous constaterez donc que les titres des articles sont maintenant composés en typo &laquo;&nbsp;Grapheine&nbsp;&raquo; !<br />
Petit extrait de notre typo, à travers ce fameux pangramme hétéro-consonnantique (Phrase comprenant toutes les lettres de l&#8217;alphabet et où chaque consonne n&#8217;est utilisée qu&#8217;une seule fois ). Généralement attribué à Gerorges Perec, il semblerait que ce pangramme soit apparu la première fois dans le journal de Mickey en 1957 <img src='http://www.grapheine.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  :<span style="font-size : 54pt; font-family : MyCustomFont; line-height: 1"><br />
“Portez ce<br />
vieux whisky<br />
au juge blond<br />
qui fume”<br />
</span></p>
<p>Voici l&#8217;équivalent de ce que vous devriez voir s&#8217;afficher en typo sur Mac :</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/03/typo-ttf-safari-mac.jpg"><img src="http://www.grapheine.com/blog/wp-content/uploads/2010/03/typo-ttf-safari-mac.jpg" alt="" title="typo-ttf-safari-mac" width="393" height="293" class="alignnone size-full wp-image-1696" /></a><br />
Voici l&#8217;équivalent de ce que vous devriez voir s&#8217;afficher en typo sur PC, c&#8217;est moins glorieux, car le lissage des police n&#8217;est pas activé de base ( Beurk les PC&#8230; )</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/03/typo-oet-ie8.jpg"><img src="http://www.grapheine.com/blog/wp-content/uploads/2010/03/typo-oet-ie8.jpg" alt="" title="typo-oet-ie8" width="401" height="291" class="alignnone size-full wp-image-1697" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/la-typographie-et-le-css' addthis:title='La typographie et le CSS '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/la-typographie-et-le-css/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>L&#8217;Art pour Grandir</title>
		<link>http://www.grapheine.com/blog/typographie/lart-pour-grandir</link>
		<comments>http://www.grapheine.com/blog/typographie/lart-pour-grandir#comments</comments>
		<pubDate>Thu, 25 Feb 2010 02:23:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[Art pour Grandir]]></category>
		<category><![CDATA[création Label]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1654</guid>
		<description><![CDATA[La Mairie de Paris souhaite développer l’éducation artistique pour tous les jeunes Parisiens et les inciter à fréquenter les lieux culturels en rapprochant les établissements culturels et les établissements scolaires. La découverte des pratiques artistiques des enfants et des adolescents dans divers domaines (théâtre, musique, danse, lecture publique, musées…) sont ainsi, par la prise de [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/lart-pour-grandir' addthis:title='L&#8217;Art pour Grandir '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>La Mairie de Paris souhaite développer l’éducation artistique pour tous les jeunes Parisiens et les inciter à fréquenter les lieux culturels en rapprochant les établissements culturels et les établissements scolaires. La découverte des pratiques artistiques des enfants et des adolescents dans divers domaines (théâtre, musique, danse, lecture publique, musées…) sont ainsi, par la prise de contact avec des œuvres et des établissements culturels, favorisés.<br />
Nous avons donc été consultés pour concevoir le logo de ce Label « L’art pour grandir » afin identifier toutes les actions entreprises dans ce cadre.</p>
<p>Nous n&#8217;avons pas été retenus, mais voici nos propositions&#8230;</p>
<p><strong>PISTE 1 :</strong><br />
<a href="http://www.grapheine.com/blog/wp-content/uploads/2010/02/logo_artpourgrandir.jpg"><img class="alignnone size-full wp-image-1658" title="Logo l'art pour grandir" src="http://www.grapheine.com/blog/wp-content/uploads/2010/02/logo_artpourgrandir.jpg" alt="" width="450" height="243" /></a><br />
Proposition d’un symbole graphique (et typographique) qui résulte de la ligature des initiales &nbsp;&raquo;a&nbsp;&raquo; de art et &laquo;&nbsp;g&nbsp;&raquo; de grandir. Ce signe s&#8217;apparente à un ressort ou encore à une jeune pousse. Il a pour objectif de traduire l&#8217;éveil et la curiosité artistique du public, ainsi qu&#8217;une fantaisie et une liberté de penser propre à remettre en question les idées préconçues que l&#8217;on pourrait avoir sur le champ artistique.<br />
Son tracé griffonné évoque le geste spontané de la créativité, tandis que la composition du bloc typographique en caractères &laquo;&nbsp;bas-de-casse arrondis&nbsp;&raquo; transmet une volonté d&#8217;accessibilité. Il figure une invitation &laquo;&nbsp;à rebondir&nbsp;&raquo; au-delà de ses acquis pour aller plus loin et s&#8217;épanouir&#8230;avec l’Art !<br />
<a href="http://www.grapheine.com/blog/wp-content/uploads/2010/02/logo_artpourgrandir2.jpg"><br />
<img class="alignnone size-full wp-image-1657" style="border: 0px initial initial;" title="affiche art pour grandir" src="http://www.grapheine.com/blog/wp-content/uploads/2010/02/logo_artpourgrandir2.jpg" alt="" width="450" height="324" /></p>
<p></a>Sa simplicité graphique et sa charge symbolique en font un label très efficace qui permet autant de communiquer sur les Arts de la scène que sur les Arts plastiques.</p>
<p><strong>PISTE 2 :</strong></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/02/logo_artpourgrandir4.jpg"><img class="alignnone size-full wp-image-1655" title="logo mairie de paris Activité culturelle" src="http://www.grapheine.com/blog/wp-content/uploads/2010/02/logo_artpourgrandir4.jpg" alt="" width="450" height="389" /><br />
</a><br />
Cette piste s&#8217;articule autour de la proposition d&#8217;un signe &laquo;&nbsp;la bulle de pensée&nbsp;&raquo;. Elle communique l&#8217;idée d&#8217;une projection sur le devenir de soi-même. Ce signe narratif permet de traduire les concepts de croissance et d&#8217;épanouissement intellectuel, par la figuration d&#8217;un espace graphique en cours de formation, et dont la silhouette étrangement mouvementée exprime la fusion hétéroclite des différents champs artistiques.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/02/logo_artpourgrandir3.jpg"><img class="alignnone size-full wp-image-1656" title="Affiche Mairie Paris Art pour Grandir" src="http://www.grapheine.com/blog/wp-content/uploads/2010/02/logo_artpourgrandir3.jpg" alt="" width="450" height="318" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/lart-pour-grandir' addthis:title='L&#8217;Art pour Grandir '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/lart-pour-grandir/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Archéologie typographique</title>
		<link>http://www.grapheine.com/blog/typographie/archeologie-typographie</link>
		<comments>http://www.grapheine.com/blog/typographie/archeologie-typographie#comments</comments>
		<pubDate>Fri, 12 Feb 2010 21:25:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[typo pixel]]></category>
		<category><![CDATA[typographie naïve]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1636</guid>
		<description><![CDATA[C&#8217;est toujours amusant les rencontres typographiques du coin de la rue. Ici, c&#8217;est un immeuble miteux déniché sur le plateau de la Croix-rousse à Lyon. Les Établissements Berlioz-Burfin, matériaux de construction, chaux grasse et autres bizarreries typographiques que les archéologues de la lettre qualifieront de typographie naïve. Outre quelques tags contemporains, on y croisent de [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/archeologie-typographie' addthis:title='Archéologie typographique '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/02/typo-croix-rousse.jpg"><img class="size-medium wp-image-1632 alignnone" title="typo-croix-rousse" src="http://www.grapheine.com/blog/wp-content/uploads/2010/02/typo-croix-rousse-450x169.jpg" alt="Typo old school facade" width="450" height="169" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/02/typo-croix-rousse-detail3.jpeg"><img class="alignnone size-medium wp-image-1633" title="typo-pixel-lyon" src="http://www.grapheine.com/blog/wp-content/uploads/2010/02/typo-croix-rousse-detail3-450x158.jpg" alt="typo pixel" width="450" height="158" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2010/02/typo-croix-rousse-detail2.jpeg"><img class="alignnone size-medium wp-image-1634" title="pixel font facade" src="http://www.grapheine.com/blog/wp-content/uploads/2010/02/typo-croix-rousse-detail2-450x59.jpg" alt="pixel font" width="450" height="59" /></a></p>
<p>C&#8217;est toujours amusant les rencontres typographiques du coin de la rue. Ici, c&#8217;est un immeuble miteux déniché sur le plateau de la Croix-rousse à Lyon. Les Établissements Berlioz-Burfin, matériaux de construction, chaux grasse et autres bizarreries typographiques que les archéologues de la lettre qualifieront de typographie naïve. Outre quelques tags contemporains, on y croisent de magnifiques ancêtres des typos pixel les plus actuelles !</p>
<p>Dans le même esprit, et dans le même quartier :<br />
<a href="http://www.grapheine.com/blog/typographie/typo-1930-bains-douches">http://www.grapheine.com/blog/typographie/typo-1930-bains-douches</a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/archeologie-typographie' addthis:title='Archéologie typographique '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/archeologie-typographie/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>En 2010&#8230;</title>
		<link>http://www.grapheine.com/blog/typographie/en-2010</link>
		<comments>http://www.grapheine.com/blog/typographie/en-2010#comments</comments>
		<pubDate>Wed, 30 Dec 2009 09:52:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1434</guid>
		<description><![CDATA[Vous aussi, composez vos souhaits pour 2010 avec le &#171;&#160;Smoking Type Generator&#160;&#187; !<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/en-2010' addthis:title='En 2010&#8230; '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/smoking_type/index.php"><img class="alignnone size-full wp-image-1437" title="en 2010 typo clope" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/en2010.jpg" alt="" width="450" height="100" /></a></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="450" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.grapheine.com/smoking_type/addict.swf?texte=En 2010 j£arretede mille neuf" /><embed type="application/x-shockwave-flash" width="450" height="450" src="http://www.grapheine.com/smoking_type/addict.swf?texte=En 2010 j£arretede mille neuf"></embed></object></p>
<p>Vous aussi, composez vos souhaits pour 2010 avec le &laquo;&nbsp;<a title="Smoking Type generator" href="http://www.grapheine.com/smoking_type/index.php" target="_blank">Smoking Type Generator</a>&nbsp;&raquo; !</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/en-2010' addthis:title='En 2010&#8230; '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/en-2010/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Identité Visuelle de Paris Métropole</title>
		<link>http://www.grapheine.com/blog/typographie/identite-visuelle-paris-metropole</link>
		<comments>http://www.grapheine.com/blog/typographie/identite-visuelle-paris-metropole#comments</comments>
		<pubDate>Fri, 18 Dec 2009 01:07:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[grand paris]]></category>
		<category><![CDATA[paris métropole]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1375</guid>
		<description><![CDATA[Voici le projet retenu pour la nouvelle identité visuelle de Paris Métropole. Paris Métropole, c’est une centaine de collectivités, communes, intercommunalités, Départements, Région, qui se sont rassemblés pour trouver ensemble des réponses aux défis sociaux, économiques, environnementaux de leur territoire partagé. Cette nouvelle identité est composée de l&#8217;addition de l&#8217;ensemble des participants ( Villes, Départements, [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-visuelle-paris-metropole' addthis:title='Identité Visuelle de Paris Métropole '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="450" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.grapheine.com/blog/wp-content/uploads/2009/12/paris-metropole-blog.swf" /><embed type="application/x-shockwave-flash" width="450" height="450" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/paris-metropole-blog.swf"></embed></object>Voici le projet retenu pour la nouvelle identité visuelle de <a title="Paris Métropole Grand Paris" href="http://www.parismetropole.fr/" target="_blank">Paris Métropole</a>.</p>
<p>Paris Métropole, c’est une centaine de collectivités, communes, intercommunalités, Départements, Région, qui se sont rassemblés pour trouver ensemble des réponses aux défis sociaux, économiques, environnementaux de leur territoire partagé.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/Paris-metropole-blog8.jpg"><img class="alignnone size-medium wp-image-1379" title="éléments de papeterie graphisme" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/Paris-metropole-blog8-450x276.jpg" alt="éléments de papeterie graphisme" width="450" height="276" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/Paris-metropole-blog6.jpg"><img class="alignnone size-medium wp-image-1377" title="recherches graphiques" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/Paris-metropole-blog6-450x276.jpg" alt="recherches graphiques" width="450" height="276" /></a></p>
<p>Cette nouvelle identité est composée de l&#8217;addition de l&#8217;ensemble des participants ( Villes, Départements, Région&#8230;). La Superposition de tous les composants évoque la mise en commun des compétences et des intérêts de chacun.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/Paris-metropole-blog7.jpg"><img title="bloc typo logo" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/Paris-metropole-blog7.jpg" alt="bloc typo logo" width="450" height="277" /></a></p>
<p>Le bloc typographique est composé d&#8217;une alliance de capitales et de minuscules pour figurer l’amplitude des échelles en jeux (international à local). Traitement égal des deux mots (graisse, taille&#8230;) pour éviter la mise en avant exclusive de PARIS.</p>
<p>Site web de Paris Métropole : <a title="Paris métropole Grand Paris" href="http://www.parismetropole.fr/" target="_blank">www.parismetropole.fr</a> (sur lequel nous avons travaillé aussi.)</p>
<p><span style="color: #c0c0c0;">- &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - &#8211; </span></p>
<h1>Nos recherches :</h1>
<p>Pour cette consultation, nous avions également proposé deux autres projets.</p>
<p><strong>PISTE 2</strong> :</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/Paris-metropole-blog9.jpg"><img class="alignnone size-medium wp-image-1380" title="recherche graphique identité visuelle" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/Paris-metropole-blog9-450x450.jpg" alt="recherche graphique identité visuelle" width="450" height="450" /></a><br />
SOLIDARITÉ : Le A est dessiné par l’association de 3 cercles colorés. Cette forme symbolise la métropole avec Paris au centre. Cette union est équilibrée ( proportions  isocèles). Chaque «participant» est solidaire des autres ( ils sont liés par leurs extrémités)<br />
DIVERSITÉ : La rencontre de 3 couleurs ( primaires ) enrichit le signe en produisant 3 nouvelles couleurs ( complémentaires ). Le signe propose ainsi l’ensemble des couleurs de l’arc-en-ciel ( Universel )<br />
DYNAMISME : L’association de ces 3 courbes produit un signe qui tend vers le haut.<br />
DURABLE : L’enchaînement chromatique semble produire un mouvement perpétuel.<br />
LA TYPOGRAPHIE : Il s’agit de la typographie AVANT GARDE.  Son dessin géométrique à base de ronds et de carrés permet au «A» de s’intégrer parfaitement dans le mot.<br />
<span style="color: #c0c0c0;">- &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - &#8211; </span></p>
<p><strong>PISTE 3 :</strong></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/Paris-metropole-blog10.jpg"><img class="alignnone size-full wp-image-1381" title="système graphique" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/Paris-metropole-blog10.jpg" alt="système graphique" width="450" height="381" /></a></p>
<p>Ce logo à été pensé comme un ensemble de zones urbaines qui grandissent et s’étendent autour de leurs noyaux. Ainsi, nous avons étendu les frontières des lettres jusqu’à créer des zones qui se chevauchent, des ensembles qui interagissent.  Le tout rappelle le langage graphique des cartes, avec ses zones de verdure, ses points d’eau et ses groupes de bâtiments.</p>
<p>- &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - - - &#8211; - -</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/montage_2photos.jpg"><img class="alignnone size-full wp-image-1413" title="paris mal logés" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/montage_2photos.jpg" alt="paris mal logés" width="450" height="677" /></a></p>
<p>Hier a eu lieu  le premier forum de paris métropole dans le 10e arrondissement de Paris. L&#8217;occasion de discuter et de se documenter sur les projets &laquo;&nbsp;métropolitains&nbsp;&raquo;. Biensûr un des thèmes principaux au cœur des débats fut le logement avec la présence et les revendications du collectif des &laquo;&nbsp;<a href="http://mal-logesencolere.20minutes-blogs.fr/">mal logés en colère</a>&laquo;&nbsp;.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-visuelle-paris-metropole' addthis:title='Identité Visuelle de Paris Métropole '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/identite-visuelle-paris-metropole/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Projet identité visuelle &#171;&#160;Union Latine&#160;&#187;</title>
		<link>http://www.grapheine.com/blog/typographie/projet-identite-visuelle-union-latine</link>
		<comments>http://www.grapheine.com/blog/typographie/projet-identite-visuelle-union-latine#comments</comments>
		<pubDate>Thu, 17 Dec 2009 01:26:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[uniao latina]]></category>
		<category><![CDATA[unio llatina]]></category>
		<category><![CDATA[Union Latine]]></category>
		<category><![CDATA[unione latina]]></category>
		<category><![CDATA[uniunea latina]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1393</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/projet-identite-visuelle-union-latine' addthis:title='Projet identité visuelle &#171;&#160;Union Latine&#160;&#187; '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="277" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union_latine_logo.swf" /><embed type="application/x-shockwave-flash" width="450" height="277" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union_latine_logo.swf"></embed></object></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union-latina-logos1.jpg"><img class="alignnone size-medium wp-image-1395" title="union-latina-logos" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union-latina-logos1-450x276.jpg" alt="union-latina-logos" width="450" height="276" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union-latina-logos2.jpg"><img class="alignnone size-medium wp-image-1396" title="union-latina-logos" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union-latina-logos2-450x276.jpg" alt="union-latina-logos" width="450" height="276" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union-latina-logos3.jpg"><img class="alignnone size-medium wp-image-1397" title="union-latina-logos3" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union-latina-logos3-450x276.jpg" alt="union-latina-logos3" width="450" height="276" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union-latina-logos4.jpg"><img class="alignnone size-medium wp-image-1398" title="union-latina-logos4" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union-latina-logos4-450x276.jpg" alt="union-latina-logos4" width="450" height="276" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union-latina-logos5.jpg"><img class="alignnone size-medium wp-image-1399" title="union-latina-logos5" src="http://www.grapheine.com/blog/wp-content/uploads/2009/12/union-latina-logos5-450x276.jpg" alt="union-latina-logos5" width="450" height="276" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/projet-identite-visuelle-union-latine' addthis:title='Projet identité visuelle &laquo;&nbsp;Union Latine&nbsp;&raquo; '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/projet-identite-visuelle-union-latine/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logo QualiParis</title>
		<link>http://www.grapheine.com/blog/typographie/logo-quali-paris</link>
		<comments>http://www.grapheine.com/blog/typographie/logo-quali-paris#comments</comments>
		<pubDate>Mon, 26 Oct 2009 09:55:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[SALON DES REFUSÉS]]></category>
		<category><![CDATA[Paris]]></category>
		<category><![CDATA[qualité paris]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1230</guid>
		<description><![CDATA[Projet de logo ( non retenu ) pour un label certifiant la qualité de l&#8217;accueil des différents lieux publics dépendant de la mairie de Paris.<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/logo-quali-paris' addthis:title='Logo QualiParis '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1232" title="logo-quali-paris" src="http://www.grapheine.com/blog/wp-content/uploads/2009/10/logo-qualiparis1.jpg" alt="logo-quali-paris" width="450" height="345" /></p>
<p>Projet de logo ( non retenu ) pour un label certifiant la qualité de l&#8217;accueil des différents lieux publics dépendant de la mairie de Paris.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/logo-quali-paris' addthis:title='Logo QualiParis '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/logo-quali-paris/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Identité visuelle Atelier Martin Berger</title>
		<link>http://www.grapheine.com/blog/typographie/identite-visuelle-atelier-martin-berger</link>
		<comments>http://www.grapheine.com/blog/typographie/identite-visuelle-atelier-martin-berger#comments</comments>
		<pubDate>Thu, 15 Oct 2009 18:30:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1175</guid>
		<description><![CDATA[Il s&#8217;agit d&#8217;un projet de logo proposé pour un atelier &#171;&#160;d&#8217;architectes d&#8217;intérieure, designer, Plasticiens&#8230;&#160;&#187;.  Leur spécialité étant ( en faisant court ) le travail du béton ( textures, impression, etc&#8230; ). La Composition : Il s’agit d’une composition très structurée où les 3 mots s’entremêlent afin de composer un « bloc marque » unique et cohérent. Le jeu [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-visuelle-atelier-martin-berger' addthis:title='Identité visuelle Atelier Martin Berger '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/10/martin-berger-logo.jpg"><img class="alignnone size-full wp-image-1177" title="martin-berger-logo" src="http://www.grapheine.com/blog/wp-content/uploads/2009/10/martin-berger-logo.jpg" alt="martin-berger-logo" width="450" height="450" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/10/martin-berger-cartes.jpg"><img class="alignnone size-full wp-image-1176" title="martin-berger-cartes" src="http://www.grapheine.com/blog/wp-content/uploads/2009/10/martin-berger-cartes.jpg" alt="martin-berger-cartes" width="450" height="538" /></a></p>
<p><strong> </strong></p>
<p>Il s&#8217;agit d&#8217;un projet de logo proposé pour un atelier &laquo;&nbsp;d&#8217;architectes d&#8217;intérieure, designer, Plasticiens&#8230;&nbsp;&raquo;.  Leur spécialité étant ( en faisant court ) le travail du béton ( textures, impression, etc&#8230; ).</p>
<p><strong>La Composition</strong> : Il s’agit d’une composition très structurée où les 3 mots s’entremêlent afin de composer un « bloc marque » unique et cohérent. Le jeu formel entre le A et le M pourra être repris indépendamment sous forme de monogramme (ou de signature).</p>
<p><strong>La Pastille</strong> : petite goutte de chic dans un monde de béton brut, cette pastille/monogramme vient éclairer cet univers volontairement « gris ». Elle agit comme sceau garantissant l’authenticité de l’œuvre. On l’imaginer en encre dorée, ou en dorure à chaud.</p>
<p><strong>La Typographie : Avant-Garde</strong><br />
<em><span style="color: #999999;"> MOTS-CLÉS : DESIGN, ÉLÉGANT, MODERNE, LUXE, MODE, LUDIQUE.</span></em><span style="color: #999999;"><br />
</span> Cette typo dessinée en 1968 par Herb Lubalin est initialement destinée au logo de la revue AVANT-GARDE. Ses multiples ligatures lui confèrent une élégance folle.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/10/ligature-avant-garde.jpg"><img class="alignnone size-full wp-image-1180" title="ligature-avant-garde" src="http://www.grapheine.com/blog/wp-content/uploads/2009/10/ligature-avant-garde.jpg" alt="ligature-avant-garde" width="450" height="69" /><br />
</a></p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 916px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">MOTS-CLÉS : DESIGN, ÉLÉGANT, MODERNE, LUXE, MODE, LUDIQUE.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 916px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Cette typo desinée en 1968 par Herb Lubalin est initalement destiné au logo de la revue AVANT-GARDE. Ses multiples ligatures lui confèrent une élégance folle.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 916px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">EX:</div>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/10/pisteA-page2.jpg"><img class="alignnone size-medium wp-image-1178" title="pisteA-page2" src="http://www.grapheine.com/blog/wp-content/uploads/2009/10/pisteA-page2-450x318.jpg" alt="pisteA-page2" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/10/pisteA-page1.jpg"><img class="alignnone size-medium wp-image-1179" title="pisteA-page1" src="http://www.grapheine.com/blog/wp-content/uploads/2009/10/pisteA-page1-450x318.jpg" alt="pisteA-page1" width="450" height="318" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-visuelle-atelier-martin-berger' addthis:title='Identité visuelle Atelier Martin Berger '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/identite-visuelle-atelier-martin-berger/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Land-Art Typographique</title>
		<link>http://www.grapheine.com/blog/typographie/typo_land_art</link>
		<comments>http://www.grapheine.com/blog/typographie/typo_land_art#comments</comments>
		<pubDate>Wed, 26 Aug 2009 10:17:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=1019</guid>
		<description><![CDATA[Sur les pentes minérales des abords du Lac du Salagou (Hérault), d&#8217;étranges &#171;&#160;Graffitis&#160;&#187; apparaissent. Ici la terre à des allures de terre Africaine. Il ne pousse que de la vigne et d&#8217;étranges messages ! D&#8217;habitude on grave l&#8217;écorce des arbres (cf: la nature bold nos amours ), mais ici on sème des petits cailloux blancs. [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/typo_land_art' addthis:title='Land-Art Typographique '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>Sur les pentes minérales des abords du Lac du Salagou (Hérault), d&#8217;étranges &laquo;&nbsp;Graffitis&nbsp;&raquo; apparaissent.<br />
Ici la terre à des allures de terre Africaine. Il ne pousse que de la vigne et d&#8217;étranges messages !</p>
<p>D&#8217;habitude on grave l&#8217;écorce des arbres (cf: <a title="Typographie sur arbre" href="http://www.grapheine.com/blog/typographie/la-nature-bold-nos-amours ">la nature bold nos amours</a> ), mais ici on sème des petits cailloux blancs.<br />
Combien de génération de Petits Poucets randonneurs sont passés par là ? en résulte un paysage entre &laquo;&nbsp;Land-Art&nbsp;&raquo; et &laquo;&nbsp;Graffitis&nbsp;&raquo;.</p>
<p>Certains messages écrits aux abords de la route sont vite effacés par les nouveaux venus trop paresseux pour aller ramasser d&#8217;autres pierres, ils défont les textes existants pour composer le leur.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_G.jpg"><img class="alignnone size-medium wp-image-1026" title="Lac de salagou" src="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_G-450x253.jpg" alt="Lac de salagou" width="450" height="253" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_A.jpg"><img class="alignnone size-medium wp-image-1025" title="Tag au lac du salagou" src="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_A-450x253.jpg" alt="Tag au lac du salagou" width="450" height="253" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_E.jpg"><img style="border: 0px initial initial;" title="land art" src="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_E-450x253.jpg" alt="land art" width="450" height="253" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_D.jpg"><img class="alignnone size-medium wp-image-1022" title="tag en pierre" src="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_D-450x253.jpg" alt="tag en pierre" width="450" height="253" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_C.jpg"><img class="alignnone size-medium wp-image-1023" title="typographie en caillous" src="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_C-450x253.jpg" alt="typographie en caillous" width="450" height="253" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_F.jpg"><img class="alignnone size-medium wp-image-1020" title="peace and Love pierres" src="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_F-450x338.jpg" alt="peace and Love pierres" width="450" height="338" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_B.jpg"><img class="alignnone size-medium wp-image-1024" title="tag effacés" src="http://www.grapheine.com/blog/wp-content/uploads/2009/08/salagou_B-450x253.jpg" alt="tag effacés" width="450" height="253" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/typo_land_art' addthis:title='Land-Art Typographique '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/typo_land_art/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Musique En Sorbonne</title>
		<link>http://www.grapheine.com/blog/typographie/identite-visuelle-musique-en-sorbonne</link>
		<comments>http://www.grapheine.com/blog/typographie/identite-visuelle-musique-en-sorbonne#comments</comments>
		<pubDate>Thu, 25 Jun 2009 13:29:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[AFFICHES]]></category>
		<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[création logo]]></category>
		<category><![CDATA[identité visuelle]]></category>
		<category><![CDATA[musique classique]]></category>
		<category><![CDATA[signe diacritique]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=905</guid>
		<description><![CDATA[LA TYPOGRAPHIE : AKZIDENZ GROTESK Les premières versions de l&#8217;Akzidenz Grotesk ont été commercialisées en 1896 par la typofonderie H. Berthold AG. Nous en proposons une version “modifiée”, avec un “ E ” capital simplifié à 3 barres horizontales. La personalisation de cette voyelle ( la plus utilisée dans la langue française ) créeant un nouveau [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-visuelle-musique-en-sorbonne' addthis:title='Musique En Sorbonne '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_logogris.jpg"><img class="alignnone size-medium wp-image-913" title="création d'un logo musique" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_logogris-450x212.jpg" alt="création d'un logo musique" width="450" height="212" /><br />
</a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_5affiches2.jpg"><img class="alignnone size-full wp-image-927" title="musique_sorbonne_5affiches1-450x119" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_5affiches1-450x1191.jpg" alt="musique_sorbonne_5affiches1-450x119" width="450" height="142" /></a><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_5affiches1.jpg"><br />
</a><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_5affiches.jpg"><br />
</a><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_simul.jpg"><img class="alignnone size-medium wp-image-908" title="musique sorbonne affiche" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_simul-450x277.jpg" alt="musique sorbonne affiche" width="450" height="277" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_simul.jpg"> </a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_simul2.jpg"><img class="alignnone size-medium wp-image-909" title="musique sorbonne affiches" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_simul2-450x277.jpg" alt="musique sorbonne affiches" width="450" height="277" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_plaquette1.jpg"><img class="alignnone size-medium wp-image-925" title="musique_sorbonne_plaquette" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique_sorbonne_plaquette1-450x255.jpg" alt="musique_sorbonne_plaquette" width="450" height="255" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique-sorbonne-typo.jpg"><img style="border: 0px initial initial;" title="création de typographie" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/musique-sorbonne-typo.jpg" alt="création de typographie" width="450" height="168" /></a></p>
<p><strong>LA TYPOGRAPHIE : AKZIDENZ GROTESK</strong></p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 844px; width: 1px; height: 1px;">Les premières versions de l&#8217;Akzidenz Grotesk ont été commercialisées en 1896 par la typofonderie H. Berthold AG.</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 844px; width: 1px; height: 1px;">Nous en proposons une version “modifiée”, avec un “ E ” capital simplifié à 3 barres horizontales. La personalisation de cette voyelle ( la plus utilisée dans la langue française ) créeant un nouveau signe distinctif.</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 844px; width: 1px; height: 1px;">Évocation du rythme, de l’intervalle, de la portée musicale, ce signe abstrait devient lettre “E” lorsqu’il est intégré au sein d’un mot.</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 844px; width: 1px; height: 1px;">L’utilisation d’un accent unique “horizontal” fait écho au rythme du “E”, comme une ligne supplémentaire sur une portée.</div>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 844px; width: 1px; height: 1px;">L’usage de cette typographie permet, avec une certaine économie de moyen, de mettre en place un sytème identitaire efficace et déclinable.</div>
<p>Les premières versions de l&#8217;Akzidenz Grotesk ont été commercialisées en 1896 par la typofonderie H. Berthold AG.</p>
<p>Nous en proposons une version “modifiée”, avec un “ E ” capital simplifié à 3 barres horizontales. La personnalisation de cette voyelle ( la plus utilisée dans la langue française ) créant un nouveau signe distinctif.</p>
<p>Évocation du rythme, de l’intervalle, de la portée musicale, ce signe abstrait devient lettre “E” lorsqu’il est intégré au sein d’un mot.</p>
<p>L’utilisation d’un accent unique “horizontal” fait écho au rythme du “E”, comme une ligne supplémentaire sur une portée.<br />
( À ce sujet : <a href="http://airoe.org/spip.php?article125 )">http://airoe.org/spip.php?article125 )</a></p>
<p>L’usage de cette typographie permet, avec une certaine économie de moyen, de mettre en place un système identitaire efficace et déclinable.</p>
<p><strong>LE MÉDAILLON :</strong></p>
<p>Il symbolise le prestige et l’histoire de l’université de la Sorbonne.<br />
Nous proposons une simplification du médaillon pouvant être intégré à la typographie.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-visuelle-musique-en-sorbonne' addthis:title='Musique En Sorbonne '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/identite-visuelle-musique-en-sorbonne/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Le Bain Douche</title>
		<link>http://www.grapheine.com/blog/typographie/typo-1930-bains-douches</link>
		<comments>http://www.grapheine.com/blog/typographie/typo-1930-bains-douches#comments</comments>
		<pubDate>Mon, 22 Jun 2009 22:07:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[safari typographique]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=887</guid>
		<description><![CDATA[À la façon d&#8217;Etienne Mineur, voici mon &#171;&#160;safari typographique&#160;&#187; ! Pas besoin d&#8217;aller très loin pour trouver de beaux spécimens, ceux-ci sont sous ma fenêtre à Lyon ! Il s&#8217;agit des Bains-Douches Municipaux de Lyon ( 4 impasse Flesselles dans le 1er pour les curieux ). Il s&#8217;agit d&#8217;un bâtiment en béton datant des années 1930&#8230; [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/typo-1930-bains-douches' addthis:title='Le Bain Douche '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/bain-douche5.jpg"><img class="alignnone size-medium wp-image-892" title="bain-douche5" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/bain-douche5-450x278.jpg" alt="bain-douche5" width="450" height="278" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/bain-douche3.jpg"><img class="alignnone size-medium wp-image-889" title="bain douche municipal" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/bain-douche3-450x300.jpg" alt="bain douche municipal" width="450" height="300" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/bain-douche.jpg"><img class="alignnone size-medium wp-image-891" title="Lettre 1940" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/bain-douche-450x149.jpg" alt="Lettre 1940" width="450" height="149" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/bain-douche2.jpg"><img class="alignnone size-medium wp-image-890" title="Typo art deco" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/bain-douche2-450x159.jpg" alt="Typo art deco" width="450" height="159" /></a></p>
<p>À la façon d&#8217;<a href="http://www.my-os.net/blog/index.php?q=safari+typographique">Etienne Mineur</a>, voici mon &laquo;&nbsp;safari typographique&nbsp;&raquo; !<br />
Pas besoin d&#8217;aller très loin pour trouver de beaux spécimens, ceux-ci sont sous ma fenêtre à Lyon ! Il s&#8217;agit des Bains-Douches Municipaux de Lyon ( 4 impasse Flesselles dans le 1er pour les curieux ).</p>
<p>Il s&#8217;agit d&#8217;un bâtiment en béton datant des années 1930&#8230; rien de très &laquo;&nbsp;folichon&nbsp;&raquo;, à part une magnifique composition typographique qui vient s&#8217;inscrire sur toute la largeur du bâtiment.</p>
<p>Un bon point à qui mettra un nom sur cette typo, mais j&#8217;ai peur qu&#8217;elle soit unique et sur-mesure. Il n&#8217;y a qu&#8217;a voir ce &laquo;&nbsp;E&nbsp;&raquo; qui a le bras long, et ce &laquo;&nbsp;A&nbsp;&raquo; triangulaire pour constater de la <em>folie</em> <em>mesurée</em> de ce typographe.</p>
<p>D&#8217;ailleurs en constatant la similitude du &laquo;&nbsp;A&nbsp;&raquo; avec le logo d&#8217;Adobe, je me demande si le créateur de ce logo n&#8217;était pas un gros crasseux qui venait prendre des bains à côté de chez moi !</p>
<p>cf: <a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/adobe-logo.jpg"><img class="alignnone size-thumbnail wp-image-900" title="adobe-logo" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/adobe-logo-150x150.jpg" alt="adobe-logo" width="150" height="150" /></a></p>
<p>Sinon, sur le porche d&#8217;entrée, une mosaïque un peu &laquo;&nbsp;bling-bling&nbsp;&raquo; avant l&#8217;heure, avec ses petits carreaux dorés et son style art-déco.</p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/06/bain-douche4.jpg"><img class="alignnone size-medium wp-image-888" title="typo 1930" src="http://www.grapheine.com/blog/wp-content/uploads/2009/06/bain-douche4-450x355.jpg" alt="typo 1930" width="450" height="355" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/typo-1930-bains-douches' addthis:title='Le Bain Douche '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/typo-1930-bains-douches/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>The Smoking Type Generator</title>
		<link>http://www.grapheine.com/blog/typographie/smoking_type_generator</link>
		<comments>http://www.grapheine.com/blog/typographie/smoking_type_generator#comments</comments>
		<pubDate>Wed, 01 Apr 2009 16:33:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[smoking type]]></category>
		<category><![CDATA[type]]></category>
		<category><![CDATA[typo]]></category>
		<category><![CDATA[typog]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=611</guid>
		<description><![CDATA[Le &#171;&#160;Typo Clope&#160;&#187; : Le concept est simple, il s’agit d’un petit générateur de messages qui se consument … et se révèlent en même temps… Il manque plus que le café&#8230; Pour tester c&#8217;est par ici : The Smoking Type Generator<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/smoking_type_generator' addthis:title='The Smoking Type Generator '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><object width="450" height="450" data="http://www.grapheine.com/smoking_type/addict.swf?texte=portez*ce vieux*whisky*au juge*blond*qui fume" type="application/x-shockwave-flash"><param name="src" value="http://www.grapheine.com/smoking_type/addict.swf?texte=portez*ce vieux*whisky*au juge*blond*qui fume" /></object></p>
<p>Le &laquo;&nbsp;<strong>Typo Clope</strong>&nbsp;&raquo; : Le concept est simple, il s’agit d’un petit générateur de messages qui se consument … et se révèlent en même temps… Il manque plus que le café&#8230;</p>
<p>Pour tester c&#8217;est par ici : <a href="http://www.grapheine.com/smoking_type/" target="_blank">The Smoking Type Generator</a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/smoking_type_generator' addthis:title='The Smoking Type Generator '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/smoking_type_generator/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Identité visuelle Riviera Villages</title>
		<link>http://www.grapheine.com/blog/typographie/identite-visuelle-riviera-villages</link>
		<comments>http://www.grapheine.com/blog/typographie/identite-visuelle-riviera-villages#comments</comments>
		<pubDate>Mon, 08 Dec 2008 23:18:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ÉDITION]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[agence de communication St tropez]]></category>
		<category><![CDATA[création d'un logo]]></category>
		<category><![CDATA[logo de camping]]></category>
		<category><![CDATA[Villages vacances]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=545</guid>
		<description><![CDATA[Voici l&#8217;intégralité du dossier que nous avions rendu lors d&#8217;un appel d&#8217;offre pour la création de l&#8217;identité visuelle d&#8217;un groupe de villages vacances sur la côte d&#8217;azur : Riviera Villages. Notre projet fut retenu.     <div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-visuelle-riviera-villages' addthis:title='Identité visuelle Riviera Villages '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p>Voici l&#8217;intégralité du dossier que nous avions rendu lors d&#8217;un appel d&#8217;offre pour la création de l&#8217;identité visuelle d&#8217;un groupe de <a href="http://www.riviera-villages.com" target="_blank">villages vacances sur la côte d&#8217;azur : Riviera Villages</a>. Notre projet fut retenu. <br />
 </p>
<p> </p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_03.jpg"><img class="size-medium wp-image-571 alignnone" title="R de Riviera villages" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_03-450x318.jpg" alt="Logo d'un Villages Vacances" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_04.jpg"><img class="alignnone size-medium wp-image-570" title="riviera_page_04" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_04-450x318.jpg" alt="riviera_page_04" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_05.jpg"><img class="alignnone size-medium wp-image-569" title="riviera_page_05" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_05-450x318.jpg" alt="riviera_page_05" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_06.jpg"><img class="alignnone size-medium wp-image-568" title="riviera_page_06" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_06-450x318.jpg" alt="riviera_page_06" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_07.jpg"><img class="alignnone size-medium wp-image-567" title="riviera_page_07" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_07-450x318.jpg" alt="riviera_page_07" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_08.jpg"><img class="alignnone size-medium wp-image-566" title="riviera_page_08" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_08-450x318.jpg" alt="riviera_page_08" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_09.jpg"><img class="alignnone size-medium wp-image-565" title="riviera_page_09" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_09-450x318.jpg" alt="riviera_page_09" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_11.jpg"><img class="alignnone size-medium wp-image-563" title="riviera_page_11" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_11-450x318.jpg" alt="riviera_page_11" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_12.jpg"><img class="alignnone size-medium wp-image-562" title="riviera_page_12" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_12-450x318.jpg" alt="riviera_page_12" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_13.jpg"><img class="alignnone size-medium wp-image-561" title="riviera_page_13" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_13-449x318.jpg" alt="riviera_page_13" width="449" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_15.jpg"><img class="alignnone size-medium wp-image-559" title="riviera_page_15" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_15-450x318.jpg" alt="riviera_page_15" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_17.jpg"><img class="alignnone size-medium wp-image-557" title="riviera_page_17" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_17-450x318.jpg" alt="riviera_page_17" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_18.jpg"><img class="alignnone size-medium wp-image-556" title="riviera_page_18" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_18-450x318.jpg" alt="riviera_page_18" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_19.jpg"><img class="alignnone size-medium wp-image-555" title="riviera_page_19" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_19-450x318.jpg" alt="riviera_page_19" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_21.jpg"><img class="alignnone size-medium wp-image-553" title="riviera_page_21" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_21-450x318.jpg" alt="riviera_page_21" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_22.jpg"><img class="alignnone size-medium wp-image-552" title="riviera_page_22" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_22-450x318.jpg" alt="riviera_page_22" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_25.jpg"><img class="alignnone size-medium wp-image-549" title="riviera_page_25" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_25-450x318.jpg" alt="riviera_page_25" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_26.jpg"><img class="alignnone size-medium wp-image-548" title="riviera_page_26" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_26-450x318.jpg" alt="riviera_page_26" width="450" height="318" /></a></p>
<p><a href="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_27.jpg"><img class="alignnone size-medium wp-image-547" title="riviera_page_27" src="http://www.grapheine.com/blog/wp-content/uploads/2009/02/riviera_page_27-450x318.jpg" alt="riviera_page_27" width="450" height="318" /></a></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/identite-visuelle-riviera-villages' addthis:title='Identité visuelle Riviera Villages '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/identite-visuelle-riviera-villages/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Accident typographique&#8230;</title>
		<link>http://www.grapheine.com/blog/typographie/accident-typographique</link>
		<comments>http://www.grapheine.com/blog/typographie/accident-typographique#comments</comments>
		<pubDate>Thu, 04 Dec 2008 23:04:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[GRAPHISME]]></category>
		<category><![CDATA[IDENTITÉ VISUELLE]]></category>
		<category><![CDATA[accident typographique]]></category>
		<category><![CDATA[affiche jazz]]></category>
		<category><![CDATA[akzidentz]]></category>
		<category><![CDATA[artwork jazz]]></category>
		<category><![CDATA[enghien jazz festival]]></category>
		<category><![CDATA[font error]]></category>
		<category><![CDATA[pochette cd]]></category>

		<guid isPermaLink="false">http://www.grapheine.com/blog/?p=460</guid>
		<description><![CDATA[Vingt-trois heure cinquante-deux&#8230; Mon ordinateur fait ce qu&#8217;il veut&#8230; Dérapage typographique non contrôlé&#8230;  Ma typo est toute cassée&#8230; Plus de peur que de mal, sauf pour mes prunelles&#8230;  Pour le coup, l&#8217;accident n&#8217;est-il pas mortel ?<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/accident-typographique' addthis:title='Accident typographique&#8230; '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-medium wp-image-461" title="affiche_jazz_typographie_acciddent" src="http://www.grapheine.com/blog/wp-content/uploads/2008/12/enghien_acciddent-450x333.jpg" alt="" width="450" height="333" /></p>
<p>Vingt-trois heure cinquante-deux&#8230;<br />
Mon ordinateur fait ce qu&#8217;il veut&#8230;<br />
Dérapage typographique non contrôlé&#8230; <br />
Ma typo est toute cassée&#8230;<br />
Plus de peur que de mal, sauf pour mes prunelles&#8230; <br />
Pour le coup, l&#8217;accident n&#8217;est-il pas mortel ?</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://www.grapheine.com/blog/typographie/accident-typographique' addthis:title='Accident typographique&#8230; '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.grapheine.com/blog/typographie/accident-typographique/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

