<?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>Altincelles &#124; Maurinier Joel - le blog : webdesign, développement, actualité du web, Twitter, photos, livres, musique, concerts &#187; Général</title>
	<atom:link href="http://www.altincelles.fr/blog/category/general/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.altincelles.fr/blog</link>
	<description>altincelles - le blog</description>
	<lastBuildDate>Sun, 01 Aug 2010 21:22:19 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Langage visuel pour la BBC et une charte graphique</title>
		<link>http://www.altincelles.fr/blog/2010/02/langage-visuel-refonte-site-bbc-charte-graphique-festival-cannes/</link>
		<comments>http://www.altincelles.fr/blog/2010/02/langage-visuel-refonte-site-bbc-charte-graphique-festival-cannes/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 13:00:03 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[Général]]></category>
		<category><![CDATA[bbc]]></category>
		<category><![CDATA[charte graphique]]></category>

		<guid isPermaLink="false">http://www.altincelles.fr/blog/?p=481</guid>
		<description><![CDATA[Une charte graphique, avec des règles d&#8217;utilisations, les logotypes à télécharger&#8230;
Le service Internet de la BBC a un blog à cette adresse
C&#8217;est sur ce blog qu&#8217;est détaillée la refonte graphique, visuelle, ergonomique
des mutiples sites de l&#8217;institution Britannique;
Après un court historique, cet article passionnant décrit le processus suivi :
- le wall of shame, un mur rempli [...]]]></description>
			<content:encoded><![CDATA[<p>Une <a href="http://www.festival-cannes.com/fr/about/graphicChart.html" target="_blank">charte graphique</a>, avec des règles d&#8217;utilisations, les logotypes à télécharger&#8230;</p>
<p>Le service Internet de la BBC a un blog <a href="http://www.bbc.co.uk/blogs/bbcinternet/" target="_blank">à cette adresse</a><br />
C&#8217;est sur ce blog qu&#8217;est détaillée la refonte graphique, visuelle, ergonomique<br />
des mutiples sites de l&#8217;institution Britannique;</p>
<p>Après un court historique, cet article passionnant décrit le processus suivi :<br />
- le wall of shame, un mur rempli des impressions écrans des pages existantes<br />
- le &#8216;<a href="http://www.bbc.co.uk/guidelines/futuremedia/desed/visual_language.shtml" target="_blank">Global Visual Language v2.0</a>&#8216;, un corpus avec les règles communes obligatoires<br />
à appliquer aux pages de bbc.co.uk<br />
- Des exemples de fonctionnalités retenues : une grille, des tetiêres uniformisées,<br />
un lecteur audio/vidéo unique<br />
- La création d&#8217;un style visuel depuis la page d&#8217;accueil jusqu&#8217;aux plate-formes mobiles.</p>
<p>La deuxième partie du travail est ambitieuse, certainement exhaltante :</p>
<p>Avec l&#8217;aide de <a href="http://www.researchstudios.com/" target="_blank">Research Studios</a> et de (Mr) Neville Brody, créer des standards de design<br />
mondialement reconnus pour trouver et rendre compte de  l&#8217;ame de la BBC :<br />
&laquo;&nbsp;to unite the user experience practitioners across the business&nbsp;&raquo;, soit une démarche<br />
centrée utilisateur afin que quelle que soit sa plate-forme, son expérience au sein des flux de données<br />
soit homogène et cohérente. Les outils utilisés : une grille de page stricte, l&#8217;usage de la typographie,<br />
la grille de couleurs, la navigation horizontale, les îcones&#8230;</p>
<p>En bref, une démarche nécessaire certes mais passionante, nous attendons<br />
avec une certaine impatience le résultat en ligne!</p>
<p><a rel="attachment wp-att-486" href="http://www.altincelles.fr/blog/2010/02/langage-visuel-refonte-site-bbc-charte-graphique-festival-cannes/bbc-5/"><img class="alignnone size-full wp-image-486" title="bbc-5" src="http://www.altincelles.fr/blog/wp-content/uploads/2010/02/bbc-5.jpg" alt="" width="598" height="392" /></a><br />
<a rel="attachment wp-att-485" href="http://www.altincelles.fr/blog/2010/02/langage-visuel-refonte-site-bbc-charte-graphique-festival-cannes/bbc-4/"><img class="alignnone size-full wp-image-485" title="bbc-4" src="http://www.altincelles.fr/blog/wp-content/uploads/2010/02/bbc-4.jpg" alt="" width="298" height="397" /></a><a rel="attachment wp-att-484" href="http://www.altincelles.fr/blog/2010/02/langage-visuel-refonte-site-bbc-charte-graphique-festival-cannes/bbc-3/"><img class="alignnone size-full wp-image-484" title="bbc-3" src="http://www.altincelles.fr/blog/wp-content/uploads/2010/02/bbc-3.jpg" alt="" width="298" height="397" /></a> <a rel="attachment wp-att-483" href="http://www.altincelles.fr/blog/2010/02/langage-visuel-refonte-site-bbc-charte-graphique-festival-cannes/bbc-2/"><img class="alignnone size-full wp-image-483" title="bbc-2" src="http://www.altincelles.fr/blog/wp-content/uploads/2010/02/bbc-2.jpg" alt="" width="598" height="441" /></a> <a rel="attachment wp-att-482" href="http://www.altincelles.fr/blog/2010/02/langage-visuel-refonte-site-bbc-charte-graphique-festival-cannes/bbc-1/"><img class="alignnone size-full wp-image-482" title="bbc-1" src="http://www.altincelles.fr/blog/wp-content/uploads/2010/02/bbc-1.jpg" alt="" width="598" height="233" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.altincelles.fr/blog/2010/02/langage-visuel-refonte-site-bbc-charte-graphique-festival-cannes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Delpire &amp; Cie &#8211; Maison Européenne de la Photographie</title>
		<link>http://www.altincelles.fr/blog/2009/12/robert-delpire-maison-europeenne-de-la-photographie/</link>
		<comments>http://www.altincelles.fr/blog/2009/12/robert-delpire-maison-europeenne-de-la-photographie/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 11:22:52 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[Général]]></category>
		<category><![CDATA[Delpire]]></category>
		<category><![CDATA[MEP]]></category>
		<category><![CDATA[Photographie]]></category>

		<guid isPermaLink="false">http://www.altincelles.fr/blog/?p=440</guid>
		<description><![CDATA[Robert Delpire : éditeur de livres, directeur artistique dans la publicité,
commissaire d&#8217;expositions, producteur de films, directeur du Centre
National de la Photographie (CNP) à partir de 1982, créateur
de la collection “Photo-Poche”, premier éditeur français de Max et les Maximonstres&#8230;
Avec un tel cv, pas étonnant que l&#8217;exposition consacrée à sa carrière soit d&#8217;une richesse folle.
On trouve dans l&#8217;espace &#171;&#160;Publicité&#160;&#187; ses [...]]]></description>
			<content:encoded><![CDATA[<p>Robert Delpire : éditeur de livres, directeur artistique dans la publicité,<br />
commissaire d&#8217;expositions, producteur de films, directeur du Centre<br />
National de la Photographie (CNP) à partir de 1982, créateur<br />
de la collection “Photo-Poche”, premier éditeur français de <em>Max et les Maximonstre</em>s&#8230;</p>
<p>Avec un tel cv, pas étonnant que l&#8217;exposition consacrée à sa carrière soit d&#8217;une richesse folle.<br />
On trouve dans l&#8217;espace &laquo;&nbsp;Publicité&nbsp;&raquo; ses créations pour  Citroën et Cacharel (Loulou),<br />
des photographies de Cartier-Bresson dans l&#8217;espace &laquo;&nbsp;Photographie&nbsp;&raquo;.</p>
<p>Du 28 octobre 2009 au 24 janvier 2010.</p>
<p>- Delpire &amp; Cie sur le site  des <a href="http://www.rencontres-arles.com/A09/C.aspx?VP3=CMS&amp;ID=A09P15" target="_blank">Rencontres d&#8217;Arles 2009<br />
</a>- Delpire &amp; Cie sur le site du magazine <a href="http://www.etapes.com/delpire-cie-maison-europeenne-de-photographie" target="_blank">Etapes<br />
</a>- Le site de la <a href="http://www.mep-fr.org/" target="_blank">Maison Européenne de la Photographie<br />
</a></p>
<p><img title="mep-delpire-brochure-1" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/12/mep-delpire-brochure-1.jpg" alt="mep-delpire-brochure-1" width="298" height="397" /><img class="alignnone size-full wp-image-445" title="mep-delpire-affiche" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/12/mep-delpire-affiche.jpg" alt="mep-delpire-affiche" width="298" height="397" /><img class="alignnone size-full wp-image-449" title="mep-delpire-brochure-2" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/12/mep-delpire-brochure-2.jpg" alt="mep-delpire-brochure-2" width="598" height="308" /><img class="alignnone size-full wp-image-443" title="mep-delpire-couvertures-livres-zoom" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/12/mep-delpire-couvertures-livres-zoom.jpg" alt="mep-delpire-couvertures-livres-zoom" width="298" height="397" /><img class="alignnone size-full wp-image-442" title="mep-delpire-mur" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/12/mep-delpire-mur.jpg" alt="mep-delpire-mur" width="298" height="397" /><img class="alignnone size-full wp-image-441" title="mep-delpire-livres-usa-amazon" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/12/mep-delpire-livres-usa-amazon.jpg" alt="mep-delpire-livres-usa-amazon" width="598" height="381" /><img class="alignnone size-full wp-image-444" title="mep-delpire-couvertures-livres" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/12/mep-delpire-couvertures-livres.jpg" alt="mep-delpire-couvertures-livres" width="298" height="397" /><img class="alignnone size-full wp-image-450" title="mep-delpire-images" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/12/mep-delpire-images.jpg" alt="mep-delpire-images" width="298" height="397" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.altincelles.fr/blog/2009/12/robert-delpire-maison-europeenne-de-la-photographie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Charte graphique de la Cité de l&#8217;Immigration</title>
		<link>http://www.altincelles.fr/blog/2009/10/charte-graphique-cite-immigration-paris/</link>
		<comments>http://www.altincelles.fr/blog/2009/10/charte-graphique-cite-immigration-paris/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 08:13:04 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[Général]]></category>
		<category><![CDATA[charte]]></category>
		<category><![CDATA[cité immigration]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://www.altincelles.fr/blog/?p=376</guid>
		<description><![CDATA[Ouverte depuis Octobre 2007, la cité de l&#8217;immigration propose jusqu&#8217;au 11 octobre 2009
l&#8217;exposition &#171;&#160;Ma Proche Banlieue&#160;&#187;, photographies et films de Patrick Zachmann de 1980 à 2007.
C&#8217;est à cette occasion que nous avons découvert le lieu.
Passée notre première visite, on est très très fans de l&#8217;identité visuelle  créée
par Pete Jeffs (Paris) et Yann Legendre (Chicago). [...]]]></description>
			<content:encoded><![CDATA[<p>Ouverte depuis Octobre 2007, la cité de l&#8217;immigration propose jusqu&#8217;au 11 octobre 2009<br />
l&#8217;exposition &laquo;&nbsp;Ma Proche Banlieue&nbsp;&raquo;, photographies et films de Patrick Zachmann de 1980 à 2007.<br />
C&#8217;est à cette occasion que nous avons découvert le lieu.</p>
<p>Passée notre première visite, on est très très fans de l&#8217;identité visuelle  créée<br />
par Pete Jeffs (Paris) et Yann Legendre (Chicago). La charte graphique est réussie,<br />
bien intégrée et en accord avec l&#8217;esprit et le patrimoine de la cité. Le logo est riche<br />
et polysémique (la clef&#8230;). Une recherche sur google avec les mots-clés &laquo;&nbsp;charte graphique<br />
cité immigration&nbsp;&raquo; mène droit au fichier pdf complet de la charte. Simple oubli ou volonté<br />
de partage, le document décrit l&#8217;ensemble des codes graphiques utilisés (logo, pictos, typos&#8230;)<br />
constitue un outil de travail plus qu&#8217;intéressant pour quiconque s&#8217;intéresse de près ou de loin<br />
à la communication  et/ou à l&#8217;identité de marque.</p>
<p>Donc pour le fichier pdf cela se passe <a title="altincelles - charte graphique - cité immigration" href="http://www.histoire-immigration.fr/upload/file/marche/2009_03/2009_03_charte_graphique.pdf" target="_blank">ici</a>.<br />
Le site de la <a title="altincelles - site officiel cité immigration" href="http://www.histoire-immigration.fr/" target="_blank">Cité nationale de l&#8217;histoire de l&#8217;immigration</a><br />
Egalement en ligne, le film &laquo;&nbsp;<a title="altincelles - Deux siècles d'histoire de l'immigration" href="http://www.histoire-immigration.fr/main.php?period=0&amp;sous_sequence=0" target="_blank">Deux siècles d&#8217;histoire de l&#8217;immigration</a>&nbsp;&raquo;  réalisé par la société <a title="altincelles - Hyptique" href="http://www.hyptique.fr/" target="_blank">Hyptique</a></p>
<p>Cité nationale de l&#8217;histoire de l&#8217;immigration<br />
Palais de la Porte Dorée<br />
293, avenue Daumesnil<br />
75012 Paris</p>
<p><img class="alignnone size-full wp-image-388" title="cite-immigration-1" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/10/cite-immigration-1.jpg" alt="cite-immigration-1" width="598" height="375" /><br />
<img class="alignnone size-full wp-image-387" title="cite-immigration-2" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/10/cite-immigration-2.jpg" alt="cite-immigration-2" width="598" height="480" /><br />
<img class="alignnone size-full wp-image-386" title="cite-immigration-3" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/10/cite-immigration-3.jpg" alt="cite-immigration-3" width="299" height="456" /><img class="alignnone size-full wp-image-385" title="cite-immigration-4" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/10/cite-immigration-4.jpg" alt="cite-immigration-4" width="298" height="464" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.altincelles.fr/blog/2009/10/charte-graphique-cite-immigration-paris/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mensomadaire &#8211; Octobre 2009</title>
		<link>http://www.altincelles.fr/blog/2009/09/mensomadaire-numero-100/</link>
		<comments>http://www.altincelles.fr/blog/2009/09/mensomadaire-numero-100/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 13:16:07 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[Général]]></category>
		<category><![CDATA[Bubblicious]]></category>
		<category><![CDATA[h5]]></category>
		<category><![CDATA[logorama]]></category>
		<category><![CDATA[mensomadaire]]></category>

		<guid isPermaLink="false">http://www.altincelles.fr/blog/?p=278</guid>
		<description><![CDATA[On a pu jeter un oeil à l&#8217;intégralité du contenu de la 100eme de &#171;&#160;Mensomadaire&#160;&#187;
qui sera diffusée le 19 Octobre sur Canal +.  Le contenu de 1h15 est riche, très riche,
foisonnant même. Du lot des créations françaises présentées se détache nettement
&#171;&#160;Logorama&#160;&#187; réalisé par le collectif H5.
Récompensé à la Semaine de la critique du festival de [...]]]></description>
			<content:encoded><![CDATA[<p>On a pu jeter un oeil à l&#8217;intégralité du contenu de la 100eme de &laquo;&nbsp;Mensomadaire&nbsp;&raquo;<br />
qui sera diffusée le 19 Octobre sur <a href="http://www.canalplus.fr/" target="_blank">Canal +</a>.  Le contenu de 1h15 est riche, très riche,<br />
foisonnant même. Du lot des créations françaises présentées se détache nettement<br />
&laquo;&nbsp;Logorama&nbsp;&raquo; réalisé par le collectif H5.</p>
<p>Récompensé à la Semaine de la critique du festival de cannes 2009, ce court-métrage<br />
propose sur fond de course-poursuite un univers ou personnages, décors, véhicules<br />
sont présents sous la forme de logotypes. Dans ce monde saturé de signes commerciaux,<br />
des flics bibendums michelins poursuivent un ronald McDonald preneur d&#8217;otages,<br />
rafraîchissant :) Mention spéciale aux pandas du WWF, au Green Giant, et à Mister Clean!</p>
<p>A voir sur grand écran si possible, les dates de projection sont <a href="http://www.logorama-themovie.com/" target="_blank">ici</a>.</p>
<p>Sur Canal+ :<br />
Diffusion le 16 Octobre à 23h16<br />
Rediffusions le dimanche 18 octobre à 5h40<br />
Le mardi 20 octobre à 20h10 sur Canal+ cinéma<br />
Le mercredi 21 octobre à 12h18</p>
<p><img class="alignnone size-full wp-image-321" title="logorama-1" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/09/logorama-1.jpg" alt="logorama-1" width="526" height="352" /><br />
<img class="alignnone size-full wp-image-324" title="logorama-5" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/09/logorama-5.jpg" alt="logorama-5" width="526" height="291" /><br />
<img class="alignnone size-full wp-image-323" title="logorama-4" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/09/logorama-4.jpg" alt="logorama-4" width="526" height="295" /><br />
<img class="alignnone size-full wp-image-322" title="logorama-3" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/09/logorama-3.jpg" alt="logorama-3" width="526" height="296" /></p>
<p>Le collectif se distinguait dès 1999 avec le clip &laquo;&nbsp;The Child&nbsp;&raquo; pour Alex Gopher.<br />
Une sorte de mise en bouche et d&#8217;essai pour la suite.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="598" height="363" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/_G7rzjF_hKI&amp;hl=fr&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="598" height="363" src="http://www.youtube.com/v/_G7rzjF_hKI&amp;hl=fr&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>le <a href="http://www.logorama-themovie.com/" target="_blank">site officiel</a> de Logorama<br />
le site de <a href="http://www.h5.fr/" target="_blank">H5<br />
</a>une <a href="http://www.etapes.com/interview/interview-h5-logorama" target="_blank">interview</a> de h5 sur le site etapes.com<br />
la société de production <a href="http://blog.autourdeminuit.com" target="_blank">autour de minuit</a></p>
<p><a href="http://blog.autourdeminuit.com" target="_blank"></a><br />
On a aussi bien aimé le clip &laquo;&nbsp;Bubblicious&nbsp;&raquo; / Rex the Dog réalisé par Geoffroy de Crecy,<br />
tout en stop motion avec un jeu pertinent sur l&#8217;envers du décor et la visualisation<br />
des techniques employées (découpage, collage, impression&#8230;)<br />
Sinon on peut aussi écouter un <a href="http://www.rexthedog.net/minimix.mp3" target="_blank">minimix de Rex the Dog</a> sur son <a href="http://www.rexthedog.net" target="_blank">site officiel</a></p>
<p><img class="alignnone size-full wp-image-290" title="bubbli-1" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/09/bubbli-1.jpg" alt="bubbli-1" width="598" height="211" /><br />
<img class="alignnone size-full wp-image-291" title="bubbli-2" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/09/bubbli-2.jpg" alt="bubbli-2" width="598" height="160" /><br />
<img class="alignnone size-full wp-image-292" title="bubbli-3" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/09/bubbli-3.jpg" alt="bubbli-3" width="598" height="271" /><br />
<img class="alignnone size-full wp-image-293" title="bubbli-4" src="http://www.altincelles.fr/blog/wp-content/uploads/2009/09/bubbli-4.jpg" alt="bubbli-4" width="598" height="227" /><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="598" height="363" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/acay3S2PhSg&amp;hl=fr&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="598" height="363" src="http://www.youtube.com/v/acay3S2PhSg&amp;hl=fr&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.altincelles.fr/blog/2009/09/mensomadaire-numero-100/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.rexthedog.net/minimix.mp3" length="3270767" type="audio/mpeg" />
		</item>
	</channel>
</rss>

