Video Tutorial – Creating iPhone App Design Templates Part 1

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 :-)


7 Responses to “Video Tutorial – Creating iPhone App Design Templates Part 1”

  1. QueyJoh 12. Jan, 2012 at 8:24 pm #

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

  2. tope 15. Jan, 2012 at 3:40 pm #

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

  3. Ruth Plant 18. Jan, 2012 at 10:11 am #

    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.

  4. sinan 24. Jan, 2012 at 2:24 am #

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

  5. Scott Brooks 20. May, 2012 at 5:58 am #

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

  6. jackmartin 01. Sep, 2012 at 4:28 am #

    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.

Trackbacks/Pingbacks

  1. Video Tutorial : Creating iPhone App Design Templates – Part 2 | Internet App developer - 28. Jan, 2012

    [...] part in the series of 2 tutorials on how to create custom designs for your iPhone app. You can view Part 1 here. In this tutorial, we shall design a ViewController similar to the image below. The [...]

Leave a Reply

© 2008-2051 • Mobile Orchard and the Bar-Tree Logo are service marks. ContactAdvertise