Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.



Published on

  • Be the first to comment

  • Be the first to like this


  1. 1. Your 57x57 icon here Your App Home Screen This is a default iPhone home screen to start your demos from. In presentation mode, the red icon acts as a button that links to the 2nd slide, where your mockup loading screen should display. You can replace the red button by your own 57x57 icon. Just don’t forget to hyperlink it to slide 2. If you own photoshop this tutorial might be handy:
  2. 2. Launch screen (static) iPhone OS displays this full-screen image instantly when the user taps your application icon on the Home screen as a placeholder for your app until it starts. Apple recommends designing a launch screen that creates the illusion that your app has already started (even though it’s just an image). One great way to do that is to have a launch screen that looks just like the background of your app’s first screen (but without the data populated of course). This is your static launch screen In presentation mode, it will display for 2 seconds to simulate your app loading.
  3. 3. <ul><li>This is your app’s home. </li></ul><ul><li>To start prototyping your app, copy and paste graphics from the MockApp Library file . </li></ul><ul><li>Don’t forget to hyperlink some of your buttons to simulate the navigation of your app*. </li></ul>*If you don’t want your demos to advance using hyperlinks/buttons only you can do one of the following: In Keynote , go to the Inspector’s Document tab and change the presentation setting from “hyperlinks only” to “Normal”. In PowerPoint , select all slides and then go to the animation tab to check “on mouse click” in the “advance slide” section. App Home Screen This is where your app starts. Feel free to delete the instructions on the iPhone screen and start pasting UI elements from the MockApp library file. Have fun using MockApp!
  4. 4. Add as many screens as you need (new slide). You can make your screens vertical or horizontal by using the corresponding slide Master.