background preloader

Infographics

Infographics
Related:  Créer une infographie

Création d'infographies Une infographie est une représentation visuelle et graphique d’informations et de données. Reprenant l’adage « une image vaut mieux que mille mots », elle permet à l’internaute de visualiser en un coup d’œil toutes les données relatives à un sujet. Les outils de création d’infographie sont accessibles à tous sur le web. On en a sélectionné cinq, parmi les plus utilisés, pour réaliser sa propre infographie. Une infographie, pour quoi faire ? C’est une manière innovante de communiquer sur une thématique. Elle peut avoir diverses utilités, vous pouvez par exemple présenter : L’histoire de votre association,La structure de votre association,Un compte-rendu sur une action, ou une campagne que vous avez menée etc. Cinq outils pour créer une infographieNotre liste d’outils à connaître, pour réaliser une infographie en toute simplicité. Infogr.am permet de créer des infographies et des diagrammes interactifs. Avantages Inconvénients Piktochart Inconvénients Easel.ly Visual.ly Many Eyes

12 Inspirationally Designed Infographics for Designers Infographics have been a part of human communications since the invention of the first “writing” utensils. Cave paintings, rock carvings, and sculptures have been found to integrate both images and written symbols (a type of pre-writing). These artistic efforts were created some 32,000 years ago; they illustrate stories, record history, religious ideas, and much more. In modern terms, infographics are the visualizations or charts that are used to present a large amount of material to readers. Infographics continue to teach, inform, and entertain modern readers. Below is a showcase of some brilliant infographics found around the net. America Hungry, Need Data The contrasting colors used in this infographic are appealing, recalling a somewhat vintage look. Prism Social Media 2010 This design breaks down virtual social communities into the top websites used for each form of communication (e.g. pictures, blog platforms, and so forth). 2012: The End Of The World? Colours in Culture In my Dreams

The HTML5 Experiments of Hakim El Hattab Experiments This is my creative lab and interactive playground. It's focused on the exploration of interaction, visual effects and technologies. Flipside Flipside A button that seamlessly transitions from action to confirmation Monocle List Monocle List Scroll the page and see list items expand under the magnifying area. Checkwave Checkwave Check a checkbox to generate a wave of checkboxes. Device Loop Animation View the device loop A device loop animation that I created for the new slid.es home page. Flexing Pagination View Flexing Pagination A UI experiment with pagination arrows that "flex" when you hover or press them. Assorted CSS Animations I've been having a lot of fun creating these small CSS-only animations lately. View Cloud Animation View Spinner Animation View Hole Animation Ladda Open Ladda A UI concept which merges loading indicators into the action that invoked them. Kontext Open Kontext A context-shift transition inspired by iOS. Hypnos Open Hypnos Kort View demo Fokus Linjer Avgrund meny Radar Coil

#Toonti - Create your own Free Social Networking Site. #edtech20 #edtools | web20andsocialmediaeSafetyinXXIcenturyeducation Nouveaux paradigmes Infographie et animation : 8 façons de mettre en forme l’info de manière ludique Un nombre grandissant de médias en ligne se tournent vers l’infographie interactive et l’animation pour diversifier leurs contenus et renouveler leur façon de présenter l’information. Certaines formes commencent à se banaliser, d’autres émergent à peine. Tour d’horizon. Note : ce billet n’aborde que l’aspect « récit » de l’infographie. L’utilisation et la visualisation des données chiffrées feront l’objet d’un futur post. ↑1 » L’infographie animée En France, Le Monde.fr a été le premier à se lancer dans l’aventure de l’infographie animée, avec sa série « Comprendre… en trois minutes ». Réalisées sous Flash avec une voix off, ces animations restent très classiques dans la forme, en privilégiant le symbolique et les liens de cause à effet. L’utilisation de Flash permet une certaine interactivité : en passant le curseur sur certaines zones, le lecteur accède à des informations complémentaires dans un pop-up. A voir également : l’accident de Fukushima / la primaire républicaine aux Etats-Unis.

Showcase of Beautifully Designed Charts & Graphs These can even be constructed dynamically with libraries such as jQuery and MooTools. And with HTML5/CSS3 standards moving towards mainstream it’s more common than ever before. Consider some of the examples below including some fantastic charts and graph designs. These can be found all around the web and included onto your own website, if need be. Both graphic designers and web developers are contributing their works to the global design of our Internet. Table in Progress Pretty Little Pie Chart Ring Chart Infographic DDFreebie – Bar Graph Graph2 CloudFlare Analytics ThermoGraph Graphic Pie Chart Goodness Timeline Concept Aurora Forecast Chart Dynamic Pie Chart Clean Line Chart Well-Being Tracker iPhone App Graph Visual Graph Analytics Overview Sweet Chart Progress Screen Media Infographic Report Data Annual Report Update An Accessible Bar Chart CSSPlay Bar Charts The Graphs 2 Pure Css Line Graph HighCharts JS Pure CSS Timeline ProtoChart Making Pretty Pie Charts in Illustrator

I should really get out more. #uTest Software Testing tool #edtech20 #edtools | web20andsocialmediaeSafetyinXXIcenturyeducation évolution ou révolution ?

Related: