Have you seen the iPad Twitter App ? They have cool sliding views that are overlaid above each other. In this tutorial series, I will show you how to design an app similar to that. This will be a Photobook app with photo frame designs, sliding views. Watch the series of videos to discover an open-source application that will get you started quickly and I will show you how to customise the design for the app.

Part 01 – How to Design An App – Introduction

In this video, I will show you how to design an app similar to the Twitter iPad app. Our app will not be a Twitter app but a Photo book app instead. The app will have sliding views that are overlaid above each other and also a photo frame design.

Download the Finished Xcode Project and Design Files


Part 02 – How to Customize A UITableViewCell


In this video, you will learn how to design a UITableViewCell for the left Table View. The cell will have a tray gradient with two labels, one for the folder name and another for the count of images in the folder.


Part 03 – Inserting a Cell in the Sliding Views


In this video, you will add the custom UITableViewCell cell to the Table View (UITableView) which makes up the menu on the far left.

Download the Finished Xcode Project and Design Files


Part 04 – Adding a Picture Thumbnail To A UITableViewCell



This video teaches you how to add a custom thumbnail image to a cell. This image will have a photo frame effect


Part 05 – Designing a UIScrollView To Display Content



Part 06 – Adding Data To the App Using a Data Model

Download the Finished Xcode Project and Design Files

5 Responses to “How to Design An App – iPad PhotoBook App Tutorial”

  1. Websitesmadeasy says:

    Hello,

    I would like to see how you would include audio files instead of pictures in the “How to design an app” tutorial. I would also like to see the audio player setup to play each audio for the row selected. There is very little detailed projects demonstrated anywhere on this topic and it would really help me out understanding how to use audio files. Next I would like to use this concept from a plist.

    Thanks

    Reply
    #
  2. mahalie says:

    Thanks for sharing. I’m just designing for a developer but your site has really helped me understand how to design for iOS v. web. Also I love your accent!

    Reply
    #

Trackbacks/Pingbacks

  1. How To Create a PDF with Quartz 2D in iOS 5 Tutorial Part 1 | Ray Wenderlich -

    [...] for easy to use, useful, aesthetically pleasing apps. Here are some of his videos teaching you how to design an app with custom design. [...]
  2. How To Create a PDF with Quartz 2D in iOS 5 Tutorial Part 2 | Ray Wenderlich -

    [...] for easy to use, useful, aesthetically pleasing apps. Here are some of his videos teaching you how to design an app with custom design. [...]
  3. How To Make Your App Stand Out With The New iOS 5 Appearance API | Mobile Orchard -

    [...] this tutorial, I am going to show you how to design an app similar to the cool Find my Friends [...]

Leave a Reply