The distance between desktop application design, web application design, and mobile iOS application design could not be more great. User interface design differs in areas such as screen real estate, user input, and more. In this article, we’ll cover some common and uncommon user interface pitfalls when transitioning to mobile application design.
(Continue)
Most mobile apps are missing that extra bit of design detail that could help them stand out from the App Store crowd. While there is no replacement for having a talented designer polish your app’s pixels for hours on end, the purpose of this series is to teach those with limited Photoshop experience and a low-to-no budget how to make apps that shine!
(Continue)
Well, if you’ve read the first five articles in this series, you may be asking yourself: “How does all of this relate to Mobile Design?” The purpose of this introductory series is for you to add some new tools and ideas to your mobile design arsenal. This article is no different. Colors can make your application look professional and beautiful, but on the flip side, they can also make it look like your app was made by my five-year-old nephew.
(Continue)
Now that we have been introduced Photoshop and a couple of the most essential tools, let’s put the first four tutorials in this series to good use and make a nice background for a mobile application. Designing app backgrounds differs from designing desktop backgrounds in at least one fundamental way: you have to strip out all unnecessary clutter and only provide the user with what is absolutely necessary. Read on to learn more!
(Continue)
Welcome to the fifth installment in our series on how to both design and build a 1980s version of the iOS “Phone” app. In this tutorial we will be using Xcode and Interface Builder to skin the “Phone” screen of our application using the graphics we sliced from part four in this series.
(Continue)
In this mobile design tutorial, Jen Gordon addresses the issue of whether to export image files destined for mobile applications in the PNG or JPEG image format.
(Continue)
Welcome to the third installment in our series on how to both design and build a 1980s version of the iOS “Phone” app. In this tutorial we will be jumping into both Xcode and Interface Builder to setup the basic view hierarchy of our application and deconstruct the app design into individual iOS SDK components.
(Continue)
Welcome to the second part in our “Design & Build a 1980s iOS Phone App” series, where we will be teaching you all the steps necessary to both design and code a “Phone” app similar to the default version on the iPhone. In this tutorial, we will complete the interface design of our app.
(Continue)
Welcome to the first in a series that will cover all the steps necessary to both design and code a “Phone” application! Our application will function much like the default iPhone version with one very important aesthetic twist: our design is inspired by the 1980s. This is a hands-on series, so read on and let’s get started!
(Continue)
This article will discuss a critical component of App Store success: well-crafted screenshots. Your prospective customers WILL “judge a book by its cover”, so taking the time necessary to create screenshots that sell is well worth the effort. This is the last post in the 10-part iPhone Design 101 series, so please comment to suggest any mobile design topics you would like to see in 2011!
(Continue)
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Mobiletuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Follow Mobiletuts+ and Tuts+ on Twitter