ui design http://design.org/tags/ui-design en A Gallery-Based Printer's Site: The Göteborgstryckeriet Site Design by Lundgren+Lindqvist http://design.org/blog/gallery-based-printers-site-g%C3%B6teborgstryckeriet-site-design-lundgrenlindqvist <p>Swedish design and creative agency <a href="http://www.lundgrenlindqvist.se/" target="Lundgren+Lindqvist">Lundgren+Lindqvist</a> were tasked with creating a new site design and user experience for <a href="http://gbgt.se" target="Göteborgstryckeriet">Göteborgstryckeriet</a>. Through GBGT's four devisions of subspecialties, the high-end print house handles every type of job, from the most technically advanced to the most extensive.</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="708" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_03.jpg?1336378612" /> </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="708" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_02.jpg?1336378937" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="859" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_01.jpg?1336378938" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="667" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_04.jpg?1336378938" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="438" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_05.jpg?1336378938" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="438" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_09.jpg?1336378939" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="729" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_06.jpg?1336378938" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="517" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_07.jpg?1336378939" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="517" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_08.jpg?1336378939" /> </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/gallery-based-printers-site-g%C3%B6teborgstryckeriet-site-design-lundgrenlindqvist" target="_blank">read more</a></p> http://design.org/blog/gallery-based-printers-site-g%C3%B6teborgstryckeriet-site-design-lundgrenlindqvist#comments design interface print sweden ui design ux web Mon, 07 May 2012 08:33:45 +0000 jessicapatterson 4224 at http://design.org Tools We Use: Paper—Beautiful Sketching and Notation on the iPad http://design.org/blog/tools-we-use-paper%E2%80%94beautiful-sketching-and-notation-ipad <p><a href="http://www.fiftythree.com/paper" target="Paper">Paper</a>, designed by <a href="http://www.fiftythree.com/" target="53">FiftyThree</a> in New York and Seattle, features a simple and beautiful <a href="http://design.org/interface-design" target="interface design">interface design</a> that is a joy to use. </p> <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2012/04/10/paper_app_09.jpg" alt="" title="Design, app, paper" 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="465" title="Design, app, paper" alt="" src="http://design.org/sites/default/files/blog/2012/04/10/paper_app_00.jpg?1334119330" /> </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="444" title="Design, app, paper" alt="" src="http://design.org/sites/default/files/blog/2012/04/10/paper_app_01.jpg?1334119429" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="462" title="Design, app, paper" alt="" src="http://design.org/sites/default/files/blog/2012/04/10/paper_app_03.jpg?1334119429" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="462" title="Design, app, paper" alt="" src="http://design.org/sites/default/files/blog/2012/04/10/paper_app_04.jpg?1334119429" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, app, paper" alt="" src="http://design.org/sites/default/files/blog/2012/04/10/paper_app_06.jpg?1334119429" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, app, paper" alt="" src="http://design.org/sites/default/files/blog/2012/04/10/paper_app_07.jpg?1334119429" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, app, paper" alt="" src="http://design.org/sites/default/files/blog/2012/04/10/paper_app_08.jpg?1334119430" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="480" title="Design, app, paper" alt="" src="http://design.org/sites/default/files/blog/2012/04/10/paper_app_09.jpg?1334119704" /> </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/tools-we-use-paper%E2%80%94beautiful-sketching-and-notation-ipad" target="_blank">read more</a></p> http://design.org/blog/tools-we-use-paper%E2%80%94beautiful-sketching-and-notation-ipad#comments app design interface ipad sketchbook tools ui design Wed, 11 Apr 2012 04:55:21 +0000 wardandrews 4199 at http://design.org Curated iPad Apps through the Stylapps Interface http://design.org/blog/curated-ipad-apps-through-stylapps-interface <p>Interface designer <a href="http://madebyvadim.com" target="Vadim Sherbakov">Vadim Sherbakov</a> designed <a href="http://www.stylapps.com/" target="Stylapps">Stylapps</a> to showcase the most stylish iPad apps in the App Store. No longer must you browse through the masses of sub-par applications, instead simply startup Stylapps and feast your eyes on a curated collection of the best in interface, app and game design. </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, interface, stylapps" alt="" src="http://design.org/sites/default/files/blog/2012/04/09/stylapps_01.jpg?1334006132" /> </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, interface, stylapps" alt="" src="http://design.org/sites/default/files/blog/2012/04/09/stylapps_02.jpg?1334006333" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, interface, stylapps" alt="" src="http://design.org/sites/default/files/blog/2012/04/09/stylapps_03.jpg?1334006334" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, interface, stylapps" alt="" src="http://design.org/sites/default/files/blog/2012/04/09/stylapps_04.jpg?1334006334" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, interface, stylapps" alt="" src="http://design.org/sites/default/files/blog/2012/04/09/stylapps_05.jpg?1334006334" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, interface, stylapps" alt="" src="http://design.org/sites/default/files/blog/2012/04/09/stylapps_6.jpg?1334006334" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, interface, stylapps" alt="" src="http://design.org/sites/default/files/blog/2012/04/09/stylapps_07.jpg?1334006334" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, interface, stylapps" alt="" src="http://design.org/sites/default/files/blog/2012/04/09/stylapps_08.jpg?1334006334" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, interface, stylapps" alt="" src="http://design.org/sites/default/files/blog/2012/04/09/stylapps_9.jpg?1334006334" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, interface, stylapps" alt="" src="http://design.org/sites/default/files/blog/2012/04/09/stylapps_10.jpg?1334006334" /> </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/curated-ipad-apps-through-stylapps-interface" target="_blank">read more</a></p> http://design.org/blog/curated-ipad-apps-through-stylapps-interface#comments app design interface ipad ui design Tue, 10 Apr 2012 04:48:29 +0000 jessicapatterson 4187 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 Large Sticky Note Templates for Web and Mobile UI Design http://design.org/blog/large-sticky-note-templates-web-and-mobile-ui-design <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2011/04/21/uxstickynotes_1.jpg" alt="Design, uxstickynotes, wireframe" title="Design, uxstickynotes, wireframe" class="imagecache-blog-full-scale" /></p> <p>These sticky notes from <a href="http://www.uxstickynotes.com/" target="UX Stickynotes">UX Stickynotes</a> are a pretty excellent idea. They're ideal for UI sketching in wireframes for web browser and iPhone, and they create a storyboard-like experience for designers. Ideas can be sketched, rearranged, removed or replaced quickly and easily.</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="340" title="Design, uxstickynotes, wireframe" alt="Design, uxstickynotes, wireframe" src="http://design.org/sites/default/files/blog/2011/04/21/uxstickynotes_1.jpg?1303421972" /> </div> </div> </div> <p><a href="http://design.org/blog/large-sticky-note-templates-web-and-mobile-ui-design" target="_blank">read more</a></p> http://design.org/blog/large-sticky-note-templates-web-and-mobile-ui-design#comments design office supplies tools ui design user experience web wireframe Thu, 21 Apr 2011 21:36:04 +0000 jessicapatterson 2800 at http://design.org