background preloader

Mobile

Facebook Twitter

Breaking Development: The Most Common Denominator. Lovely ui. About / badges / buttons / capture / coach mark / comments / circles / compose / count / detail / empty data sets / favorites / feed / home / icons / launch screen / list / navigation / notifications / player / profile / search / settings / stats / feed on PiggyBot — 1 week ago with 2 notes #piggybot #iphone #feed grid on Vine — 1 week ago with 3 notes #vine #iphone #Grid #count #circles icons on Vine — 1 week ago with 2 notes #vine #iphone #icons — 1 week ago with 2 notes #vine #iphone #icons #rainbow #Illustration profile on Vine — 1 week ago with 2 notes #vine #iphone #profile #circles feed on Vine — 1 week ago #vine #iphone #icons #comments #feed graphs on Doorsteps Swipe — 1 week ago with 11 notes #doorsteps #iphone #graphs typography on Doorsteps Swipe — 1 week ago with 4 notes #doorsteps #iphone #Typography #swipe right feed on Doorsteps Swipe — 1 week ago with 1 note #doorsteps #iphone #feed #icons #swipe right profile on Steller — 3 weeks ago with 10 notes #stellar #iphone #profile #circles card on Curly’s.

Patterns - Theresa Neil. How to Design Pixel Perfect Photoshop Files for iOS Apps. Here’s a quick Photoshop setup that helps us make better design decisions when designing for iOS devices. The primary thing to keep in mind here is that designing for a device like an iPhone, especially one with a retina display, using only a computer monitor leads to a good deal of guess work due to the differences in pixel density. We hate unnecessary guess work. Sure, you can export flats and look at them on the end device but you’re probably not going to do that as often as you’d need to – and it’s a waste of time given that tools like LiveView Screencaster are available. It’s a free app (Nicholas, we’d gladly pay) that let’s you view your Photoshop canvas in real time on your iOS device.

It’s the best addition to our toolkit since Photoshop added layers and multiple undos. Set up Photoshop with a new blank document (640×960 in this case) and make a second instance of it (this is key). Here’s a quick snap of the sample set up: Introduction To Designing For Windows Phone 7 And Metro - Smashing UX Design. Advertisement Microsoft’s new mobile operating system, Windows Phone 7 (WP7), introduces a fresh approach to content organization and a different UX, based on the Metro design language and principles that will be incorporated into Windows 8. It also targets a different market than its predecessor: instead of being designed mainly for business and technology workers, WP7 is targeted at active people with a busy life, both offline and online, and who use social networks every day, whatever their background.

Why Should Designers Care? First, it’s a new interface, so you have space to create and develop some new ideas for it. We are still at the beginning of its growing curve, so it’s an interesting challenge. When I saw a WP7 presentation for the first time, I thought, “I want to design something for this.” Exploring is a great way to learn how to build a new exciting experience for users.

Secondly, Metro design is a market reality that we can’t ignore. A New Approach To Design Panorama Pivot. Baker Ebook Framework 2.0.