<?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>Design graphique interactif &#187; Flash</title>
	<atom:link href="http://od1.fr/book/tag/flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://od1.fr/book</link>
	<description>Nicolas Guichard, book</description>
	<lastBuildDate>Tue, 29 Nov 2011 17:45:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Visualisation des projets</title>
		<link>http://od1.fr/book/2010/02/visualisation-des-projets/</link>
		<comments>http://od1.fr/book/2010/02/visualisation-des-projets/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 09:03:43 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%1]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[design graphique]]></category>
		<category><![CDATA[design interactif]]></category>
		<category><![CDATA[design sonore]]></category>
		<category><![CDATA[expérimentation]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[site web]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=491</guid>
		<description><![CDATA[ 
Expérimentation de design d&#8217;information sur mes projets : Datadesign book.
Chaque tags de compétences est représenté par une couleur. Les projets aux tags communs se lient entre eux au survol de la souris.
Des filtres combinatoires peuvent permettre de rechercher des projets par compétences.
Les projets anciens s&#8217;éloignent vers les bords de l&#8217;écran.

]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-495" title="datadesignbook82" src="http://od1.fr/book/wp-content/uploads/2010/11/datadesignbook82.png" alt="datadesignbook82" width="82" height="82" /> </p>
<p>Expérimentation de design d&#8217;information sur mes projets : <a href="http://od1.fr/book_datadesign/" target="_blank">Datadesign book</a>.<br />
Chaque tags de compétences est représenté par une couleur. Les projets aux tags communs se lient entre eux au survol de la souris.<br />
Des filtres combinatoires peuvent permettre de rechercher des projets par compétences.<br />
Les projets anciens s&#8217;éloignent vers les bords de l&#8217;écran.</p>
<p><img class="alignnone size-full wp-image-492" title="datadesignbook" src="http://od1.fr/book/wp-content/uploads/2010/11/datadesignbook.png" alt="datadesignbook" width="600" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2010/02/visualisation-des-projets/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Widget évènementiel</title>
		<link>http://od1.fr/book/2010/02/widget-evenementiel/</link>
		<comments>http://od1.fr/book/2010/02/widget-evenementiel/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 14:54:30 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%7]]></category>
		<category><![CDATA[AIR]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design graphique]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[intégration]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[site web]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://od1.fr/book2/?p=399</guid>
		<description><![CDATA[
Création graphique, animation et développement d&#8217;un widget AIR à destination des journalistes. Le widget s&#8217;inscrit dans la continuité du concours pour enfant &#171;&#160;Des idées plein la planète&#160;&#187;. Création et intégration du site de téléchargement et du mailing associé.
Télécharger le widget sur des-idees-plein-la-planete.com
Concept : Birgit  Brendgen et Porter Novelli.


]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-400" title="widgetduracell_vignette 82x82" src="http://od1.fr/book/wp-content/uploads/2010/02/widgetduracell_vignette-82x82.jpg" alt="widgetduracell_vignette 82x82" width="82" height="82" /></p>
<p>Création graphique, animation et développement d&#8217;un widget AIR à destination des journalistes. Le widget s&#8217;inscrit dans la continuité du concours pour enfant &laquo;&nbsp;Des idées plein la planète&nbsp;&raquo;. Création et intégration du <a href="http://des-idees-plein-la-planete.com/" target="_blank">site de téléchargement</a> et du <a href="http://des-idees-plein-la-planete.com/mail/email.html" target="_blank">mailing associé</a>.<br />
<a href="http://des-idees-plein-la-planete.com/" target="_blank">Télécharger le widget sur des-idees-plein-la-planete.com</a></p>
<p>Concept : <a href="http://turbulessence.com/" target="_blank">Birgit  Brendgen</a> et <a href="http://www.porternovelli.fr/" target="_blank">Porter Novelli</a>.</p>
<p><img class="alignnone size-full wp-image-403" title="widget" src="http://od1.fr/book/wp-content/uploads/2010/02/widget2.jpg" alt="widget" /></p>
<p><img class="alignnone size-full wp-image-402" title="site" src="http://od1.fr/book/wp-content/uploads/2010/02/site.jpg" alt="Site de téléchargement du widget. Utilisation d'un badge Flash pour détecter la présence AIR (et l'installer si nécessaire) sur l'ordinateur du visiteur." /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2010/02/widget-evenementiel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animation Flash</title>
		<link>http://od1.fr/book/2009/12/animation-flash/</link>
		<comments>http://od1.fr/book/2009/12/animation-flash/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 13:59:57 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%4]]></category>
		<category><![CDATA[Non classé]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://od1.fr/book2/?p=419</guid>
		<description><![CDATA[
Réalisation d&#8217;une animation Flash sur la base d&#8217;un storyboard.
Graphisme et storyboard par Birgit  Brendgen.
Voir l&#8217;animation sur anthineafox.fr

]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-420" title="anthineafox-anim_vignette 82x82" src="http://od1.fr/book/wp-content/uploads/2010/02/anthineafox-anim_vignette-82x82.jpg" alt="anthineafox-anim_vignette 82x82" width="82" height="82" /></p>
<p>Réalisation d&#8217;une animation Flash sur la base d&#8217;un storyboard.<br />
Graphisme et storyboard par <a href="http://turbulessence.com/" target="_blank">Birgit  Brendgen</a>.<br />
<a href="http://www.anthineafox.fr/intro.html" target="_blank">Voir l&#8217;animation sur anthineafox.fr</a></p>
<p><img src="http://od1.fr/book/wp-content/uploads/2010/02/anthineafox_anim.jpg" alt="anthineafox_anim" title="anthineafox_anim"  class="alignnone size-full wp-image-421" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2009/12/animation-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ecosystem, un petit monde peuplé</title>
		<link>http://od1.fr/book/2009/01/ecosystem-un-petit-monde-peuple/</link>
		<comments>http://od1.fr/book/2009/01/ecosystem-un-petit-monde-peuple/#comments</comments>
		<pubDate>Sat, 10 Jan 2009 08:40:15 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%10]]></category>
		<category><![CDATA[selection]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design graphique]]></category>
		<category><![CDATA[design interactif]]></category>
		<category><![CDATA[design sonore]]></category>
		<category><![CDATA[expérimentation]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[installation interactive]]></category>
		<category><![CDATA[jeu]]></category>
		<category><![CDATA[travail d'équipe]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=202</guid>
		<description><![CDATA[
Installation interactive conçue et réalisée au sein du collectif Lab212, présentée lors du lancement du laboratoire commun entre Alcatel Lucent Bell Labs et Institut Telecom Paris Sud.
Voir la V1 en ligne (utilisez les touches de 1 à 8 du pavé numérique de votre clavier pour faire apparaitre les organismes, il est possible de tenter un [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-298" title="ecosystem_vignette-82x82" src="http://od1.fr/book/wp-content/uploads/2009/01/ecosystem_vignette-82x82.jpg" alt="ecosystem_vignette-82x82" width="82" height="82" /></p>
<p>Installation interactive conçue et réalisée au sein du <a href="http://lab212.org/">collectif Lab212</a>, présentée lors du lancement du laboratoire commun entre Alcatel Lucent Bell Labs et Institut Telecom Paris Sud.</p>
<p><a href="http://od1.fr/projects/ecosystem/" target="_blank">Voir la V1 en ligne</a> (utilisez les touches de 1 à 8 du pavé numérique de votre clavier pour faire apparaitre les organismes, il est possible de tenter un régulation en déplaçant les organismes par glisser-déposer).</p>
<p><a href="http://vimeo.com/3296513" target="_blank">Voir la vidéo d&#8217;une séquence.</a></p>
<p><img title="ecosystem_capture" src="http://od1.fr/book/wp-content/uploads/2009/01/ecosystem_capture.png" alt="ecosystem_capture" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2009/01/ecosystem-un-petit-monde-peuple/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Maquette After Effects pour principe de navigation 3D</title>
		<link>http://od1.fr/book/2008/12/navigation-3/</link>
		<comments>http://od1.fr/book/2008/12/navigation-3/#comments</comments>
		<pubDate>Thu, 04 Dec 2008 16:53:45 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%9]]></category>
		<category><![CDATA[selection]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[After Effects]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[design interactif]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[maquette]]></category>
		<category><![CDATA[mini-site évenementiel]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[vidéo]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=180</guid>
		<description><![CDATA[
Conception d&#8217;une navigation 3D pour un mini-site évènementiel du lancement d&#8217;un décodeur TV haut de gamme et réalisation d&#8217;une maquette vidéo After Effects.
La navigation permet la découverte et la mise en valeur du produit. L&#8217;immersion de l&#8217;internaute dans le film positionne l&#8217;objet comme la clé d&#8217;accès au contenu HD.

]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-305" title="canal_vignette-82x82" src="http://od1.fr/book/wp-content/uploads/2008/12/canal_vignette-82x82.jpg" alt="canal_vignette-82x82" width="82" height="82" /></p>
<p><strong>Conception</strong> d&#8217;une navigation 3D pour un mini-site évènementiel du lancement d&#8217;un décodeur TV haut de gamme et <strong>réalisation</strong> d&#8217;une <a rel="shadowbox;width=740;height=535" href="http://od1.fr/book/wp-content/uploads/maquette04.flv" target="_blank">maquette vidéo After Effects</a>.</p>
<p>La navigation permet la <strong>découverte </strong>et la <strong>mise en valeur du produit</strong>. L&#8217;immersion de l&#8217;internaute dans le film positionne l&#8217;objet comme la clé d&#8217;accès au contenu HD.</p>
<p><img class="alignnone size-full wp-image-307" title="maquette04-04" src="http://od1.fr/book/wp-content/uploads/2008/12/maquette04-04.png" alt="maquette04-04" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2008/12/navigation-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://od1.fr/book/wp-content/uploads/maquette04.flv" length="1120934" type="video/x-flv" />
		</item>
		<item>
		<title>Animation pour Stop-It, installation interactive, sonore &amp; visuelle</title>
		<link>http://od1.fr/book/2008/11/animation-pour-stop-it-installation-interactive-sonore-visuelle/</link>
		<comments>http://od1.fr/book/2008/11/animation-pour-stop-it-installation-interactive-sonore-visuelle/#comments</comments>
		<pubDate>Wed, 19 Nov 2008 13:09:43 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%3]]></category>
		<category><![CDATA[selection]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design interactif]]></category>
		<category><![CDATA[expérimentation]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[installation interactive]]></category>
		<category><![CDATA[travail d'équipe]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=171</guid>
		<description><![CDATA[
Voir l&#8217;animations de végétaux des quatre coins du monde et l&#8217;animations de ciels.
Séries d&#8217;animations réalisée pour Stop-It, une installation interactive imaginée et réalisé au sein du Lab212, et présentée pendant la soirée Lingueo à la galerie Acte2 (Paris VIIIème).
Stop-It est un séquenceur : le public compose une mélodie en déposant les Post-its® sur un tableau [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-318" title="animstopit_vignette-82x82" src="http://od1.fr/book/wp-content/uploads/2008/11/animstopit_vignette-82x82.jpg" alt="animstopit_vignette-82x82" width="82" height="82" /></p>
<p><a href="http://od1.fr/book/wp-content/uploads/anims-vegetaux-optimisee-blog.swf" target="_blank">Voir l&#8217;animations de végétaux des quatre coins du monde</a> et <a href="http://od1.fr/book/wp-content/uploads/anims-cliel-optimisee-blog.swf" target="_blank">l&#8217;animations de ciels.</a></p>
<p>Séries d&#8217;animations réalisée pour Stop-It, une installation interactive imaginée et réalisé au sein du <a href="http://lab212.org/" target="_blank">Lab212</a>, et présentée pendant la soirée Lingueo à la galerie <a href="http://www.acte2photo.com/" target="_blank">Acte2</a> (Paris VIIIème).</p>
<p><strong>Stop-It</strong> est un séquenceur : le public compose une mélodie en déposant les Post-its® sur un tableau quadrillé. A chaque couleur de Post-its® est associé un son et une animation, et la position verticale du Post-its® sur le quadrillage définit sa hauteur de note. La composition sonore est jouée en direct et les animations sont projetées sur un écran vidéo.</p>
<p><a href="http://www.lingueo.com/" target="_blank">Lingueo</a> est un service proposant la mise en relation d&#8217;étudiants souhaitant pratiquer une langue étrangère avec des tuteurs du monde entier.<br />
Nous avons donc choisi <strong>le thème visuel et sonore du carnet de voyage et du mélange culturel</strong>.</p>
<p><img class="alignnone size-full wp-image-315" title="stopit-animation-vegetaux" src="http://od1.fr/book/wp-content/uploads/2008/11/stopit-animation-vegetaux.jpg" alt="stopit-animation-vegetaux" /></p>
<p><img class="alignnone size-full wp-image-316" title="stopit-animation-ciels" src="http://od1.fr/book/wp-content/uploads/2008/11/stopit-animation-ciels.jpg" alt="stopit-animation-ciels" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2008/11/animation-pour-stop-it-installation-interactive-sonore-visuelle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tilink, un dispositif pour les enfants hospitalisés</title>
		<link>http://od1.fr/book/2008/06/tilink-un-dispositif-pour-les-enfants-hospitalises/</link>
		<comments>http://od1.fr/book/2008/06/tilink-un-dispositif-pour-les-enfants-hospitalises/#comments</comments>
		<pubDate>Sat, 28 Jun 2008 20:07:59 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%9]]></category>
		<category><![CDATA[selection]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[arborescence]]></category>
		<category><![CDATA[architecture de l'information]]></category>
		<category><![CDATA[charte graphique]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[design graphique]]></category>
		<category><![CDATA[design interactif]]></category>
		<category><![CDATA[design sonore]]></category>
		<category><![CDATA[développement]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[interface tactile]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[personna]]></category>
		<category><![CDATA[POO]]></category>
		<category><![CDATA[schéma]]></category>
		<category><![CDATA[travail d'équipe]]></category>
		<category><![CDATA[zoning]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=129</guid>
		<description><![CDATA[
Le projet Tilink a pour but d’améliorer le séjour à l’hôpital d’un enfant de 8 à 10 ans en lui permettant de garder un lien fort avec ses proches (famille et amis) quand ils ne peuvent pas être présents à ses côtés, mais également en le rassurant et en le distrayant.
Il permet aussi de mettre [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://od1.fr/book/wp-content/uploads/2008/06/image_6-18-25-0-82x82.jpg" alt="image_6-18-25-0" title="image_6-18-25-0" width="82" height="82" class="alignleft size-thumbnail wp-image-326" /></p>
<p>Le <a href="http://tilink.org" target="_blank">projet Tilink </a>a pour but d’améliorer le séjour à l’hôpital d’un enfant de 8 à 10 ans en lui permettant de garder un lien fort avec ses proches (famille et amis) quand ils ne peuvent pas être présents à ses côtés, mais également en le rassurant et en le distrayant.</p>
<p>Il permet aussi de mettre l’enfant en relation avec les autres enfants hospitalisés.</p>
<p><strong>Pour l&#8217;enfant :</strong> Un Tilink est un terminal peu volumineux, léger, sans fil et intégrant une connexion WiFi compatible avec le réseau de l’hôpital.</p>
<p>Il est équipé d’un écran tactile afin de simplifier l’interface pour l’enfant, d’une webcam, d’un microphone et de haut-parleurs (pour lui offrir un large spectre de moyens de communication avec ses proches).</p>
<p><strong>Pour l&#8217;entourage :</strong> Un site internet permet de aux parents et au proches de communiquer avec le Tilink de leur enfant hospitalisé. Ils peuvent également l&#8217;abonner à des revues virtuelles, lui envoyer des médias, etc.</p>
<p>Projet de diplôme de Gobelins, réalisé en équipe, avec <a href="http://antoinedoury.com">Antoine Doury</a>, <a href="http://gilk.fr">Gilles Kergadallan</a>, <a href="http://jumahe.com">Julien Mahé</a> et <a href="http://pudep-yeah.com/">Cyrielle Piancastelli</a>. Collaboration avec le <a title="Designer produit" href="http://gaelviez.com/" target="_blank">designer produit Gaël Viez</a>.</p>
<p>Ce projet a bénéficié d&#8217;une bourse à l&#8217;innovation Oséo.<br />
Pour plus d&#8217;informations, visitez <a href="http://tilink.org">tilink.org</a>.</p>
<p><img src="http://od1.fr/book/wp-content/uploads/tilink-logo.gif" alt="Le logotype Tilink. Rond et chaleureux pour évoquer la protection maternelle. Le lien enfant/entourage est représenté par les lettres cursive, comme tracées au doigt pour connoter l'enfance, le jeu. Le choix d’un lettrage sans empattement renvoie la modernité de l’objet." /></p>
<p><img src="http://od1.fr/book/wp-content/uploads/interface-cap.gif" alt="L'interface incorporée dans l'objet."  /></p>
<p><img src="http://od1.fr/book/wp-content/uploads/2008/06/image_6-18-25-0.jpg" alt="Interface du prototype" title="Interface du prototype" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2008/06/tilink-un-dispositif-pour-les-enfants-hospitalises/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Maquette vidéo pour un principe de navigation 3D</title>
		<link>http://od1.fr/book/2008/05/maquette-video-pour-un-principe-de-navigation-3d/</link>
		<comments>http://od1.fr/book/2008/05/maquette-video-pour-un-principe-de-navigation-3d/#comments</comments>
		<pubDate>Fri, 09 May 2008 23:13:00 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%9]]></category>
		<category><![CDATA[selection]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[After Effects]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design interactif]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[maquette]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[vidéo]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=104</guid>
		<description><![CDATA[
Pour le compte d&#8217;un grand groupe de Télévision par satellite, conception d&#8217;une navigation 3D Flash (avec Papervision 3D), puis animation sous After Effects d&#8217;une maquette vidéo HD.

Regarder la vidéo HD.

]]></description>
			<content:encoded><![CDATA[<p><img src="http://od1.fr/book/wp-content/uploads/2008/05/canalsat_vignette-82x82.jpg" alt="canalsat_vignette-82x82" title="canalsat_vignette-82x82" width="82" height="82" class="alignleft size-full wp-image-331" /></p>
<p>Pour le compte d&#8217;un grand groupe de Télévision par satellite, conception d&#8217;une navigation 3D Flash (avec Papervision 3D), puis animation sous After Effects d&#8217;une maquette vidéo HD.<br />
<br />
<a href="http://od1.fr/book/wp-content/uploads/2008/06/CanalSat-pre-maquette.flv" target="_blank">Regarder la vidéo HD.</a></p>
<p><img src="http://od1.fr/book/wp-content/uploads/2008/05/canalSat_capHR.jpg" alt="canalSat_capHR" title="canalSat_capHR" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2008/05/maquette-video-pour-un-principe-de-navigation-3d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://od1.fr/book/wp-content/uploads/2008/06/CanalSat-pre-maquette.flv" length="6178417" type="video/x-flv" />
		</item>
		<item>
		<title>Vidéo interactive pour la Maaf</title>
		<link>http://od1.fr/book/2008/04/video-interactive/</link>
		<comments>http://od1.fr/book/2008/04/video-interactive/#comments</comments>
		<pubDate>Wed, 09 Apr 2008 22:40:11 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%4]]></category>
		<category><![CDATA[nc]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design graphique]]></category>
		<category><![CDATA[design interactif]]></category>
		<category><![CDATA[développement]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[vidéo]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=103</guid>
		<description><![CDATA[
Conception, design graphique, animation et développement technique d&#8217;un programme vidéo interactif Flash. Travail réalisé à Novacom Associés.
Regarder l&#8217;animation sur le site de la maaf
Regarder l&#8217;animation

]]></description>
			<content:encoded><![CDATA[<p><img src="http://od1.fr/book/wp-content/uploads/2008/04/maaf-cap-82x82.jpg" alt="maaf-cap" title="maaf-cap" width="82" height="82" class="alignleft size-thumbnail wp-image-333" /></p>
<p>Conception, design graphique, animation et développement technique d&#8217;un programme vidéo interactif Flash. Travail réalisé à Novacom Associés.<br />
<a href="http://www.maaf.fr/assurances/fr/c_5317/l-essentiel" target="_blank">Regarder l&#8217;animation sur le site de la maaf</a></p>
<p><a href="http://od1.fr/book/wp-content/uploads/2008/06/maaf/anim5.swf" target="_blank">Regarder l&#8217;animation</a></p>
<p><img src="http://od1.fr/book/wp-content/uploads/2008/04/maaf-cap.jpg" alt="maaf-cap" title="maaf-cap" width="470" height="395" class="alignnone size-full wp-image-333" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2008/04/video-interactive/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design d&#039;interface tactile pour Totem</title>
		<link>http://od1.fr/book/2007/10/interface-totem/</link>
		<comments>http://od1.fr/book/2007/10/interface-totem/#comments</comments>
		<pubDate>Mon, 15 Oct 2007 19:05:09 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%5]]></category>
		<category><![CDATA[selection]]></category>
		<category><![CDATA[design graphique]]></category>
		<category><![CDATA[design interactif]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[interface tactile]]></category>
		<category><![CDATA[travail d'équipe]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=108</guid>
		<description><![CDATA[
Conception graphique et interactive d&#8217;une interface tactile et d&#8217;un économiseur d&#8217;écran pour Totem. Travail d&#8217;équipe avec et Marie-Bénédict Jacquemin et Gilles Kergadallan à Gobelins.
Totem est un répondeur téléphonique nouvelle génération qui permet de consulter et de laisser des messages pour resserrer les liens avec votre tribu.
Concept général
Métaphore de la plante, de la vie. La communication [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://od1.fr/book/wp-content/uploads/2007/10/totem_vignette-82x82.jpg" alt="totem_vignette-82x82" title="totem_vignette-82x82" width="82" height="82" class="alignleft size-full wp-image-336" /></p>
<p><strong>Conception graphique et interactive</strong> d&#8217;une interface tactile et d&#8217;un économiseur d&#8217;écran pour Totem. Travail d&#8217;équipe avec et <a href="http://book.mariebee.fr">Marie-Bénédict Jacquemin</a> et <a href="http://gilk.fr">Gilles Kergadallan</a> à Gobelins.</p>
<p>Totem est un répondeur téléphonique nouvelle génération qui permet de consulter et de laisser des messages pour resserrer les liens avec votre tribu.</p>
<p><strong>Concept général</strong><br />
Métaphore de la plante, de la vie. La <strong>communication </strong>au sein de la communauté<strong> se développe</strong> comme une plante qui croît, à l’image de notre communication.<br />
Sa métamorphose constante <strong>incite l’utilisateur a utiliser l’objet</strong>.</p>
<p><strong>Interface</strong><br />
La plante se fait numérique et intègre des images personnelles, chaque feuille, chaque pétale est un instant d’échange.<br />
Les échanges s’articulent en spirale le long de la tige du temps. Ils se détachent à volonté pour rejoindre un emplacement choisi par l’utilisateur (coup de cœur, important, ou librement sur le bureau).</p>
<p><strong>Économiseur d&#8217;écran</strong><br />
<a href="http://od1.fr/book/wp-content/uploads/screensaver061.swf" target="_blank">Voir la simulation d&#8217;écran de veille.</a><br />
Les pétales se détachent lentement et deviennent des mots, des images, qui flotent et se déplacent au grès de l’utilisateur pour former des phrases, des poêmes (un peu à la manière des magnet du frigo).</p>
<p><img src="http://od1.fr/book/wp-content/uploads/bureau.jpg" alt="L'interface tactile permet à l'utilisateur de consulter et de manipuler facilement ses messages reçus." /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2007/10/interface-totem/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vous êtes le parasite, profitez-en !</title>
		<link>http://od1.fr/book/2007/06/vous-etes-le-parasite-profitez-en/</link>
		<comments>http://od1.fr/book/2007/06/vous-etes-le-parasite-profitez-en/#comments</comments>
		<pubDate>Wed, 20 Jun 2007 10:26:33 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%6.5]]></category>
		<category><![CDATA[selection]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[arborescence]]></category>
		<category><![CDATA[charte graphique]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design graphique]]></category>
		<category><![CDATA[design interactif]]></category>
		<category><![CDATA[design sonore]]></category>
		<category><![CDATA[développement]]></category>
		<category><![CDATA[expérimentation]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jeu]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[personna]]></category>
		<category><![CDATA[POO]]></category>
		<category><![CDATA[site web]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[zoning]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=85</guid>
		<description><![CDATA[
Pitch :
« Le parasite, comme tout être vivant, a pour vocation a se multiplier le plus possible, donc a exploiter son milieu autant que faire se peut. Cela ne signifie pas que l&#8217;exploitation la plus poussée de l&#8217;hôte est celle qui favorise le succès reproductif du parasite. »
Claude Combes, L&#8217;Art d&#8217;Être Parasite
Par un procédé ludique, [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://od1.fr/book/wp-content/uploads/2007/06/leparasite_vignette-82x82.jpg" alt="leparasite_vignette-82x82" title="leparasite_vignette-82x82" width="82" height="82" class="alignleft size-full wp-image-347" /></p>
<p><strong>Pitch :</strong></p>
<p>« Le parasite, comme tout être vivant, a pour vocation a se multiplier le plus possible, donc a exploiter son milieu autant que faire se peut. Cela ne signifie pas que l&#8217;exploitation la plus poussée de l&#8217;hôte est celle qui favorise le succès reproductif du parasite. »</p>
<p>Claude Combes, L&#8217;Art d&#8217;Être Parasite</p>
<p>Par un procédé ludique, une « expérimentation », l&#8217;utilisateur est invité a faire survivre une colonie de parasites sur un hôte. S&#8217;offrent à lui différentes stratégies qui influenceront, directement ou indirectement, les chances de survie de son espèce.</p>
<p>Projet individuel de fin de première année de CRMA à Gobelins.</p>
<p><strong><a href="http://od1.fr/book/wp-content/uploads/2008/06/leparasite_dossier_conception.pdf" target="_blank"><strong>Télécharger le dossier de conception</strong></a></strong></p>
<p><strong><a href="http://od1.free.fr/gob/dev/7/" target="_blank">Accéder à la maquette &laquo;&nbsp;fonctionnelle&nbsp;&raquo; version pré-alpha</a></strong></p>
<p><img title="leparasite_logo" src="http://od1.fr/book/wp-content/uploads/leparasite_logovert.jpg" alt="Le logo du projet, évocation de l'hôte et de ses parasites qui rongent la lisibilité." /></p>
<p><img title="leparasite_planche-tendance1" src="http://od1.fr/book/wp-content/uploads/leparasite_planche-tendance1-opt.jpg" alt="Planche tendance autour du thème de l'hôte et du parasite" /></p>
<p><img title="arbo" src="http://od1.fr/book/wp-content/uploads/2008/06/arbo.gif" alt="Arborescence du dispositif." /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2007/06/vous-etes-le-parasite-profitez-en/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pérégrination, portfolio Flash</title>
		<link>http://od1.fr/book/2006/06/peregrination-portfolio-flash-2006/</link>
		<comments>http://od1.fr/book/2006/06/peregrination-portfolio-flash-2006/#comments</comments>
		<pubDate>Thu, 01 Jun 2006 19:06:26 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%8]]></category>
		<category><![CDATA[selection]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[design graphique]]></category>
		<category><![CDATA[développement]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=109</guid>
		<description><![CDATA[
Pérégrination, portfolio Flash réalisé en 2006.
L&#8217;objectif de ce portfolio était de proposer à l&#8217;internaute une expérience sensorielle. Chaque projet est mis en valeur par des ambiances sonores et animées.
Voir l&#8217;ancien portfolio

]]></description>
			<content:encoded><![CDATA[<p><img src="http://od1.fr/book/wp-content/uploads/2006/06/peregrination_vignette-82x82.jpg" alt="peregrination_vignette 82x82" title="peregrination_vignette 82x82" width="82" height="82" class="alignleft size-full wp-image-356" /></p>
<p>Pérégrination, portfolio Flash réalisé en 2006.<br />
L&#8217;objectif de ce portfolio était de proposer à l&#8217;internaute une expérience sensorielle. Chaque projet est mis en valeur par des ambiances sonores et animées.</p>
<p><a href="http://od1.fr/swf/portfolio.htm">Voir l&#8217;ancien portfolio</a></p>
<p><img src="http://od1.fr/book/wp-content/uploads/2006/06/portfolio-ancien_cap.png" alt="portfolio-ancien_cap" title="portfolio-ancien_cap" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2006/06/peregrination-portfolio-flash-2006/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bannière interactive EDF, la fée électricité</title>
		<link>http://od1.fr/book/2005/03/banniere-edf-la-fee-electricite/</link>
		<comments>http://od1.fr/book/2005/03/banniere-edf-la-fee-electricite/#comments</comments>
		<pubDate>Tue, 01 Mar 2005 00:20:52 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%4]]></category>
		<category><![CDATA[nc]]></category>
		<category><![CDATA[bannière]]></category>
		<category><![CDATA[design interactif]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[publicité]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=39</guid>
		<description><![CDATA[
Sujet : Campagne européenne de notoriété pour EDF sur un ton fantastique.
Ma réponse : &#8216;Sur l&#8217;arbre de la fée électricité pousse des ampoules&#8217;. Les Lorsque l&#8217;utilisateur survole les ampoules éteintes, celles ci s&#8217;allument. La base-line apparait lorsque l&#8217;arbre est tout illuminé.
Exercice réalisé en cours de BTS communication visuelle option multimédia.
Regarder l&#8217;animation.

]]></description>
			<content:encoded><![CDATA[<p><img src="http://od1.fr/book/wp-content/uploads/2005/03/edf-82x82.jpg" alt="edf" title="edf" width="82" height="82" class="alignleft size-thumbnail wp-image-370" /></p>
<p><strong>Sujet :</strong> Campagne européenne de notoriété pour EDF sur un ton fantastique.</p>
<p><strong>Ma réponse :</strong> &#8216;Sur l&#8217;arbre de la fée électricité pousse des ampoules&#8217;. Les Lorsque l&#8217;utilisateur survole les ampoules éteintes, celles ci s&#8217;allument. La base-line apparait lorsque l&#8217;arbre est tout illuminé.</p>
<p>Exercice réalisé en cours de BTS communication visuelle option multimédia.</p>
<p><a href="http://od1.fr/book/wp-content/uploads/2008/06/edf.swf">Regarder l&#8217;animation.</a></p>
<p><img src="http://od1.fr/book/wp-content/uploads/2005/03/edf.jpg" alt="edf" title="edf" width="336" height="279" class="alignnone size-full wp-image-370" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2005/03/banniere-edf-la-fee-electricite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animation typographique</title>
		<link>http://od1.fr/book/2004/10/animation-typographique/</link>
		<comments>http://od1.fr/book/2004/10/animation-typographique/#comments</comments>
		<pubDate>Sun, 03 Oct 2004 19:08:15 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%3.5]]></category>
		<category><![CDATA[nc]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[musique]]></category>
		<category><![CDATA[son]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=47</guid>
		<description><![CDATA[
Transcription graphique de l&#8217;aspect sale, saccadé et violent de Stupéflip.
Voir l&#8217;animation.
Exercice réalisé en cours de BTS communication visuelle option multimédia.

]]></description>
			<content:encoded><![CDATA[<p><img src="http://od1.fr/book/wp-content/uploads/2004/10/stup_vignette-82x82.jpg" alt="stup_vignette 82x82" title="stup_vignette 82x82" width="82" height="82" class="alignleft size-full wp-image-381" /></p>
<p>Transcription graphique de l&#8217;aspect sale, saccadé et violent de <a href="http://www.stupeflip.com/" target="_blank">Stupéflip</a>.</p>
<p><a href="http://od1.fr/book/wp-content/uploads/2008/06/stup.swf">Voir l&#8217;animation.</a></p>
<p>Exercice réalisé en cours de BTS communication visuelle option multimédia.</p>
<p><img src="http://od1.fr/book/wp-content/uploads/2004/10/cap4.jpg" alt="cap4" title="cap4" class="alignnone size-full wp-image-382" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2004/10/animation-typographique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hommage à Muy Bridge</title>
		<link>http://od1.fr/book/2004/10/hommage-a-muy-bridge/</link>
		<comments>http://od1.fr/book/2004/10/hommage-a-muy-bridge/#comments</comments>
		<pubDate>Sun, 03 Oct 2004 19:01:51 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%3]]></category>
		<category><![CDATA[nc]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[expérimentation]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[lol]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=45</guid>
		<description><![CDATA[
Voir l&#8217;animation
Muy Bridge est un photographe célèbre pour sa décomposition images par images du galop d&#8217;un cheval.
Sujet : créer une animation d&#8217;hommage à son travail sur la vitesse et le mouvement. 
Réponse : Une animation mole, d&#8217;un animal mou et lent.
Exercice réalisé en cours de BTS communication visuelle option multimédia.

]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-385" title="muybridge_vignette 82x82" src="http://od1.fr/book/wp-content/uploads/2004/10/muybridge_vignette-82x82.jpg" alt="muybridge_vignette 82x82" width="82" height="82" /></p>
<p><a href="http://od1.fr/book/wp-content/uploads/2008/06/muy.swf">Voir l&#8217;animation</a></p>
<p><a href="http://fr.wikipedia.org/wiki/Muybridge" target="_blank">Muy Bridge</a> est un photographe célèbre pour sa décomposition images par images du galop d&#8217;un cheval.</p>
<p><strong>Sujet :</strong> créer une animation d&#8217;hommage à son travail sur la vitesse et le mouvement. <strong></strong></p>
<p><strong>Réponse :</strong> Une animation mole, d&#8217;un animal mou et lent.</p>
<p>Exercice réalisé en cours de BTS communication visuelle option multimédia.</p>
<p><img class="alignnone size-full wp-image-384" title="cap" src="http://od1.fr/book/wp-content/uploads/2004/10/cap.jpg" alt="cap" width="450" height="400" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2004/10/hommage-a-muy-bridge/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manolo images</title>
		<link>http://od1.fr/book/2004/07/manolo-images/</link>
		<comments>http://od1.fr/book/2004/07/manolo-images/#comments</comments>
		<pubDate>Thu, 22 Jul 2004 16:21:56 +0000</pubDate>
		<dc:creator>Nicolas Guichard</dc:creator>
				<category><![CDATA[%1]]></category>
		<category><![CDATA[nc]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[développement]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[site web]]></category>

		<guid isPermaLink="false">http://od1.fr/book/?p=50</guid>
		<description><![CDATA[
Conception et réalisation du site de www.manolo-images.com.
Choix des technologies (Flash pour le front-end, PHP pour l&#8217;administration), élaboration des système de navigation et développement.
Le système de navigation horizontal de bas en haut permet de mettre le visuel en valeur.

]]></description>
			<content:encoded><![CDATA[<p><img src="http://od1.fr/book/wp-content/uploads/2004/07/oloman_vignette-82x82.jpg" alt="oloman_vignette 82x82" title="oloman_vignette 82x82" width="82" height="82" class="alignleft size-full wp-image-391" /></p>
<p>Conception et réalisation du site de <a href="http://www.manolo-images.com">www.manolo-images.com</a>.</p>
<p>Choix des technologies (Flash pour le front-end, PHP pour l&#8217;administration), élaboration des système de navigation et développement.</p>
<p class="legende">Le système de navigation horizontal de bas en haut permet de mettre le visuel en valeur.</p>
<p><img title="oloman_cap" src="http://od1.fr/book/wp-content/uploads/2004/07/oloman_cap.png" alt="oloman_cap" /></p>
]]></content:encoded>
			<wfw:commentRss>http://od1.fr/book/2004/07/manolo-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

