background preloader

Design - iOS dev

Facebook Twitter

UIView Animation Tutorial: Practical Recipes - Ray Wenderlich. If you're new here, you may want to subscribe to my RSS feed or follow me on Twitter. Thanks for visiting! Use some UIView Animation Recipes you can use in your apps! This is a blog post by iOS Tutorial Team member Fabio Budai, an Objective C developer from Italy. One lesson I learned the hard way is that graphics and animations are really important in iPhone Apps, and not only in games. Utilities also need a nice UI and some cool graphic effects. It may be true that most of these animations are useless! Sometimes your design needs a complex UI that can contain a lot more objects than you can fit on a screen.

Luckily, UIKit has some really powerful built-in animations, and in iOS 4, blocks make using them really easy. We already covered how to use UIView Animations in the UIView Animation Tutorial posted here almost a year ago, so you might want to go through that tutorial first. Getting Started Create a new project in XCode: File\New\New Project. Make sure you check ARC and Storyboard. Beautiful Pixels. iOS 5 Tech Talk: Mark Kawano on iOS User Interface Design. Apple kicked off this winter’s iOS 5 Tech Talk World Tour last week in Berlin. I was lucky enough to get a seat and I’d like to tell you a bit about the sessions I attended for those who weren’t there.

First up after the kickoff session was Mark Kawano, Apple’s User Experience Evangelist. He talked about iPhone and iPad User Interface Design, in particular: Understanding what makes the iPhone and iPad so special is essential to designing a great user experience. Learn best practices for optimizing your app’s user interface for the unique characteristics of iOS devices. Mark opened his talk by reminding the audience to strive to build a truly great app.

Great apps like djay or The Early Edition 2 define a new benchmark for their genre. One common theme of great apps is that they tell a story. What will your app do? Mark continued with some concrete steps you should follow while designing your app, always driven by the story you have defined. 1. Ask yourself two questions in this section: 2. Tap target size. First questions. Testing UI on iOS. By Sylvain Weiss. Designing for iOS: Graphics & Performance. In the previous article, we explored different techniques to customize the look and feel of UIButton, assigning to each a difficulty level based on the complexity of the Objective-C code involved in the implementation. What I intentionally left out mentioning however, is that some of these methods come with non-trivial performance ramifications that should be taken into consideration when choosing one over another. Behind The Scenes In order to understand how performance is affected, we need to have a closer look at the technology stack behind graphics in iOS.

This block diagram represents the different frameworks and libraries and how they relate to each other: In the topmost layer, there is UIKit—a high-level Objective-C framework that manages the graphical user interface in iOS. Deeper in the stack we have OpenGL ES, an open-standard library for rendering 2D and 3D computer graphics on mobile devices. As a general rule, offscreen drawing affects performance when animation is involved. A Performance-minded take on iOS design | Lobsters.

Cross-posted from the comments section there: [The] advice as far as the button is good here, but I’ve got one small correction and some bonus explanation for interested readers. I’d like to clarify a few points about offscreen drawing as described in this post. While your list of cases which might elicit offscreen drawing is accurate, there are two grossly different mechanisms being triggered by elements of this list (each with different performance characteristics), and it’s possible that a single view will require both.

Those two mechanisms have very different performance considerations. In particular, a few (implementing drawRect and doing any CoreGraphics drawing, drawing with CoreText [which is just using CoreGraphics]) are indeed “offscreen drawing,” but they’re not what we usually mean when we say that. They’re very different from the rest of the list. Also: the considerations for shouldRasterize are very different from masking, shadows, edge antialiasing, and group opacity. PNG vs JPG. UI UX articles. Mobile UI Patterns. Under the Hood: Our Top Ten Sites for Design Inspiration - Create Android App. Every week at Fueled, our London-based lead designer Rob Palmer shares a handful of inspirational websites with our teams in New York and Chicago.

This weekly email acts like a virtual water cooler, encouraging us to congregate across time zones and discuss what brands and blogs are doing to push new trends in web design. This week we have two ‘addictive’ games, one talented design firm and lots of great photography. We dare you to visit these sites and not feel inspired. Studio MPLS Studio MPLS is a company based in Minneapolis that specializes in branding and packaging design. Their website is solid and their featured work is absolutely gorgeous. We especially love their Belize campaign. . ➤ Studio MPLS Aquaceutic Aquaceutic is a Polish energy drink. . ➤ Aquaceutic Alkopedia Alkopedia is an interactive website run by Drugsmart.com, a site made by the Swedish Council for Information on Alcohol and Other Drugs.

. ➤ Alkopedia Desktime ➤ Desktime Feel What You Are ➤ Feel What You Are Greats ➤ Greats. 40 Beautifully Designed Mobile Apps With Excellent UI Experience in Mind. With so many apps being released in such a short period of time, designers need to really create apps that stand out. In this roundup we’re sharing 40 beautifuld mobile app designs with excellent UI experience in mind. Also at the end of the post you’ll find some more resources to follow top mobile app design trends. Mobile apps are even changing the way we design anything nowadays! Everybody is pushing to higher resolution with new retina displays (iPad3) and I believe whole web will get super beautiful and sleek soon enough!

But before it happens we can inspire from these high quality inspirational mobile app designs. It doesn’t matter for which platform you create a design; you can transfer experience from mobile to web, from web to tablets! As you can see even print and web is not so different now. Only one big difference in my opinion is touch screens – for mobile and tablets you need to put big attention in UX, usability. Which is your favorite mobile app by design and usability?