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)
As a developer, you may have bought into the myth that Photoshop is a tool only comprehensible to the artsy folk. The goal of this series is to shatter that lie by showing just how easy it can be to begin to add aesthetically appealing touches to your mobile web sites and applications. You may not become Raphael overnight, but hopefully you will find the tips and tricks presented here as a fitting complement to your programming prowess. Ready to start learning the tool that can make apps “pop”? Let’s get started.
(Continue)
Welcome to the fourth 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 learning how to use Photoshop to slice the app design comp in order to continue building and skinning the app with Xcode.
(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)
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