Video Tutorial – Creating iPhone App Design Templates Part 1

By
On January 12, 2012

Here is a series of videos that teaches you how to design an iPhone App. The app takes its inspiration from the Flipboard App for iPhone. Saves you $2000+ in hiring designers, Setup In 10 minutes, No Photoshop skills needed. Click the button below to browse the templates and start designing your app in 30 minutes or less.

I will use some design resources from iPhone App Design Templates found on the Newsreader theme which you can find on App Design Vault.

At the end of this post, I will give you a link to download the final project but before then, let’s find out how to design stunning apps.
Let’s get started!.

Video 1 – iPhone Design Template – Introduction

In this video, I will walk you through the final outcome of this project and what we are trying to achieve.

Video 2 – How to Design the Cover Screen

In this video, you will learn how to add design elements to a UIViewController and how to layout the elements so they look good on the screen.

Video 3 – How to Design Custom Views in a UIViewController

In this video, you will learn how to design the three sub-views you see on the Home screen and how to add them to the main view while configuring them to have different parameters.

Watch out for Part 2

Thanks for watching the first part in this tutorial series. Part 2 will be coming up shortly so make sure you are subscribed to the Mobile Orchard feed.

If you want to download the sample project for this tutorial, you can do so here. If you have got any questions, meet me in the comment section 🙂

  • QueyJoh

    Is there any particular reason you used a gradient image rather than a CAGradientLayer in video 2?

  • tope

    Nope, no special reason. Just a matter of prerefence…. Of course, you can use a CAGradientLayer too.

  • I found your article quite interesting. If apple intends to sell this many iphones this year, apps are going to become more relevant than they already are. Your imaginative approach is quite interesting.

  • sinan

    hello, when will you publish part 2, it is a great tutorial, regards

  • So glad I came across this site. I was about to outsource the creation of an app.Thanks so much!

  • This is really an awesome tutorial of creating the iphone app design easily without any knowledge of the Photoshop skills. Great idea of designing the app easily within 30 minutes.