music http://design.org/tags/music en Defini Too Cool To Tour These Cities: Catskill Kairo Packaging and Colateral Design by Mikorey and Sons http://design.org/blog/defini-too-cool-tour-these-cities-catskill-kairo-packaging-and-colateral-design-mikorey-and-son <p>Take a look at this suite created by <a href="http://mikoreyandsons.tumblr.com/" target="Mikorey and Sons">Mikorey and Sons</a>, the visual design work of Maximilian Mikorey. Designed for The Catskill Kairo as a "Highly Limited Box Set," the single production for Megatron Inc. Sounds aimed to "present the Catskill Kairo’s “Defini Too Cool To Tour These Cities” in a visual identity embodying the spirit of the band and outlining their idea of self-empowerment meeting avant-garde styles."</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="637" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_05.jpg?1340827122" /> </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="413" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_02.jpg?1340827423" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_03.jpg?1340827424" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_04.jpg?1340827424" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_06.jpg?1340827424" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_07.jpg?1340827424" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_08.jpg?1340827424" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/09.jpg?1340827424" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_11.jpg?1340827424" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_12.jpg?1340827424" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_14.jpg?1340827425" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="373" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_16.jpg?1340827884" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="387" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_17.jpg?1340827884" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="401" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_15.jpg?1340827985" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, Catskill, Mikorey" alt="" src="http://design.org/sites/default/files/blog/2012/06/27/catskill_13.jpg?1340827884" /> </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="http://design.org/blog/defini-too-cool-tour-these-cities-catskill-kairo-packaging-and-colateral-design-mikorey-and-son" target="_blank">read more</a></p> http://design.org/blog/defini-too-cool-tour-these-cities-catskill-kairo-packaging-and-colateral-design-mikorey-and-son#comments design graphic music packaging Wed, 27 Jun 2012 19:39:59 +0000 jessicapatterson 4261 at http://design.org The Mood Synthesizer: An Interactive Instrument Google Doodle http://design.org/blog/mood-synthesizer-interactive-instrument-google-doodle <p>According to Google, Dr. <a href="http://en.wikipedia.org/wiki/Robert_Moog" target="Robert Moog">Robert Moog</a> is "something of a patron saint of the nerdy arts and a hero to many of us here." In the 1960s Moog crafted and invented the electronic analog Moog Synthesizer, bringing an entirely new genre of music and sound to the world. </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="367" title="Design, moog, google" alt="" src="http://design.org/sites/default/files/blog/2012/05/24/moog_keyboard_02.jpg?1337878616" /> </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="355" title="Design, moog, google" alt="" src="http://design.org/sites/default/files/blog/2012/05/24/moog_keyboard_01.jpg?1337878624" /> </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="http://design.org/blog/mood-synthesizer-interactive-instrument-google-doodle" target="_blank">read more</a></p> http://design.org/blog/mood-synthesizer-interactive-instrument-google-doodle#comments design google history illustration music series Thu, 24 May 2012 16:55:23 +0000 jessicapatterson 4240 at http://design.org Yamaha Compact THR Amps: Design Conscious Sound Radiators http://design.org/blog/yamaha-compact-thr-amps-design-conscious-sound-radiators <p><a href="http://ca.yamaha.com/en/products/musical-instruments/guitars-basses/amps/thr/?mode=series#tab=product_lineup" target="Yamaha">Yamaha</a> has launched a personal amp for guitarists to experience high-quality sound and effects with more space-friendly dimensions.</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, yamaha, THR" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/yamaha_thramp_01.jpg?1335421973" /> </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, yamaha, THR" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/yamaha_thramp_02.jpg?1335422025" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="473" title="Design, yamaha, THR" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/yamaha_thramp_03.jpg?1335422026" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="261" title="Design, yamaha, THR" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/yamaha_thramp_04.jpg?1335422026" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="412" title="Design, yamaha, THR" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/yamaha_thramp_05.jpg?1335422026" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="977" title="Design, yamaha, THR" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/yamaha_thramp_0106.jpg?1335422026" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="443" title="Design, yamaha, THR" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/yamaha_thramp_07.jpg?1335423235" /> </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="http://design.org/blog/yamaha-compact-thr-amps-design-conscious-sound-radiators" target="_blank">read more</a></p> http://design.org/blog/yamaha-compact-thr-amps-design-conscious-sound-radiators#comments app design industrial music retro Thu, 26 Apr 2012 15:19:10 +0000 wardandrews 4214 at http://design.org Apps We Love: Figure Music Mixing and Intuitive UI Design http://design.org/blog/apps-we-love-figure-music-mixing-and-intuitive-ui-design <p><a href="http://www.propellerheads.se/products/figure/" target="Propeller Head's">Propeller Head's</a> music-making app, <a href="http://itunes.apple.com/app/figure/id511269223?ls=1&amp;mt=8" target="Figure">Figure</a>, could be every beat master's dream. But in actuality, users need not have any previous sequencing or mixing experience to enjoy and thrive in the app because the UI is that good—it had me dialing and dancing in minutes.</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, figure, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/06/figure_app_07.jpg?1333742142" /> </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="209" title="Design, figure, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/05/figure_app_04.jpg?1333690380" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="311" title="Design, figure, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/05/figure_app_03.jpg?1333690380" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, figure, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/05/figure_app_02.jpg?1333690380" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="338" title="Design, figure, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/05/figure_app_05.jpg?1333690380" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="398" title="Design, figure, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/06/figure_app_08.jpg?1333742165" /> </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="http://design.org/blog/apps-we-love-figure-music-mixing-and-intuitive-ui-design" target="_blank">read more</a></p> http://design.org/blog/apps-we-love-figure-music-mixing-and-intuitive-ui-design#comments app design interface ipad iphone music stockholm sweden ui design Fri, 06 Apr 2012 15:48:58 +0000 wardandrews 4186 at http://design.org Dr. No Effects Pedal Designs from Boom Artwork http://design.org/blog/dr-no-effects-pedal-designs-boom-artwork <p>I can't get over how awesome these <a href="http://www.drno-effects.com/home.html" target="Dr. No Effects">Dr. No Effects</a> pedal designs are. The retrotastic, hand-designed lettering and graphics were created by <a href="http://www.boomartwork.com/" target="Boom Artwork">Boom Artwork</a>, the graphic design, <a href="http://design.org/illustration" target="illustration">illustration</a> and lettering studio of Netherlands-based Eric van den Boom. </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="458" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_01.jpg?1328853970" /> </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="641" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_08.jpg?1328854093" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="641" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_05.jpg?1328854093" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="620" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_03.jpg?1328854092" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="620" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_04.jpg?1328854092" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="641" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_06.jpg?1328854093" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="620" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_07.jpg?1328854093" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="641" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_02.jpg?1328854092" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="827" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_10.jpg?1328854093" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="827" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_11.jpg?1328854093" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="827" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_12.jpg?1328854093" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="827" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_13.jpg?1328854093" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="827" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_14.jpg?1328854094" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="827" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_15.jpg?1328854094" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="405" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_17.jpg?1328854137" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="620" title="Design, boomartwork, drnopedal" alt="" src="http://design.org/sites/default/files/blog/2012/02/09/boomartwork-drno_16.jpg?1328854124" /> </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="http://design.org/blog/dr-no-effects-pedal-designs-boom-artwork" target="_blank">read more</a></p> http://design.org/blog/dr-no-effects-pedal-designs-boom-artwork#comments design hand-lettering illustration industrial music netherlands retro typography Fri, 10 Feb 2012 06:14:46 +0000 jessicapatterson 4097 at http://design.org Embossed Album Design by Martin Kvamme http://design.org/blog/embossed-album-design-martin-kvamme <p>This album cover design comes to us from Martin Kvamme of <a href="http://www.snohetta.com/" target="Snøhetta Design">Snøhetta Design</a>. The packaging was designed for Mike Patton's score for Costanzo's film adaption of La Solitudine Dei Numberi, aka The Solitude of Prime Numbers.</p> <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2012/01/04/kvamme_album_02.jpg" alt="Design, Kvamme, album" title="Design, Kvamme, album" 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="620" title="Design, Kvamme, album" alt="" src="http://design.org/sites/default/files/blog/2012/01/04/kvamme_album_01.jpg?1325718767" /> </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="423" title="Design, Kvamme, album" alt="" src="http://design.org/sites/default/files/blog/2012/01/04/kvamme_album_02.jpg?1325718819" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="460" title="Design, Kvamme, album" alt="" src="http://design.org/sites/default/files/blog/2012/01/04/kvamme_album_03.jpg?1325718819" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="702" title="Design, Kvamme, album" alt="" src="http://design.org/sites/default/files/blog/2012/01/04/kvamme_album_04.jpg?1325718820" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="739" title="Design, Kvamme, album" alt="" src="http://design.org/sites/default/files/blog/2012/01/04/kvamme_album_05.jpg?1325718820" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="768" title="Design, Kvamme, album" alt="" src="http://design.org/sites/default/files/blog/2012/01/04/kvamme_album_06.jpg?1325718820" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="812" title="Design, Kvamme, album" alt="" src="http://design.org/sites/default/files/blog/2012/01/04/kvamme_album_07.jpg?1325718836" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="423" title="Design, Kvamme, album" alt="" src="http://design.org/sites/default/files/blog/2012/01/04/kvamme_album_08.jpg?1325718848" /> </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="http://design.org/blog/embossed-album-design-martin-kvamme" target="_blank">read more</a></p> http://design.org/blog/embossed-album-design-martin-kvamme#comments album design music packaging print technique Wed, 04 Jan 2012 23:17:08 +0000 jessicapatterson 3992 at http://design.org The Shrine / An Argument: An Animated and Charactered Fleet Foxes Music Video http://design.org/blog/shrine-argument-animated-and-charactered-fleet-foxes-music-video <p>I'm a sucker for an epic story. (Consult my bookcase if you have any doubts—it's chockablock with series by Tolkien, J.K. Rowling and George R.R. Martin.) That's probably why I'm so enamored by the newest Fleet Foxes music video for "The Shrine / An Argument", an eight-minute long journey through a surreal land filled with bizarre beasts. </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, TheShrine, video" alt="" src="http://design.org/sites/default/files/blog/2011/11/21/theshrine_video_09.jpg?1321944803" /> </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="349" title="Design, TheShrine, video" alt="" src="http://design.org/sites/default/files/blog/2011/11/21/theshrine_video_05.jpg?1321944932" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, TheShrine, video" alt="" src="http://design.org/sites/default/files/blog/2011/11/21/theshrine_video_07.jpg?1321944931" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, TheShrine, video" alt="" src="http://design.org/sites/default/files/blog/2011/11/21/theshrine_video_06.jpg?1321944932" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, TheShrine, video" alt="" src="http://design.org/sites/default/files/blog/2011/11/21/theshrine_video_12.jpg?1321944932" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="346" title="Design, TheShrine, video" alt="" src="http://design.org/sites/default/files/blog/2011/11/21/theshrine_video_04.jpg?1321944932" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, TheShrine, video" alt="" src="http://design.org/sites/default/files/blog/2011/11/21/theshrine_video_10.jpg?1321944932" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, TheShrine, video" alt="" src="http://design.org/sites/default/files/blog/2011/11/21/theshrine_video_01.jpg?1321944932" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, TheShrine, video" alt="" src="http://design.org/sites/default/files/blog/2011/11/21/theshrine_video_08.jpg?1321944932" /> </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="http://design.org/blog/shrine-argument-animated-and-charactered-fleet-foxes-music-video" target="_blank">read more</a></p> http://design.org/blog/shrine-argument-animated-and-charactered-fleet-foxes-music-video#comments animal animation character design music video Tue, 22 Nov 2011 06:58:09 +0000 lindseyburrows 3864 at http://design.org Release The Freq by Matta: Music Video from Kim Holm http://design.org/blog/release-freq-matta-music-video-kim-holm <p><iframe src="http://player.vimeo.com/video/20800127?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, kimholm, freq" alt="" src="http://design.org/sites/default/files/blog/2011/11/11/kimholm_freq_01.jpg?1321056296" /> </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="343" title="design, kimholm, freq" alt="" src="http://design.org/sites/default/files/blog/2011/11/11/kimholm_freq_05.jpg?1321080528" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="347" title="design, kimholm, freq" alt="" src="http://design.org/sites/default/files/blog/2011/11/11/_kimholm_freq_02.jpg?1321080528" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="343" title="design, kimholm, freq" alt="" src="http://design.org/sites/default/files/blog/2011/11/11/_kimholm_freq_03.jpg?1321080528" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="345" title="design, kimholm, freq" alt="" src="http://design.org/sites/default/files/blog/2011/11/11/kimholm_freq_04.jpg?1321080527" /> </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="http://design.org/blog/release-freq-matta-music-video-kim-holm" target="_blank">read more</a></p> http://design.org/blog/release-freq-matta-music-video-kim-holm#comments animal design motiongraphics music video Sat, 12 Nov 2011 00:04:03 +0000 wardandrews 3824 at http://design.org The Holey Board: A Sustainable and Portable Pedalboard http://design.org/blog/holey-board-sustainable-and-portable-pedalboard <p>Chris Trifilio, a gigging musician / product designer, who appreciates the needs of the travelling musician. Through his Kickstarter project, the <a href="http://www.kickstarter.com/projects/657879674/holeyboard-guitar-effects-pedalboard-no-velcro-sus" target="Holey Board Deluxe">Holey Board Deluxe</a>, he hopes to raise enough funding to produce a run of his pedal board design. See more images and Chris's product 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="413" title="Design, holeyboard, music" alt="" src="http://design.org/sites/default/files/blog/2011/10/24/holeyboard_00.jpg?1319479989" /> </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="466" title="Design, holeyboard, music" alt="" src="http://design.org/sites/default/files/blog/2011/10/24/holeyboard_01.jpg?1319480059" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="466" title="Design, holeyboard, music" alt="" src="http://design.org/sites/default/files/blog/2011/10/24/holeyboard_03.jpg?1319480059" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, holeyboard, music" alt="" src="http://design.org/sites/default/files/blog/2011/10/24/holeyboard_02.jpg?1319480059" /> </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="http://design.org/blog/holey-board-sustainable-and-portable-pedalboard" target="_blank">read more</a></p> http://design.org/blog/holey-board-sustainable-and-portable-pedalboard#comments design industrial music startup Mon, 24 Oct 2011 21:27:40 +0000 wardandrews 3632 at http://design.org The Beats iPhone App Visual Development Progression http://design.org/blog/beats-iphone-app-visual-development-progression <p>I came across this UI design progression for <a href="http://bjango.com/iphone/beats/" target="Beats">Beats</a>, an advanced DJ metronome and key-mixing aid. It's pretty cool to see the app interface develop from its earlier stages to it's polished final form.</p> <p><iframe width="619" height="315" src="http://www.youtube.com/embed/PwpQX12Km54" frameborder="0" 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="394" title="Design, beats, app" alt="" src="http://design.org/sites/default/files/blog/2011/10/17/beats_app.jpg?1318881747" /> </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="http://design.org/blog/beats-iphone-app-visual-development-progression" target="_blank">read more</a></p> http://design.org/blog/beats-iphone-app-visual-development-progression#comments app design interface iphone music Mon, 17 Oct 2011 20:01:21 +0000 benleivian 3520 at http://design.org Working Record Player Wedding Invite by Kelli Anderson http://design.org/blog/working-record-player-wedding-invite-kelli-anderson <p>We've shared some <a href="http://design.org/blog/website-and-infographic-design-kelli-anderson" target="infographic work by Kelli Anderson">infographic work by Kelli Anderson</a> in the past, and I felt this project deserved a mention too. Her <a href="http://kellianderson.com/blog/2011/04/a-paper-record-player/" target="paper record wedding invite">paper record wedding invite</a> is a unique and inventive interactive creation. </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="414" title="Design, kellianderson, wedding" alt="" src="http://design.org/sites/default/files/blog/2011/10/13/anderson_wedding_00.jpg?1318570940" /> </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="413" title="Design, kellianderson, wedding" alt="" src="http://design.org/sites/default/files/blog/2011/10/13/anderson_wedding_01.jpg?1318570993" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="459" title="Design, kellianderson, wedding" alt="" src="http://design.org/sites/default/files/blog/2011/10/13/anderson_wedding_03.jpg?1318571119" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="411" title="Design, kellianderson, wedding" alt="" src="http://design.org/sites/default/files/blog/2011/10/13/anderson_wedding_04.jpg?1318571052" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="569" title="Design, kellianderson, wedding" alt="" src="http://design.org/sites/default/files/blog/2011/10/13/anderson_wedding_07.jpg?1318571053" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="408" title="Design, kellianderson, wedding" alt="" src="http://design.org/sites/default/files/blog/2011/10/13/anderson_wedding_08.jpg?1318571099" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="408" title="Design, kellianderson, wedding" alt="" src="http://design.org/sites/default/files/blog/2011/10/13/anderson_wedding_06.jpg?1318571053" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="466" title="Design, kellianderson, wedding" alt="" src="http://design.org/sites/default/files/blog/2011/10/13/anderson_wedding_02.jpg?1318571052" /> </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="http://design.org/blog/working-record-player-wedding-invite-kelli-anderson" target="_blank">read more</a></p> http://design.org/blog/working-record-player-wedding-invite-kelli-anderson#comments design graphic music print wedding Fri, 14 Oct 2011 05:50:11 +0000 wardandrews 3498 at http://design.org Nerdmask Undercover: Animated Music Promo Video from Impactist http://design.org/blog/nerdmask-undercover-animated-music-promo-video-impactist <p>The <a href="http://www.impactist.com/" target="Impactist">Impactist</a> directing duo, Kelly Meador and Daniel Elwing, created this animated music video as part of their Open Your Face and Make Words series audio series. I'm digging the graphics style combined with the playful sound.</p> <p>Nerdmask: "Going across country to make good on a sanctioned hit? Your only escape is to don a nerdmask. And, a moustache couldn't hurt."</p> <p><iframe src="http://player.vimeo.com/video/8184804?title=0&amp;byline=0&amp;portrait=0" width="620" height="349" frameborder="0"></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="345" title="Design, nerdmask, impactist " alt="" src="http://design.org/sites/default/files/blog/2011/08/16/impactist_nerdmask.jpg?1313537788" /> </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="http://design.org/blog/nerdmask-undercover-animated-music-promo-video-impactist" target="_blank">read more</a></p> http://design.org/blog/nerdmask-undercover-animated-music-promo-video-impactist#comments animation design music retro video Mon, 15 Aug 2011 04:01:17 +0000 jessicapatterson 3240 at http://design.org New Sony PIIQ Web Design by Odopod: Look Ma, No Flash! http://design.org/blog/new-sony-piiq-web-design-odopod-look-ma-no-flash <p>Is it possible to design moveable and interactive web content without the use of flash? Of course, but some do better than others, and San Francisco-based <a href="http://www.odopod.com/" target="Odopod">Odopod</a> is one such over-achiever (obviously a good thing). They are the masters behind the Sony <a href="http://discover.sonystyle.com/" target="PIIQ">PIIQ</a> headphones site, and their web design follows web standards, in a clean, attractive and grid-based system.</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="541" alt="" src="http://design.org/sites/default/files/blog/2011/07/01/piiq_webdesign_7.jpg?1309565168" /> </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="http://design.org/blog/new-sony-piiq-web-design-odopod-look-ma-no-flash" target="_blank">read more</a></p> http://design.org/blog/new-sony-piiq-web-design-odopod-look-ma-no-flash#comments design headphones music odopod sanfrancisco sony web Fri, 01 Jul 2011 17:04:43 +0000 wardandrews 2962 at http://design.org Inception-Inspired Hans Zimmer Album Artwork by Stuart Ford http://design.org/blog/inception-inspired-hans-zimmer-album-artwork-stuart-ford <p><a href="http://www.stuartford.co.uk/" target="Stuart Ford">Stuart Ford</a>, a multidisciplinary designer in the UK (whose website is quite fun to explore), created this album cover and artwork for an album of the Film Music of Hans Zimmer (Vol.2). The <a href="http://design.org/graphic-design" target="design">design</a> was inspired by Inception and draws on the environments and themes of "vast, maze-like landscapes and complex impossible patterns mirroring the intricate networks of the mind." The album also references the style of angular, German industrial architecture.</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="450" alt="" src="http://design.org/sites/default/files/blog/2011/06/27/stuartford_inception_1.jpg?1309200597" /> </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="http://design.org/blog/inception-inspired-hans-zimmer-album-artwork-stuart-ford" target="_blank">read more</a></p> http://design.org/blog/inception-inspired-hans-zimmer-album-artwork-stuart-ford#comments album design graphic Movie music uk Mon, 27 Jun 2011 18:55:21 +0000 jessicapatterson 2945 at http://design.org Ceramic Speakers by Joey Roth http://design.org/blog/ceramic-speakers-joey-roth <p>These Ceramic Speakers by Portland-based industrial designer <a href="http://joeyroth.com/" target="Joey Roth">Joey Roth</a> are a thing of musical beauty. The twin speakers connect directly to iPods, computers, television and other devices, making a modern and minimal sound system. "Their sound becomes even more dynamic when paired with a turntable and a phono pre-amp."</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="426" alt="" src="http://design.org/sites/default/files/blog/2011/06/22/joey_roth_speakers_2.jpg?1308802975" /> </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="http://design.org/blog/ceramic-speakers-joey-roth" target="_blank">read more</a></p> http://design.org/blog/ceramic-speakers-joey-roth#comments design headphones home accessories industrial music Thu, 23 Jun 2011 04:24:57 +0000 jessicapatterson 2932 at http://design.org