The iPhone App Template is an RP file that has pages, guides, and mobile settings set up to create and view iPhone app designs on the phone and desktop.

iPhone App Template

The iPhone App Template is an RP file specifically set up for designing iPhone apps. It includes a page with the iPhone Frame for viewing on the desktop and guides for desiging your app to the iPhone screen size for viewing on the phone.  Download and open the iPhoneAppTemplate.rp file and jump right in.

The iPhone App Template is the place to start when creating an iPhone app design. Next learn to view your prototype on the iPhone.

Designing apps using the

(AxureiPhoneApp.zip)

This zip contains the iPhone App Template and files to complete the iPhone app tutorials

iPhone app prototypes are typically designed to 320 x 460 px. This lets us use the default settings for the iPhone browser without scaling. The template has guides set at that width and height.

If your app content exceeds those dimensions, create scrollable areas using the dynamic panel.

Guides Based on iPhone Screen Size

iPhone Pixel Dimensions

Still need help? Check out the forum or drop us a line at support@axure.com.

© 2002-2013 Axure Software Solutions, Inc. All rights reserved.

Mockup Software

Wireframe Software

Flowchart Software

Prototyping Software

SRS Documents

Web Design Software

iPhone Mockup Tool

iPad Mockup App

Visio Alternative

Powerpoint Alternative

Use Axure RP as:

WYSIWYG Editor

The Round Up

Back to iPhone App Tutorials

Online Training Home

Adding Guides

If you are not using the iPhone app template to build your design, global guides can be added to your wireframe by holding Ctrl (PC) or Cmd (Mac) while clicking and dragging from the ruler to the desired location.

Using the iPhone App Template Pages

The "iPhone Frame for Desktop View" page contains an image of an iPhone with an inline frame placed on top. The inline frame is setup to load the App Home page (double-click it to see the link). This set up lets us see the prototype in the iPhone skin on a desktop browser while allowing us to design the App Home and other pages for viewing directly on the iPhone.

iPhone Frame for Desktop View Page

The App Home page is set up for viewing your iPhone app design on your phone. This is the page you will browse to from your mobile browser. It does not contain the iPhone image and has guides set to the pixel width and height generally used for designing for the iPhone screen.

App Home Page

About the Template