interactive https://design.org/tags/interactive en An AIGA Seed Awards Interactive Application by Dan Luo https://design.org/blog/aiga-seed-awards-interactive-application-dan-luo <p><a href="http://www.dandan-i-design.com/AIGA-app.html" target="Dan Luo">Dan Luo</a>, a New Jersey-based graphic, interaction and UI designer, created this interactive application for AIGA Atlanta to present 2011's <a href="http://www.seedawards.com/" target="SEED award">SEED award</a> winners. The application allows users to navigate the competition's 14 interaction design winners through a touch screen interface. </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="528" title="Design, danluo, aigaseed" alt="" src="https://design.org/sites/default/files/blog/2012/09/28/aiga_seed_luo_05.jpg?1348861933" /> </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="553" title="Design, danluo, aigaseed" alt="" src="https://design.org/sites/default/files/blog/2012/09/28/aiga_seed_luo_01.png?1348862100" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="468" title="Design, danluo, aigaseed" alt="" src="https://design.org/sites/default/files/blog/2012/09/28/aiga_seed_luo_03.jpg?1348862100" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="440" title="Design, danluo, aigaseed" alt="" src="https://design.org/sites/default/files/blog/2012/09/28/aiga_seed_luo_04.jpg?1348862100" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="535" title="Design, danluo, aigaseed" alt="" src="https://design.org/sites/default/files/blog/2012/09/28/aiga_seed_luo_02.png?1348862100" /> </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/aiga-seed-awards-interactive-application-dan-luo" target="_blank">read more</a></p> https://design.org/blog/aiga-seed-awards-interactive-application-dan-luo#comments AIGA atlanta content design exhibition interactive UI Sat, 29 Sep 2012 00:40:32 +0000 wardandrews 4326 at https://design.org An Interactive and Animated Starry Night by Petros Vrellis https://design.org/blog/interactive-and-animated-starry-night-petros-vrellis <p>When I look at Starry Night by Van Gogh, I can almost see the movement in the lines and patterns—I see the sky flowing and the hills undulating. Van Gogh captured this action with static brush strokes, and now <a href="http://vimeo.com/user10348450" target="Petros Vrellis">Petros Vrellis</a> has set the iconic image into real motion.</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="448" title="Design, PetrosVrellis, starrynight" alt="" src="https://design.org/sites/default/files/blog/2012/02/12/petrosvrellis_starrynight.jpg?1329075902" /> </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/interactive-and-animated-starry-night-petros-vrellis" target="_blank">read more</a></p> https://design.org/blog/interactive-and-animated-starry-night-petros-vrellis#comments art design interactive interface paint Sun, 12 Feb 2012 19:43:16 +0000 jessicapatterson 4099 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 The HoloDesk: Microsoft Researching Virtual 3D Interaction https://design.org/blog/holodesk-microsoft-researching-virtual-3d-interaction <p>Microsoft is currently researching an interactive Holodeck (finally!) that allows users to realistically interact with projected objects. As virtual 3D graphics are rendered through a half-silvered mirror, the objects are spacialy aligned to the viewer using facial recognition software that tracks the gaze and adjusts perspective in real time.</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="334" title="Design, microsoft, holodeck" alt="" src="https://design.org/sites/default/files/blog/2011/10/29/microsoft_holodeck.jpg?1319912594" /> </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/holodesk-microsoft-researching-virtual-3d-interaction" target="_blank">read more</a></p> https://design.org/blog/holodesk-microsoft-researching-virtual-3d-interaction#comments design interactive interface technology Sat, 29 Oct 2011 18:22:26 +0000 wardandrews 3720 at https://design.org The Happy Machine by Physalia Motion Graphics Studio https://design.org/blog/happy-machine-physalia-motion-graphics-studio <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2011/05/24/happy_machine_1.jpg" alt="Design, happymachine, physalia" title="Design, happymachine, physalia" 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="348" title="Design, happymachine, physalia" alt="" src="https://design.org/sites/default/files/blog/2011/05/24/happy_machine_1.jpg?1306220738" /> </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/happy-machine-physalia-motion-graphics-studio" target="_blank">read more</a></p> https://design.org/blog/happy-machine-physalia-motion-graphics-studio#comments barcelona design interactive motiongraphics newyork spain video Tue, 24 May 2011 07:07:42 +0000 jessicapatterson 2856 at https://design.org Imagination: The Original Interactive? Chronicle's Action-Oriented Book Design for Kids https://design.org/blog/imagination-original-interactive-chronicles-action-oriented-book-design-kids <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2011/03/28/presshere_1.jpg" alt="Design, presshere, chronicle" title="Design, presshere, chronicle" 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="313" title="Design, presshere, chronicle" alt="Design, presshere, chronicle" src="https://design.org/sites/default/files/blog/2011/03/28/presshere_1.jpg?1301379446" /> </div> </div> </div> <p><a href="https://design.org/blog/imagination-original-interactive-chronicles-action-oriented-book-design-kids" target="_blank">read more</a></p> https://design.org/blog/imagination-original-interactive-chronicles-action-oriented-book-design-kids#comments books design graphic interactive kids Tue, 29 Mar 2011 06:21:26 +0000 jessicapatterson 2750 at https://design.org LAIKA: A Dynamic and Responsive Typeface https://design.org/blog/laika-dynamic-and-responsive-typeface <p>Michael Flückiger and Nicolas Kunz, the creators of <a href="http://laikafont.ch/index_eng.html" target="LAIKA">LAIKA</a>, argue that type, which has traditionally been constrained by the static nature of print, should move into the digital age in a dynamic and responsive way. They developed LAIKA to do just that. The type does not stand static as individual points in a font displaying either bold, thin, italic, grotesque, etc., but instead casts aside limitations in the digital form and moves fluidly between allstyles and variations based on digital inputs. See the video below ↓</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="475" title="Design, laika, typography" alt="Design, laika, typography" src="https://design.org/sites/default/files/blog/2011/03/17/LAIKA_1.jpg?1300382763" /> </div> </div> </div> <p><a href="https://design.org/blog/laika-dynamic-and-responsive-typeface" target="_blank">read more</a></p> https://design.org/blog/laika-dynamic-and-responsive-typeface#comments design graphic interactive typography video Thu, 17 Mar 2011 17:40:43 +0000 jessicapatterson 2721 at https://design.org Top Design Picks from the CommArts 2011 Interactive Annual Winners https://design.org/blog/top-design-picks-commarts-2011-interactive-annual-winners <p>A collection of some favorites from the <a href="http://www.commarts.com/interactive/cai11/" target="Communication Arts - 2011 Interactive Annual">Communication Arts - 2011 Interactive Annual</a> (though all of the winners were proficient in design and approach).</p> <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2011/03/09/commarts_mag.jpg" alt="Design, interactive, web" title="Design, interactive, web" class="imagecache-blog-full-scale" /></p> <p>Blu Dot: The Real Good Experiment</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="321" title="Design, interactive, web" alt="Design, interactive, web" src="https://design.org/sites/default/files/blog/2011/03/09/born_book_1.gif?1299711733" /> </div> </div> </div> <p><a href="https://design.org/blog/top-design-picks-commarts-2011-interactive-annual-winners" target="_blank">read more</a></p> https://design.org/blog/top-design-picks-commarts-2011-interactive-annual-winners#comments design interactive social media web Thu, 10 Mar 2011 00:42:05 +0000 wardandrews 2701 at https://design.org