infographic https://design.org/tags/infographic en Travel Infographics of South Africa: 150 Days Through Seven Countries https://design.org/blog/travel-infographics-south-africa-150-days-through-seven-countries <p>Copywriter <a href="http://www.behance.net/jefftyser" target="Jeff Tyser">Jeff Tyser</a> and designer <a href="http://www.behance.net/KERRING_LEE" Target="Kerryn-lee Maggs">Kerryn-lee Maggs</a> started their blog—<a href="http://thelostandfoundblog.tumblr.com/" target="The Lost and Found Blog">The Lost and Found Blog</a>—to document their travels through Africa and beyond. Over the course of 150 days, the Johannesburg, South Africa-based couple traversed seven countries and 22,500 kilometers—about 13,981 miles—across Southern Africa. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="1190" height="1688" title="Design, infographic, africa" alt="" src="https://design.org/sites/default/files/blog/2013/04/12/africa_infographic_lostfound_06.jpg?1365811954" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="1190" height="1688" title="Design, infographic, africa" alt="" src="https://design.org/sites/default/files/blog/2013/04/12/africa_infographic_lostfound_03.jpg?1365811961" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="1190" height="1688" title="Design, infographic, africa" alt="" src="https://design.org/sites/default/files/blog/2013/04/12/africa_infographic_lostfound_04.jpg?1365811887" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="1190" height="1688" title="Design, infographic, africa" alt="" src="https://design.org/sites/default/files/blog/2013/04/12/africa_infographic_lostfound_05.jpg?1365811887" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="1190" height="1688" title="Design, infographic, africa" alt="" src="https://design.org/sites/default/files/blog/2013/04/12/africa_infographic_lostfound_02.jpg?1365811887" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="1190" height="1688" title="Design, infographic, africa" alt="" src="https://design.org/sites/default/files/blog/2013/04/12/africa_infographic_lostfound.jpg?1365811887" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="400" title="Design, infographic, africa" alt="" src="https://design.org/sites/default/files/blog/2013/04/12/africa_infographic_lostfound_08.jpg?1365811888" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/travel-infographics-south-africa-150-days-through-seven-countries" target="_blank">read more</a></p> https://design.org/blog/travel-infographics-south-africa-150-days-through-seven-countries#comments Africa design graphic infographic south africa travel Sat, 13 Apr 2013 00:04:24 +0000 jessicapatterson 4376 at https://design.org Column Five Media's In Caffeine We Trust: Track Your Coffee Intake with Coffee https://design.org/blog/column-five-medias-caffeine-we-trust-track-your-coffee-intake-coffee <p>California-based <a href="http://columnfivemedia.com/in-caffeine-we-trust-infographic/" target="Column Five">Column Five</a> created this gorgeous and interactive infographic as a gift for their clients and partners this past holiday season. They combined two of their favorite topics—coffee and data visualization. </p> <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2012/05/05/caffeine_infographic_02.jpg" alt="Design, coffee, infographic" title="Design, coffee, infographic" class="imagecache-blog-full-scale" /></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="413" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_00.jpg?1336211478" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_02.jpg?1336211644" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_01.jpg?1336211644" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_03.jpg?1336211643" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_04.jpg?1336211644" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="414" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_05.jpg?1336211644" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="414" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_06.jpg?1336211644" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="414" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_07.jpg?1336211644" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="414" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_08.jpg?1336211644" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_10.jpg?1336211645" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_12.jpg?1336211735" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_11.jpg?1336211645" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_13.jpg?1336211735" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_14.jpg?1336211735" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, coffee, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/05/05/caffeine_infographic_15.jpg?1336211736" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/column-five-medias-caffeine-we-trust-track-your-coffee-intake-coffee" target="_blank">read more</a></p> https://design.org/blog/column-five-medias-caffeine-we-trust-track-your-coffee-intake-coffee#comments california design drink gift graphic infographic Sat, 05 May 2012 09:49:38 +0000 jessicapatterson 4220 at https://design.org The Difference Between UX and UI: Subtleties Explained in Cereal https://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal <p>Ever met someone who uses UX and UI interchangeably? <a href="http://edlea.com/blog/" target="Ed Lea">Ed Lea</a> created this photographic infographic to visually define the differences between user experience and user <a href="http://design.org/interface-design" target="interface design">interface design</a> and how they relate to a product.</p> <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2012/04/13/webproduct.gif" alt="Design, experience, interface" title="Design, experience, interface" class="imagecache-blog-full-scale" /></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="385" title="Design, experience, interface" alt="" src="https://design.org/sites/default/files/blog/2012/04/13/ux-ui_cereal.jpg?1334343522" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="600" height="2264" title="Design, experience, interface" alt="" src="https://design.org/sites/default/files/blog/2012/04/13/webproduct.gif?1334343330" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal" target="_blank">read more</a></p> https://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal#comments design infographic interface user experience Fri, 13 Apr 2012 18:36:50 +0000 wardandrews 4202 at https://design.org A Dancing Plague: Poster Designs of your Favorite Dance Moves https://design.org/blog/dancing-plague-poster-designs-your-favorite-dance-moves <p>Once upon a time, some friends and I were determined to learn the Napoleon Dynamite dance. We didn't actually succeed past the first handful of moves, but one of these designs by <a href="http://dancingplagueof1518.tumblr.com/" target="The Dancing Plague of 1518">The Dancing Plague of 1518</a> might have been quite helpful. These clever posters—designed by Brazilian designer and illustrator Niege Borges—iconify a movie / TV character and his or her iconic moves into a visual how-to poster. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="877" title="Design, dancingplague, poster" alt="" src="https://design.org/sites/default/files/blog/2012/03/16/dancingplague_01.jpg?1331907449" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="877" title="Design, dancingplague, poster" alt="" src="https://design.org/sites/default/files/blog/2012/03/16/dancingplague_02.jpg?1331907669" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="877" title="Design, dancingplague, poster" alt="" src="https://design.org/sites/default/files/blog/2012/03/16/dancingplague_03.jpg?1331907669" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="877" title="Design, dancingplague, poster" alt="" src="https://design.org/sites/default/files/blog/2012/03/16/dancingplague_04.jpg?1331907670" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="877" title="Design, dancingplague, poster" alt="" src="https://design.org/sites/default/files/blog/2012/03/16/dancingplague_06.jpg?1331907670" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="877" title="Design, dancingplague, poster" alt="" src="https://design.org/sites/default/files/blog/2012/03/16/dancingplague_07.jpg?1331907670" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="877" title="Design, dancingplague, poster" alt="" src="https://design.org/sites/default/files/blog/2012/03/16/dancingplague_08.jpg?1331907670" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="877" title="Design, dancingplague, poster" alt="" src="https://design.org/sites/default/files/blog/2012/03/16/dancingplague_09.jpg?1331907670" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="877" title="Design, dancingplague, poster" alt="" src="https://design.org/sites/default/files/blog/2012/03/16/dancingplague_10.jpg?1331907671" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="877" title="Design, dancingplague, poster" alt="" src="https://design.org/sites/default/files/blog/2012/03/16/dancingplague_11.jpg?1331907671" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/dancing-plague-poster-designs-your-favorite-dance-moves" target="_blank">read more</a></p> https://design.org/blog/dancing-plague-poster-designs-your-favorite-dance-moves#comments brazil design diy icon infographic instructions poster Thu, 15 Mar 2012 18:32:01 +0000 jessicapatterson 4158 at https://design.org Cinemetric Movie Fingerprints by Frederic Brodbeck https://design.org/blog/cinemetric-movie-fingerprints-frederic-brodbeck <p>As part of his bachelor graduation project at the <a href="http://www.royalacademy.org.uk/" target="Royal Academy of Arts">Royal Academy of Arts</a>, <a href="http://www.fredericbrodbeck.de/" target="Frederic Brodbeck">Frederic Brodbeck</a> created these amazing movie fingerprints he calls '<a href="http://cinemetrics.fredericbrodbeck.de/" target="cinemetrics">cinemetrics</a>'. Each fingerprint uniquely summarizes the film being analyzed by converting editing structure, scene color, and speech/motion patterns into a colorful, moving orb of data.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="629" title="Design, cinemetric, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/20/main-cinemetrics.jpeg?1327081049" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="522" title="Design, cinemetric, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/20/examples-cinemetrics2.jpeg?1327081421" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="522" title="Design, cinemetric, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/20/cinematic.jpg?1327081421" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, cinemetric, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/20/cinemetrics-app-1.jpeg?1327081421" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, cinemetric, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/20/cinemetrics-app-3.jpeg?1327081421" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, cinemetric, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/20/cinemetrics-app-4.jpeg?1327081422" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, cinemetric, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/20/cinemetrics-app-5.jpeg?1327081444" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="1120" title="Design, cinemetric, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/20/cinemetrics-book.jpeg?1327081470" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="523" title="Design, cinemetric, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/20/examples-cinemetrics3.jpeg?1327081471" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/cinemetric-movie-fingerprints-frederic-brodbeck" target="_blank">read more</a></p> https://design.org/blog/cinemetric-movie-fingerprints-frederic-brodbeck#comments design graphic infographic Movie Fri, 20 Jan 2012 18:06:35 +0000 stephenolmstead 4041 at https://design.org The Path of Protest: An Interactive Timeline of the Arab Spring https://design.org/blog/path-protest-interactive-timeline-arab-spring <p>There's no denying it, 2011 was a rather eventful year. From the tragedy of Japan's earthquake and tsunami, to the pomp and circumstance of a British royal wedding; from Osama bin Laden's assassination to the sunsetting of NASA's space shuttle program. The human race experienced myriad groundbreaking and earthshaking events that rocked every corner, none perhaps so important as what is collectively known as the Arab Spring.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="430" title="Design, guardian, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/05/guardian_infographic_01.jpg?1325790966" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="399" title="Design, guardian, infographic" alt="" src="https://design.org/sites/default/files/blog/2012/01/05/guardian_infographic_02.jpg?1325790977" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/path-protest-interactive-timeline-arab-spring" target="_blank">read more</a></p> https://design.org/blog/path-protest-interactive-timeline-arab-spring#comments design graphic history infographic interactive politics Thu, 05 Jan 2012 19:13:44 +0000 lindseyburrows 3993 at https://design.org Everyone Ever in the World: An Infographic Design by The Luxury of Protest https://design.org/blog/everyone-ever-world-infographic-design-luxury-protest <p>"Everyone Ever in the World" visually catalogs the number of people who have lived on the planet versus those who have died in war, massacre and genocide—the positive versus the negative. The type-based design is by Peter Crnokrak's London-based design studio, <a href="http://www.theluxuryofprotest.com/" target="The Luxury of Protest">The Luxury of Protest</a>.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_01.jpg?1322589783" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="878" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_02.jpg?1322589934" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_16.jpg?1322590140" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_17.jpg?1322590140" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_07.jpg?1322589935" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_08.jpg?1322589935" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_15.jpg?1322590140" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_14.jpg?1322590139" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_04.jpg?1322589935" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_10.jpg?1322589935" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_05.jpg?1322589935" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_06.jpg?1322589935" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_12.jpg?1322589936" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_13.jpg?1322589936" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_09.jpg?1322589935" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_11.jpg?1322589936" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, everyoneeverintheworld, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/29/everyoneeverintheworld_chart_03.jpg?1322589934" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/everyone-ever-world-infographic-design-luxury-protest" target="_blank">read more</a></p> https://design.org/blog/everyone-ever-world-infographic-design-luxury-protest#comments chart design history infographic london Tue, 29 Nov 2011 18:30:52 +0000 jessicapatterson 3874 at https://design.org Stumbleupon Visualized: An Infographic https://design.org/blog/stumbleupon-visualized-infographic <p><a href="http://www.stumbleupon.com/" target="Stumbleupon">Stumbleupon</a>, an often overlooked social media and sharing platform, released an infographic showing the value of their traffic over time. While content can quickly and immediately make the media rounds and drive traffic from Twitter and Facebook, Stumbleupon offers targeted and residual traffic. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="251" title="Design, stumbleupon, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/02/stumbleupon_infographic_01.jpg?1320274742" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="2617" title="Design, stumbleupon, infographic" alt="" src="https://design.org/sites/default/files/blog/2011/11/02/stumbleupon_infographic_02.jpg?1320274773" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/stumbleupon-visualized-infographic" target="_blank">read more</a></p> https://design.org/blog/stumbleupon-visualized-infographic#comments design graphic infographic social media Thu, 24 Nov 2011 05:24:58 +0000 jessicapatterson 3798 at https://design.org The Anatomy of Stuxnet: An Infographic Video Exploring the First Code Weapon https://design.org/blog/anatomy-stuxnet-infographic-video-exploring-first-code-weapon <p>Though the possibilities are a bit frightening, this infographic video does a great job breaking down the appearance and ramifications of Stuxnet, the first weapon made entirely out of code. <a href="http://patrickclair.com "target="Patrick Clair">Patrick Clair</a>, a motion graphics designer in Sydney, created the video spot for HungryBeast, an Australian TV program.</p> <p><iframe src="http://player.vimeo.com/video/25118844?title=0&amp;byline=0&amp;portrait=0" width="620" height="349" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="346" title="Design, stuxnet, video" alt="" src="https://design.org/sites/default/files/blog/2011/11/06/stuxnet_01.jpg?1320639437" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/anatomy-stuxnet-infographic-video-exploring-first-code-weapon" target="_blank">read more</a></p> https://design.org/blog/anatomy-stuxnet-infographic-video-exploring-first-code-weapon#comments design infographic motiongraphics sydney technology video Mon, 07 Nov 2011 04:18:11 +0000 jessicapatterson 3807 at https://design.org The Carpenter: Snapshot Video from DGS https://design.org/blog/carpenter-snapshot-video-dgs <p><a href="http://www.deepgreensea.net/" target="Deep Green Sea">Deep Green Sea</a>, a multidisciplinary design and film group in Greece, are in the process of creating a series of short films detailing the experience, "art &amp; science of professionals working with their hands." </p> <p>The first of the series, The Carpenter, follows the craftsman through the shop with nice type and infographic-style treatments, showing interest and beauty in routine. I'm excited to see what other craftsmen they feature down the road.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="308" title="Design, carpenter, video" alt="" src="https://design.org/sites/default/files/blog/2011/11/05/carpenter_dgs.jpg?1320510385" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/carpenter-snapshot-video-dgs" target="_blank">read more</a></p> https://design.org/blog/carpenter-snapshot-video-dgs#comments craft design infographic video Sat, 05 Nov 2011 16:24:49 +0000 jessicapatterson 3806 at https://design.org Money as the Messenger: Occupy George Infographics https://design.org/blog/money-messenger-occupy-george-infographics <p>The <a href="http://occupygeorge.com/" target="Occupy George">Occupy George</a> initiative seeks to inform the masses of the staggering stats associated with the distribution of wealth in the United States. Their clever infographics make use of the physical space on the dollar bill to represent the disparity between the richest segment of the population compared to the majority. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="279" title="Design, occupygeorge, money" alt="" src="https://design.org/sites/default/files/blog/2011/10/20/occupygeorge_13.jpg?1319134276" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="279" title="Design, occupygeorge, money" alt="" src="https://design.org/sites/default/files/blog/2011/10/19/occupygeorge_12.jpg?1319093637" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="279" title="Design, occupygeorge, money" alt="" src="https://design.org/sites/default/files/blog/2011/10/20/occupygeorge_15.jpg?1319134349" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="307" title="Design, occupygeorge, money" alt="" src="https://design.org/sites/default/files/blog/2011/10/19/occupygeorge_04.jpg?1319092359" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="307" title="Design, occupygeorge, money" alt="" src="https://design.org/sites/default/files/blog/2011/10/19/occupygeorge_05.jpg?1319092359" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="307" title="Design, occupygeorge, money" alt="" src="https://design.org/sites/default/files/blog/2011/10/19/occupygeorge_06.jpg?1319092360" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="307" title="Design, occupygeorge, money" alt="" src="https://design.org/sites/default/files/blog/2011/10/19/occupygeorge_07.jpg?1319092360" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="307" title="Design, occupygeorge, money" alt="" src="https://design.org/sites/default/files/blog/2011/10/19/occupygeorge_08.jpg?1319092360" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="307" title="Design, occupygeorge, money" alt="" src="https://design.org/sites/default/files/blog/2011/10/19/occupygeorge_09.jpg?1319092360" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="158" title="Design, occupygeorge, money" alt="" src="https://design.org/sites/default/files/blog/2011/10/19/occupygeorge_10.jpg?1319092421" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/money-messenger-occupy-george-infographics" target="_blank">read more</a></p> https://design.org/blog/money-messenger-occupy-george-infographics#comments campaign design graphic infographic money politics Thu, 20 Oct 2011 17:59:03 +0000 wardandrews 3582 at https://design.org Astra Infographic Documentary Clips by Sam Renwick https://design.org/blog/astra-infographic-documentary-clips-sam-renwick <p>These infographic videos for European satellite and communications company, Astra, are beautiful in their clean, geometric and symmetrical design. The videos and graphics were created by London-based <a href="http://srcp.co.uk/project/index/astra/id/22" target="Sam Renwick">Sam Renwick</a> at <a href="http://www.thisisrealart.com/" target="This is Real Art">This is Real Art</a>. The videos are part of an integrated campaign to inform an educate people both on the function of satellites and the company itself. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="345" title="Design, astra, infographicvideo" alt="" src="https://design.org/sites/default/files/blog/2011/10/10/astra_infographi_02.jpg?1318277982" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="347" title="Design, astra, infographicvideo" alt="" src="https://design.org/sites/default/files/blog/2011/10/10/astra_infographi_01.jpg?1318277994" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/astra-infographic-documentary-clips-sam-renwick" target="_blank">read more</a></p> https://design.org/blog/astra-infographic-documentary-clips-sam-renwick#comments design graphic infographic london space video Mon, 10 Oct 2011 20:30:06 +0000 jessicapatterson 3462 at https://design.org Network Organization Charts by Bonkers World https://design.org/blog/network-organization-charts-bonkers-world <p>This illustrated infographic from <a href="http://www.bonkersworld.net/organizational-charts/" target="Bonkers World">Bonkers World</a> humorously (yet accurately?) maps out the networks of some popular social media platforms and operating systems.</p> <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2011/10/04/organization_chart.gif" alt="Design, organization, bonkers" title="Design, organization, bonkers" class="imagecache-blog-full-scale" /></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="406" title="Design, organization, bonkers" alt="" src="https://design.org/sites/default/files/blog/2011/10/04/organization_chart_1.png?1317794831" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/network-organization-charts-bonkers-world" target="_blank">read more</a></p> https://design.org/blog/network-organization-charts-bonkers-world#comments chart design facebook illustration infographic organization social media Wed, 05 Oct 2011 06:04:19 +0000 wardandrews 3398 at https://design.org Letterpress: An Instructional Video by Naomie Ross https://design.org/blog/letterpress-instructional-video-naomie-ross <p>A fun video and look at letterpress from motion graphic designer <a href="http://www.naomie.me/" target="Naomie Ross">Naomie Ross</a> showing an abbreviated tour of the process. Love the little type details and infographic-style elements.</p> <p><iframe src="http://player.vimeo.com/video/22639018?portrait=0&amp;color=ffffff" width="620" height="349" frameborder="0"></iframe></p> <p>Some other hand-picked posts you might enjoy on our <a href="http://design.org/blog" target="Design Blog">Design Blog</a>:</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="347" title="Design, letterpress, video" alt="" src="https://design.org/sites/default/files/blog/2011/09/06/letterpress_video.jpg?1315330856" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/letterpress-instructional-video-naomie-ross" target="_blank">read more</a></p> https://design.org/blog/letterpress-instructional-video-naomie-ross#comments design infographic tutorial typography video Tue, 06 Sep 2011 06:14:13 +0000 jessicapatterson 3301 at https://design.org Trucks on a Roll Illustrations by Remie Geoffroi https://design.org/blog/trucks-roll-illustrations-remie-geoffroi <p><a href="http://www.remgeo.com/" target="Remie Geoffroi">Remie Geoffroi</a> is a freelance illustrator and a co-founder of <a href="http://thegreatergood.cc/" target-"The Greater Good">The Greater Good</a> design collective.</p> <p>He created these great infographic-style illustrations for <a href="http://nymag.com/restaurants/cheapeats/2010/67139/" target="New York Magazine">New York Magazine</a>'s Trucks on a Roll article, featuring their favorite 25 food trucks in the city. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="413" title="Design, foodtruck, illustration" alt="" src="https://design.org/sites/default/files/blog/2011/08/21/food_trucks_02.jpg?1313962125" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="https://design.org/blog/trucks-roll-illustrations-remie-geoffroi" target="_blank">read more</a></p> https://design.org/blog/trucks-roll-illustrations-remie-geoffroi#comments car design food illustration infographic newyork print Sun, 21 Aug 2011 21:29:08 +0000 jessicapatterson 3253 at https://design.org