<?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>aysoon.fr &#187; animation</title> <atom:link href="http://aysoon.fr/tag/animation/feed" rel="self" type="application/rss+xml" /><link>http://aysoon.fr</link> <description>Appréhender chaque jour l&#039;écosystème du web...</description> <lastBuildDate>Wed, 11 Aug 2010 08:03:00 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0.1</generator> <item><title>14 sites qui proposent des interfaces ou navigations vraiment originales</title><link>http://aysoon.fr/14-sites-qui-proposent-des-interfaces-ou-navigations-vraiment-originales</link> <comments>http://aysoon.fr/14-sites-qui-proposent-des-interfaces-ou-navigations-vraiment-originales#comments</comments> <pubDate>Mon, 22 Jun 2009 15:30:56 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[flash]]></category> <category><![CDATA[interface]]></category> <category><![CDATA[Interfaces riches]]></category> <category><![CDATA[navigation]]></category> <category><![CDATA[web innovant]]></category><guid isPermaLink="false">http://aysoon.fr/?p=10969</guid> <description><![CDATA[Ce qui est génial avec le web, c&#8217;est qu&#8217;il se réinvente tous les jours.. Chaque nouvelle journée est souvent l&#8217;occasion de découvrir de belles nouveautés imaginées par les développeurs ou concepteurs web&#8230; Aujourd&#8217;hui je vous propose une sélection de quelques unes des interfaces ou style de navigation qui sortent de l&#8217;ordinaire&#8230; Vous le constaterez comme [...]]]></description> <content:encoded><![CDATA[<p>Ce qui est génial avec le web, c&#8217;est qu&#8217;il se réinvente tous les jours.. Chaque nouvelle journée est souvent l&#8217;occasion de découvrir de belles nouveautés imaginées par les développeurs ou concepteurs web&#8230; Aujourd&#8217;hui je vous propose une <strong>sélection de quelques unes des interfaces</strong> ou style de <strong>navigation</strong> qui sortent de l&#8217;ordinaire&#8230;</p><p>Vous le constaterez comme moi, ces exemples sont loin d&#8217;êtres tous exploitables dans le cas d&#8217;un site web classique mais représentent des prototypes ou des <strong>concepts</strong>, souvent sources d&#8217;inspiration. Pour visiter les sites, il vous suffit de cliquer sur les images :)</p><h3>AgencyNet.com</h3><p>Pour un site en full-flash, je dois dire que cette webagency y ait allé fort : pour naviguer dans leur site et découvrir qu&#8217;ils sont, il suffit de se balader dans leurs locaux virtuels redessinés pour l&#8217;occasion&#8230;</p><p style="text-align: center;"><a href="http://agencynet.com/" target="_blank"><img title="agencynet-screenshot - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/agencynet-screenshot-aysoon.png" alt="agencynet-screenshot - aysoon.png" width="550" height="313" /></a></p><p style="text-align: center;"><sup>AgencyNet.com</sup></p><h3>Red-Issue.com</h3><p>Dans ce site en full-flash, la navigation se fait au clavier (avec les flèches) ou en traçant à la souris le lieu où vous voulez vous rendre( uen flèche &laquo;&nbsp;&gt;&nbsp;&raquo; pour aller à gauche par exemple). Original, oui c&#8217;est sûr&#8230; utile ? franchement non !</p><p style="text-align: center;"><a href="http://red-issue.com/#/collection/" target="_blank"><img title="red-isue-screenshot - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/red-isue-screenshot-aysoon.png" alt="red-isue-screenshot - aysoon.png" width="542" height="332" /></a></p><p style="text-align: center;"><a href="http://red-issue.com/#/collection/" target="_blank"></a> <span style="font-size: 10px;">Red-Issue.com</span></p><h3>TapTapTap.com</h3><p>Ce site nous propose un design soigné avec une navigation basée sur les différentes icônes d&#8217;applis iPhone qu&#8217;ils développent. Un placement intéressant d&#8217;une barre de menu classique</p><p style="text-align: center;"><a href="http://TapTapTap.com" target="_blank"><img title="tap tap tap ~ tasty bits for your iPhone.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/tap-tap-tap-tasty-bits-for-your-iPhone.png" alt="tap tap tap ~ tasty bits for your iPhone.png" width="562" height="296" /></a></p><p style="text-align: center;"><span style="font-size: 10px;">TapTapTap.com</span></p><h3>ericj.se</h3><p>Ce site d&#8217;un designer suédois (qui semble aimer aussi le scooter) m&#8217;a clairement fait rire avec sa navigation plus qu&#8217;originale sous la forme d&#8217;un grand scroll horizontal.. à visiter absolument :)</p><p style="text-align: center;"><a href="http://ericj.se" target="_blank"><img title="Eric-Johansson-screenshot - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/Eric-Johansson-screenshot-aysoon.png" alt="Eric-Johansson-screenshot - aysoon.png" width="550" height="274" /></a></p><p style="text-align: center;"><sup>ericj.se</sup></p><h3>JohnnySlack.com</h3><p>Proposant une interface sur deux niveaux : colonne et ligne, ce site permet de naviguer facilement de contenu en contenu. Cela me fait penser un peu à la Sony PSP (même si je n&#8217;en possède pas).. quelqu&#8217;un confirme ?</p><p style="text-align: center;"><a href="http://JohnnySlack.com" target="_blank"><img title="Johnny-Slack-screenshot - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/Johnny-Slack-screenshot-aysoon.png" alt="Johnny-Slack-screenshot - aysoon.png" width="550" height="298" /></a></p><p style="text-align: center;"><sup>JohnnySlack.com</sup></p><h3>Mobilux.eu</h3><p>Ce site a attiré mon attention pour sa galerie photo présentée sous la forme d&#8217;une roue (qui tourne :) ). Simple mais plutôt originale&#8230;</p><p style="text-align: center;"><a href="http://www.mobilux.eu/mobilux.html" target="_blank"><img title="SC-Mobilux-SRL-screenshot - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/SC-Mobilux-SRL-screenshot-aysoon.png" alt="SC-Mobilux-SRL-screenshot - aysoon.png" width="550" height="294" /></a></p><p style="text-align: center;"><sup>Mobilux.eu</sup></p><h3>Nickad.com</h3><p>Vous connaîtrez peut-être déjà ce site que l&#8217;on a souvent vu cité comme &laquo;&nbsp;innovant&nbsp;&raquo; : la navigation se fait ici en laissant le clic droit enfoncé ce qui masque la page actuelle pour faire apparaître un menu où l&#8217;on navigue ensuite en glissant la souris.</p><p style="text-align: center;"><a href="http://nickad.com/" target="_blank"><img title="Nickad-screenshot - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/Nickad-screenshot-aysoon.png" alt="Nickad-screenshot - aysoon.png" width="550" height="319" /></a></p><p style="text-align: center;"><span style="font-size: 10px;">Nickad.com</span></p><h3>Ai interactive Media</h3><p>Plus complexe à appréhender, ce site porpose une navigation basée sur des disques à drag &amp; droper pour naviguer parmi les contenus. Original mais j&#8217;ai rapidement passé mon chemin&#8230;</p><p style="text-align: center;"><a href="http://www.a-i.tw/root.html?lang=en" target="_blank"><img title="Ai-interactive-Media-screenshot - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/Ai-interactive-Media-screenshot-aysoon.png" alt="Ai-interactive-Media-screenshot - aysoon.png" width="550" height="284" /></a></p><p style="text-align: center;"><span style="font-size: 10px;">Ai interactive Media</span></p><h3>JonathanYuen.com</h3><p>Ce site est aussi très connu et il y a de quoi ! Si vous ne l&#8217;avez jamais visité, je vous invite à le faire sans vous en dire plus afin de vous laisser apprécier le moment !</p><p style="text-align: center;"><a href="http://www.jonathanyuen.com/main.html" target="_blank"><img title="Jonathan-Yuen-screenshot - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/Jonathan-Yuen-screenshot-aysoon.png" alt="Jonathan-Yuen-screenshot - aysoon.png" width="550" height="286" /></a></p><p style="text-align: center;"><sup>JonathanYuen.com</sup></p><h3>MatthiasDittrich.com</h3><p>Voici une navigation encore différente sur la base d&#8217;une colonne d&#8217;info où chaque ligne peut être dépliée pour accéder au contenu.</p><p style="text-align: center;"><a href="http://www.matthiasdittrich.com/" target="_blank"><img title="Matthias-Dittrich-interaction - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/Matthias-Dittrich-interaction-aysoon.png" alt="Matthias-Dittrich-interaction - aysoon.png" width="550" height="310" /></a></p><p style="text-align: center;"><sup>MatthiasDittrich.com</sup></p><h3>Aigahonolulu.org</h3><p>Ce site est un bon exemple de ce que l&#8217;on voit de plus en plus sur le web : une immense zone de contenue avec une vue zoomée et que l&#8217;on peut déplacer. Cela donne l&#8217;impression d&#8217;être sur un immense site Internet où l&#8217;on peut se balader&#8230;</p><p style="text-align: center;"><a href="http://www.aigahonolulu.org/" target="_blank"><img title="AIGA-HI-50 - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/AIGA-HI-50-aysoon.png" alt="AIGA-HI-50 - aysoon.png" width="550" height="269" /></a></p><p style="text-align: center;"><span style="font-size: 10px;">Aigahonolulu.org</span></p><h3>Sugarrhyme.com</h3><p>Très belle navigation verticale pour ce site présentant des réalisations de graphismes. L&#8217;idée est bonne et la réalisation sympa (être graphiste, ça aide, y a pas de secret..)</p><p style="text-align: center;"><a href="http://www.sugarrhyme.com/" target="_blank"><img title="Sugarrhyme-screenshot - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/Sugarrhyme-screenshot-aysoon.png" alt="Sugarrhyme-screenshot - aysoon.png" width="550" height="287" /></a></p><p style="text-align: center;"><sup>Sugarrhyme.com</sup></p><h3>Media5.ru</h3><p>Même si la navigation de ce site est plutôt classique : un menu tout bête, les actions qui en découlent (animations, changement d&#8217;écrans, etc.) valaient le coup que je cite ce site ici, non ?</p><p style="text-align: center;"><a href="http://www.media5.ru/en/" target="_blank"><img title="media5-screenshot - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/media5-screenshot-aysoon.png" alt="media5-screenshot - aysoon.png" width="544" height="332" /></a></p><p style="text-align: center;"><sup>Media5.ru</sup></p><h3>Merixstudio.com</h3><p>Pour finir sur un site qui n&#8217;est pas en Flash (ben oui, on peut faire original, sans flash !), ce site propose un simple scroll horizontal ( un peu à la Apple) mais où j&#8217;ai particulièrement apprécié la bonne interaction avec la souris : à tester pour se rendre compte</p><p style="text-align: center;"><a href="http://www.merixstudio.com/" target="_blank"><img title="Merix Studio - Website Design &amp; Development Agency - aysoon.png" src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/06/Merix-Studio-Website-Design-Development-Agency-aysoon.png" alt="Merix Studio - Website Design &amp; Development Agency - aysoon.png" width="550" height="308" /></a></p><p style="text-align: center;"><sup>Merixstudio.com</sup></p> ]]></content:encoded> <wfw:commentRss>http://aysoon.fr/14-sites-qui-proposent-des-interfaces-ou-navigations-vraiment-originales/feed</wfw:commentRss> <slash:comments>12</slash:comments> </item> <item><title>Première Soirée Connect le 9 février : à ne pas manquer !</title><link>http://aysoon.fr/premiere-soiree-connect-le-9-fevrier-a-ne-pas-manquer</link> <comments>http://aysoon.fr/premiere-soiree-connect-le-9-fevrier-a-ne-pas-manquer#comments</comments> <pubDate>Thu, 22 Jan 2009 07:36:37 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[blog]]></category> <category><![CDATA[internet]]></category> <category><![CDATA[rencontre]]></category> <category><![CDATA[soirée]]></category> <category><![CDATA[webdeux.connect]]></category><guid isPermaLink="false">http://aysoon.fr/?p=762</guid> <description><![CDATA[Après avoir déjà organisé deux gros événements (les Webdeux.connect), l&#8217;équipe de Power-On (Jean-François Ruiz et Sébastien Rousset notamment) se lance dans l&#8217;organisation de Soirées-Connect. Présentées comme des after work dédiées au networking et aux rencontres professionnelles liées à Internet, ces Soirées Connect se déroulent de 19h30 à minuit autour d&#8217;un verre et d&#8217;un buffet. Afin [...]]]></description> <content:encoded><![CDATA[<p><img src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/01/logo-connect.png" width="250" height="44" alt="logo_connect.png" title="logo_connect.png" style="float:right; margin-bottom:5px; margin-left:5px;" />Après avoir déjà organisé deux gros événements (les <a href="http://aysoon.fr/retour-du-webdeuxconnect" target="_blank">Webdeux.connect</a>), l&#8217;équipe de Power-On (Jean-François Ruiz et Sébastien Rousset notamment) se lance dans l&#8217;organisation de Soirées-Connect. Présentées comme des <strong>after work dédiées au networking et aux rencontres professionnelles</strong> liées à Internet, ces Soirées Connect se déroulent de 19h30 à minuit autour d&#8217;un verre et d&#8217;un buffet.</p><p>Afin de faciliter les rencontres, plusieurs animations seront mises en place et, comme toujours, des discussions thématiques animées par des professionnels seront organisées.</p><p>La première de ces Soirées Connect aura lieu le <strong>9 février dès 19h30</strong> et prendra place dans les <strong>Vedettes de Paris</strong> (au pied de la tour Eiffel). Les places étant limitées, vous devez <a href="http://soirees-connect.com/inscription" target="_blank"><strong>vous inscrire</strong></a> au préalable et réserver ainsi votre place pour cette première édition pleine de promesses.</p><p>Je crois en effet beaucoup à ces soirées. Ceux qui ont assisté aux précédentes Webdeux.connect pourront le confirmer : tout ets fait pour pouvoir facilement rencontrer de nouveaux contacts, tisser sa toile de relations et étendre ses connaissances. Le tout dans un cadre sympa et dans une très bonne ambiance&#8230;</p><p><a href="http://www.amiando.com/soiree-connect-01.html?page=248214" target="_blank">J&#8217;y sera</a>i ! et vous ?</p> ]]></content:encoded> <wfw:commentRss>http://aysoon.fr/premiere-soiree-connect-le-9-fevrier-a-ne-pas-manquer/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>L&#039;histoire d&#039;Internet résumée en une animation</title><link>http://aysoon.fr/histoire-internet-une-animation-video</link> <comments>http://aysoon.fr/histoire-internet-une-animation-video#comments</comments> <pubDate>Mon, 12 Jan 2009 07:21:48 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[histoire]]></category> <category><![CDATA[illustration]]></category> <category><![CDATA[internet]]></category> <category><![CDATA[vidéo]]></category><guid isPermaLink="false">http://aysoon.fr/?p=676</guid> <description><![CDATA[Ce documentaire animée retrace l&#8217;histoire d&#8217;Internet depuis sa création et jusqu&#8217;à aujourd&#8217;hui. L&#8217;auteur, Melih Bilgil, a choisi de se concentrer sur les aspects techniques d&#8217;Internet et a utilisé une librairie d&#8217;images ou d&#8217;illustrations nommée PICOL pour (Pictoral Communication Language) pour animée ce documentaire. Le résultat est des plus intéressants tant sur le fond que la [...]]]></description> <content:encoded><![CDATA[<p><img src="http://aysoon.cdn.ligorus.com/wp-content/uploads/2009/01/histoire-internet.png" width="150" height="101" alt="histoire-internet.png" title="histoire-internet.png" style="float: right; margin-bottom: 5px; margin-left: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgb(73, 73, 73); border-right-color: rgb(73, 73, 73); border-bottom-color: rgb(73, 73, 73); border-left-color: rgb(73, 73, 73); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;" />Ce documentaire animée retrace l&#8217;histoire d&#8217;Internet depuis sa création et jusqu&#8217;à aujourd&#8217;hui. L&#8217;auteur, <a href="http://www.lonja.de/" target="_blank">Melih Bilgil</a>, a choisi de se concentrer sur les aspects techniques d&#8217;Internet et a utilisé une librairie d&#8217;images ou d&#8217;illustrations nommée <a href="http://www.picol.org/" target="_blank">PICOL</a> pour (Pictoral Communication Language) pour animée ce documentaire. Le résultat est des plus intéressants tant sur le fond que la forme : les infos expliquées sont claires et précises sans être trop compliquées à appréhender et le résultat visuel est très sympa&#8230; Bref voici quelques 8 minutes d&#8217;animation que je vous conseille de regarder ;)</p><p align="center"><object width="601" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2696386&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2696386&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="601" height="338" /><br /> </object></p><p align="right">via <a href="http://loichay.tumblr.com/" target="_blank">Loïc Haÿ</a></p> ]]></content:encoded> <wfw:commentRss>http://aysoon.fr/histoire-internet-une-animation-video/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)
Database Caching using disk
Object Caching 205/415 objects using disk
Content Delivery Network via aysoon.cdn.ligorus.com

Served from: aysoon.fr @ 2010-09-03 03:20:13 -->