<?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>Gabyu &#187; typographie</title>
	<atom:link href="http://gabyu.com/tag/typographie/feed/" rel="self" type="application/rss+xml" />
	<link>http://gabyu.com</link>
	<description>( web ) design, et cetera</description>
	<lastBuildDate>Tue, 07 Feb 2012 12:08:49 +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>Romain Albertini</title>
		<link>http://gabyu.com/2009/11/12/romain-albertini/</link>
		<comments>http://gabyu.com/2009/11/12/romain-albertini/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 07:45:01 +0000</pubDate>
		<dc:creator>gabriel</dc:creator>
				<category><![CDATA[Artist > Designer]]></category>
		<category><![CDATA[graphicdesign]]></category>
		<category><![CDATA[typographie]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.gabyu.com/?p=3886</guid>
		<description><![CDATA[Un 'constructeur' d'alphabets typographiques.]]></description>
			<content:encoded><![CDATA[<p>Presentation d&#8217;un graphiste dont j&#8217;aime le style libéré, expérimentant de nouveaux alphabets à partir de formes brutes, du chiffre 7&#8230; Beaucoup d&#8217;images ci-dessous, ne parvenant à faire mon choix parmi ses travaux ci-dessous.</p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2795/4097421220_625730c2d7_o.gif" alt="Romain Albertini ➜ Typoconstruktivism japonisant" width="680" height="481" /></p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2535/4097421062_c71d828a6b_o.jpg" alt="Romain Albertini ➜ Business Cards" width="680" height="553" /></p>
<p>Parmi ses travaux, on retrouve une sorte de besoin quasi obsessionnel de rechercher une forme originale pour la lettre R, celle de son prénom. Cette recherche me rappelle ma propre recherche à partir de la lettre G.</p>
<p>J&#8217;aime le concept du site web de l&#8217;agence Les Ouvriers du Paradis.</p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2450/4096661851_becf093ed0_o.jpg" alt="Romain Albertini ➜ Les Ouvriers du Paradis" width="680" height="488" /></p>
<p>Et enfin pour finir, une photo à laquelle je m&#8217;identifie, j&#8217;y interprète ma très actuelle question de l&#8217;identité nationale au quotidien.</p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2707/4097421344_02e19c08bb_o.jpg" alt="Romain Albertini ➜ Identité nationale ?" width="680" height="531" /></p>
<p>Encore beaucoup trop d&#8217;autres créations à présenter&#8230;. stop, on s&#8217;arrete ici, le reste est à voir sur le portfolio de <a href="http://www.romainalbertini.fr/">Romain.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://gabyu.com/2009/11/12/romain-albertini/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Canalplus.fr en 1999</title>
		<link>http://gabyu.com/2009/09/08/canalplus-fr-robial-1999/</link>
		<comments>http://gabyu.com/2009/09/08/canalplus-fr-robial-1999/#comments</comments>
		<pubDate>Tue, 08 Sep 2009 06:44:18 +0000</pubDate>
		<dc:creator>gabriel</dc:creator>
				<category><![CDATA[Francais]]></category>
		<category><![CDATA[canalplus]]></category>
		<category><![CDATA[identité]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://www.gabyu.com/?p=3619</guid>
		<description><![CDATA[Putain, 10 ans déjà. Le guide graphique retrouvée dans ma cave.]]></description>
			<content:encoded><![CDATA[<p>Le &#8220;Putain, dix ans&#8221;, est de rigueur. Ce fut à l&#8217;occasion d&#8217;une <a href="http://paris.blog.lemonde.fr/2009/03/29/le-design-de-la-presse-en-ligne-le-communique-de-presse-de-artsup/">rencontre Presse et web</a> que j&#8217;ai pu re-rencontrer <a href="http://on-off-productions.com/index.php?display=home">Etienne Robial</a>, le père de <a href="http://on-off-productions.com/index.php?display=rubrique&#038;rubId=25&#038;srubId=42&#038;docId=115&#038;dis=realisation">l&#8217;habillage TV</a>. Quelques souvenirs de l&#8217;une de mes premières collaborations dans les médias sont revenus à moi.</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3473/3891393577_bfec05659e_o.gif" alt="Canalplus — Guide graphique des sites internet du groupe CANAL+" width="680" height="394" /></p>
<p>En fouillant dans mes archives, je vous ai retrouvé une des premières chartes graphiques <em>sérieuses</em> écrites pour le media web que j&#8217;ai pu avoir en main, qui a servi à la version 3,4 et peut être même 5 du site canalplus.fr. Publiée en Aout 1999, avec <a href="http://www.journaldunet.com/0111/011123lediberder.shtml">Alain le Diberder</a> (dit &#8220;le Dib&#8217;&#8221; pour les intimes), et <a href="http://www.linkedin.com/in/guillaumecalop">Guillaume Calop</a>, chargé de sa bonne application, en tant que DA au pole graphique de canalplus.fr. Inutile de préciser que le guide graphique est une déclinaison des différentes règles graphiques instaurée pour l&#8217;écran TV.</p>
<p>On y retrouve une structure identique à celles d&#8217;autres chartes graphiques : Logotypes, écrans, typographie et couleurs.</p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2627/3892282660_fe59bc5ece_o.gif" alt="Canalplus — Guide graphique des sites internet du groupe CANAL+" width="680" height="674" /></p>
<p>Quelques phrases : &#8220;Le poids de la page ne doit pas dépasser <em>60Ko</em>&#8220;, &#8220;La police FUTURA CANAL+ est disponible soit sur le réseau interne CANAL+, soit sur <em>disquette</em>&#8220;&#8230; et la phrase qui a fait débat : &#8220;<em>Le fond noir avec texte blanc</em> correspond davantage à l&#8217;image générale de CANAL+&#8221;.</p>
<p>Pour finir, si vous ne les avez pas encore vus, les 3 volets d&#8217;une <a href="http://vimeo.com/5589301">rencontre avec Étienne Robial</a>, réalisée par <a href="http://4raw.blogspot.com/">Marz &#038; Chew pour Raw</a> et <a href="http://www.typographe.com/">Le Typographe</a>.</p>
<p><object width="681" height="557"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4526634&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4526634&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="681" height="557"></embed></object></p>
<p><object width="681" height="557"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4945727&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4945727&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="681" height="557"></embed></object></p>
<p><object width="681" height="545"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5589301&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5589301&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="681" height="545"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://gabyu.com/2009/09/08/canalplus-fr-robial-1999/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Revue ink</title>
		<link>http://gabyu.com/2009/07/03/ink-revue-typo-graphique/</link>
		<comments>http://gabyu.com/2009/07/03/ink-revue-typo-graphique/#comments</comments>
		<pubDate>Fri, 03 Jul 2009 05:07:57 +0000</pubDate>
		<dc:creator>gabriel</dc:creator>
				<category><![CDATA[Francais]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://www.gabyu.com/?p=3277</guid>
		<description><![CDATA[Point de vue sur la création typographique ?]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-3278" title="Revue Ink." src="http://www.gabyu.com/blog/wp-content/uploads/ink-4.gif" alt="Revue Ink." width="680" height="448" /></p>
<p>Pas de web pour ce dernier jour avant le weekend, tradition oblige, mais un retour sur une revue : Ink est une expérimentale, géré par le studio graphique <a href="http://www.super-script.com/">Superscript²</a>, composé de <a href="http://www.super-script.com/site/about.html">Pierre Delmas Bouly et Patrick Lallemand</a>. Célèbres pour leurs installations numériques et affiches, ils ont également investi le support du livre objet.</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3589/3683548452_226ab2243d_o.gif" alt="Revue Ink ➜ Mise en page et perception" width="680" height="239" /></p>
<p>Le concept est simple, faire participer les acteurs de la typographie autour de questions majeures telles que la lisibilité, la lecture sur écran. Un exemple de création ci-dessous, réalisé par l&#8217;atelier <a href="http://www.ic-k.fr">IC&amp;K</a> pour le <a href="http://www.ink-magazine.com/?n=00">numéro 0,</a> <a href="http://www.ic-k.fr/parution-ink-120-1142.html">expliquant les mécanismes de lecture</a>.</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3661/3682712235_ebf62629b5_o.gif" alt="Revue Ink ➜ IC&amp;K" width="680" height="483" /></p>
<p>Pour sa 4e édition, sous le thème &#8220;laboratoire typographique&#8221; sortie il ya un peu plus d&#8217;un mois lors du <a href="http://www.ville-chaumont.fr/festival-affiches/index.html">festival de Chaumont</a>, une belle brochette de participants : <a href="http://www.autobahn.nl/english/autobahn_graphic_design_typography.php">Autobahn</a>, <a href="http://www.thomasbizzarri.com/">Thomas Bizzari</a>, <a href="http://www.jocelyncottencin.com/">Jocelyn Cottencin</a>, <a href="http://en.wikipedia.org/wiki/Wim_Crouwel">Wim Crouwel</a>, <a href="http://www.emigre.com/">Emigre</a>, <a href="http://www.voidwreck.com/">Karl Nawrot</a>, et de l&#8217;<a href="http://esa.lorient.fr">ESA de Lorient</a>. Et c&#8217;est à voir sur <a href="http://www.ink-magazine.com/">le site officiel</a>, et sur <a href="http://www.manystuff.org/?p=3542">Manystuff</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://gabyu.com/2009/07/03/ink-revue-typo-graphique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Geoffroy Tobé</title>
		<link>http://gabyu.com/2009/06/17/geoffroy-tobe/</link>
		<comments>http://gabyu.com/2009/06/17/geoffroy-tobe/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 04:08:05 +0000</pubDate>
		<dc:creator>gabriel</dc:creator>
				<category><![CDATA[Francais]]></category>
		<category><![CDATA[graphisme]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://www.gabyu.com/?p=3111</guid>
		<description><![CDATA[Rigueur et liberté de création typographique au rendez-vous.]]></description>
			<content:encoded><![CDATA[<p>Rencontré lors des portes ouvertes à l&#8217;ESAG Penninghen, j&#8217;avais particulièrement apprécié sa maîtrise de la typographie pour son projet de fin d&#8217;études intitulé &#8216;Caractère libre&#8217;. D&#8217;autres projets ci-dessous et son <a href="http://www.geoffroytobe.com/">portfolio</a>.</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3657/3633976935_85dd06769c_o.gif" alt="Caractère Libre" width="680" height="494" /></p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3394/3634788512_845366807f_o.gif" alt="Geoffroy Tobe" width="680" height="494" /></p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3374/3634788866_68931e0c72_o.gif" alt="Geoffroy Tobe" width="680" height="494" /></p>
]]></content:encoded>
			<wfw:commentRss>http://gabyu.com/2009/06/17/geoffroy-tobe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le nouveau FT.com</title>
		<link>http://gabyu.com/2009/02/03/nouveau-redesign-site-financial-times-ft/</link>
		<comments>http://gabyu.com/2009/02/03/nouveau-redesign-site-financial-times-ft/#comments</comments>
		<pubDate>Tue, 03 Feb 2009 00:44:46 +0000</pubDate>
		<dc:creator>gabriel</dc:creator>
				<category><![CDATA[Francais]]></category>
		<category><![CDATA[grille]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[refonte]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://www.gabyu.com/?p=2520</guid>
		<description><![CDATA[Confort de lecture, saumon... un site d'information comme j'en rêve en France !]]></description>
			<content:encoded><![CDATA[<p>Le modèle de la grille et des canons de l&#8217;élégance typographique du print peuvent se décliner sur le web.<br />
<a href="http://www.gabyu.com/2008/11/10/liberationfr-abdique-et-s’aligne-au-modele-scandinave/">Le modèle scandinave</a> recule outre-manche. Et c&#8217;est tant mieux, IHMO.</p>
<p>Quelle agréable surprise de la nouvelle page d&#8217;accueil de FT.com, le <a href="http://www.ft.com/home/europe">site du Financial Times</a> !<br />
En un écran, tout est dit :</p>
<ul>
<li>Le respect du code graphique du journal, notamment du saumon, pour rappeler la force éditoriale du papier &#8212; on s&#8217;y habitue vite, très vite.</li>
<li>Un menu fonctionnel et qui est lisible &#8212; certains diront qu&#8217;il est <a href="http://woork.blogspot.com/2008/01/simple-css-vertical-menu-digg-like.html">très inspiré du menu</a> de <a href="http://www.Digg.com">Digg.com</a>, et je leur donnerai raison,</li>
<li>Simplicité dans la grille à 960px &#8212; un standard si pratique pour le découpage en colonnes,</li>
<li>Simplicité dans le nombre de niveau de titres en une, avec un effet de titre/mini chapo terriblement efficace au clic,</li>
<li>Une photo, seulement quand cela en vaut la peine &#8212; 25 images, moins de 150ko d&#8217;images en tout,</li>
<li>Une sélection de titres qui ne dépasse pas la 15-20taine de titres.</li>
</ul>
<p>Simplicité, efficacité, sérieux et confort de lecture. C&#8217;est net, efficace.<br />
Les sites &#8216;anglais&#8217; courent dans cette direction. Pourquoi pas les sites français ?</p>
<p><img class="size-medium wp-image-2521 alignleft" title="world-business-finance-and-political-news-from-the-financial-times-ftcom-uk-20090203" src="http://www.gabyu.com/blog/wp-content/uploads/world-business-finance-and-political-news-from-the-financial-times-ftcom-uk-20090203-680x1626.png" alt="world-business-finance-and-political-news-from-the-financial-times-ftcom-uk-20090203" width="680" height="1626" /></p>
]]></content:encoded>
			<wfw:commentRss>http://gabyu.com/2009/02/03/nouveau-redesign-site-financial-times-ft/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

