iPhone App Template screenshot on the desktop.

 

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.

Features

Learn

Community

Company

Buy

Download

Axure Share

Forum

Manage Licenses

 

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

Home

Features

Community

Learn

Support

Company

Download

Buy

Contact

Privacy

Legal

Sitemap

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

u66_start u66_end u66_line

 

 

 

 

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

iPhone template page - iPhone Frame for Desktop View.

 

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

iPhone app template - App Home

 

iPhone app template on the device.

 

ABOUT THE TEMPLATE

DOWNLOAD

 

u131_start u131_end u131_line
u133_start u133_end u133_line

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

THE ROUND UP

IPHONE APP TUTORIAL & TRAINING ARTICLES

Using the iPhone App Template

u152_start u152_end u152_line

MORE IPHONE APP TUTORIALS & TRAINING ARTICLES ::

 

 

u166_start u166_end u166_line

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