Mobile design is a constant struggle for simplicity. With so little screen space, it can be very challenging to pack the necessary functionality into the design while still keeping it streamlined and intuitive. In order for your users to get the most out of the application, you sometimes have to plant subtle clues or even build a feature walkthrough to show how things work. This tutorial will show you examples of how to do just that!
(Continue)
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)
We’ve gone through a lot already in this series. I would like to think that from what we’ve covered so far you could start to design some pretty cool stuff! For this tutorial on buttons, I’m going to show you how to make an icon using just four circles. Yep, that’s it, just four! While four circles will get you something pretty cool, I’ll give you even more bang for the buck by showing you how to enhance the graphic by adding two more circles. Let’s get drawing!
(Continue)
Shapes have come a long way in Photoshop and knowing how to utilize them in your application can mean the difference between success and failure. Shapes can bring depth, balance and unity to your apps. This tutorial will introduce to you the Photoshop shape tool and teach you to draw basic custom shapes. In the process, you will be prepared for the next tutorial in this series: creating buttons.
(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 fourth tutorial in our series on Photoshop for developers! In this Quick Tip, I’ll introduce you to the Gradient Tool and demonstrate the fundamentals of how to use it.
(Continue)
Welcome to the third tutorial in our series on Photoshop for developers! In this Quick Tip, I’ll introduce you to the fundamentals of painting with the Bucket Tool.
(Continue)
Welcome to the second tutorial in our series on Photoshop for developers. In this quick tip, I’ll introduce you to the fundamentals of making selections with the Marquee Tool.
(Continue)
Gain insight from the pros and find out what you need to become a successful iPhone App Entrepreneur!
Woody - More
Just getting started? Start with our basix tutorials on the fundamentals. View All Basix Tutorials
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
UberMenu - WordPress Mega Me ... only $16.00 
RoyalSlider – Touch-Enable ... only $12.00
Follow Mobiletuts+ and Tuts+ on Twitter