GUI Templates for iPad App Designers

It is fundamental that every app designer have a selection of pre-designed and editable UI elements that will allow them to optimize, organize and speed-up work-flow. To help streamline your iPad design work, we have put accumulated a comprehensive selection of iPad specific GUI Kits & Stencils, Wireframing kits, Sketching Templates and fully editable PSD templates that will allow you to rapidly prototype beautiful designed apps.

We have also previously published a post that focuses on iPhone GUIs and Stencils, you can view that post here: iPhone Development GUI Kits, Wireframe Stencils and Icons →

iOS Design Stencils (OmniGraffle)

iOS Design Stencils (OmniGraffle)
All of the stencils have been originally created by hand from native or custom created OmniGraffle shapes and grouped for ease of use. the stencils can be easily scaled to new point resolutions and exported to any vector formats supported in OmniGraffle.
iOS Design Stencils →

iPad Stencil (Omnigraffle)

iPad Stencil (Omnigraffle)
This Omnigraffle stencil, from Information Architects, contains editable text, backgrounds, title bars, buttons, selectors, and many more iPad UI elements. It is based on the iPad PSD GUI designed by Teehan+Lax below.
iPad Stencil →

iPad GUI Design Template Version 2 (PSD)

iPad GUI Design Template Version 2
Now in its second iteration, this version of the template, designed by Teehan & Lax, has been completely redesigned from the ground up. Based on the recent 4.2.1 update, it includes all the elements you need to design proof-of-concepts or production ready assets.
iPad GUI Design Template Version 2 →

iPad Vector GUI Elements (AI)

iPad Vector GUI Elements (AI)
This huge GUI template, from IconShock, has almost all of the iPad UI elements, including buttons, tabs, menus, keyboard… It also includes a fully scalable and editable vector version (AI).
iPad Vector GUI Elements →

iPad GUI Kit (PSD)

iPad GUI Kit (PSD)
This iPad GUI Kit offers a canvas size true to the iPad at 768×1024. Most of the graphical elements are provided in vector format allowing you lots of room to scale things up for high resolution presentations. This version is also layered in PhotoShop making it easier for you to go nuts with your mockups and client presentations.
iPad GUI Kit →

iPad Axure Widget Library

iPad Axure Widget Library
This is an Axure Widget Library from the Teehan+Lax iPad GUI template (version1 ) template. It contains 82 items, 99% customizable text-elements, icons and many more.
iPad Axure Widget Library →

iPad Actions for Photoshop

These Photoshop Actions will allow any UX/UI designer or App developer to quickly create a gorgeous rendering of their app as it would appear on an Apple iPad. All that is required on your end is your final designs. Have a look a the video below to help you get started:

iPad Actions for Photoshop →

iPad Icon Template (PSD)

iPad Icon Template (PSD)
iPad Icon Template →

iPad Icon Template (PSD)

iPad Icon Template with Border Radius Info (PSD)
iPad Icon Template with Border Radius Info →

Free iPhone App Icon Kit

Free iPhone App Icon Kit
This build-your-own iPhone icon kit comes complete with 30 unique icons and backgrounds for hundreds of possible combinations. Using vector shape layers for easy customization, and Smart Objects for automatic updating of icon sizes, this kit makes it a breeze to create your own high quality quality, gorgeous iPhone, iPad and iOS application icons.
Free iPhone App Icon Kit →

ZURB iPad Omnigraffle Stencils & Sketchsheets

ZURB iPad Omnigraffle Stencils & Sketchsheets
In addition to the outline, this template includes a series of iPad popovers, a ton of buttons, menu bars, dock icons, keyboards, alerts … the list goes on.
ZURB iPad Omnigraffle Stencils & Sketchsheets →

iPad Wireframe Template (EPS)

iPad Wireframe (EPS)
iPad Wireframe →

iPad Sketch Elements (AI)

iPad Sketch Elements (AI)
This collection of common iPad elements in a sketch–like style allows you to easily and quickly mock up flows of custom wireframe screens.
iPad Sketch Elements →

Keynote Wireframe Toolkit

This is a free clickable iPad prototype inspired by iBooks for Keynote. Have a look at the video below, it will show you how to prototype an iPad app in Keynote in less than 30 minutes:

Keynote Wireframe Toolkit →

Sqetch – An Illustrator Wireframing Toolkit

Sqetch - An Illustrator Wireframing Toolkit
Sqetch is an Illustrator-toolkit consisting of several templates and elements: Browser; iPad upright; iPad landscape; Smartphone; GUI-Elements; Form-Elements.
Sqetch – An Illustrator Wireframing Toolkit →

iPad Landscape Non-Markup (Balsamiq Mockups)

iPad Landscape Non-Markup (Balsamiq Mockups)
This is a full-size (1024×768) iPad landscape frame with a "hole" for the viewport, letting background images show through, useful for mocking up content that is larger than the viewport. A Safari browser bar and landscape mode keyboard is also included.
iPad Landscape Non-Markup →

Lower-Fi iPad Mockups (Balsamiq Mockups)

Lower-Fi iPad Mockups (Balsamiq Mockups)
Here are two lower fidelity iPad mockups, with a light gray chrome color, and deliberately wireframe-like sloppy outlines.
Lower-Fi iPad Mockups →

iPad Popovers (Balsamiq Mockups)

iPad Popovers (Balsamiq Mockups)
iPad Popovers →

iPad Wireframe Template (Photoshop)

iPad Wireframe Template (Photoshop)
iPad Wireframe Template →

iPad Design Template Stencils (PDF)

iPad Design Template Stencils (PDF)
iPad Design Template Stencils →

iPad Idea Sheet (PDF)

iPad Idea Sheet (PDF)
iPad Idea Sheet →

iPad Application Sketch Template (JPEG)

iPad Application Sketch Template (JPEG)
iPad Application Sketch Template →

iPad Wireframe Templates (PDF)

iPad Wireframe Templates (PDF)
iPad Wireframe Templates →

iPad 2 Template (PSD)

iPad 2 Template (PSD)iPad 2 Template (PSD)
Here are two iPad2 PSDs (black & whilte) mockups. The screen has its own ‘Smart Object’ making editing extremely easy.
iPad 2 Template →

iPad iPhone Scale Comparison (Omnigraffle)

iPad iPhone Scale Comparison (Omnigraffle)
A very basic Omnigraffle template and tidy up of an iPad with the representations of the device to scale.
iPad iPhone Scale Comparison →

Apple iPad: Fully Editable (PSD)

Apple iPad: Fully Editable (PSD)
Fully editable and scaleable Apple iPad in PSD format with every element editable via vector masks.
Apple iPad: Fully Editable (PSD)”>

iPad Template (PSD)

iPad Template (PSD)
iPad Template →

Apple iPad 2 (PSD)

Apple iPad 2 (PSD)
Apple iPad 2 →

iPad Template (PSD)

iPad Template (PSD)
iPad Template →

Apple iPad (PSD)

Apple iPad (PSD)
Apple iPad →

The iPad: PSD Edition

The iPad: PSD Edition
The iPad: PSD Edition →

iPad Model (PSD)

iPad Model (PSD)
iPad Model →

iPad 3G (PSD)

iPad 3G (PSD)
iPad 3G (PSD) →

iPad 3D Model (PSD)

iPad 3D Model (PSD)
iPad 3D Model →

Looking for some iPad inspiration? Here are some fantastic resources you may like to try:

Landing Pad – An iPad App Gallery →
iOS UI Patterns (beta →
iPad and iPhone Design Inspiration Gallery →
30 Examples of Stunning iPad App Interface Design →
iOS Inspires Me – Design Showcase of the Best iPhone/iPad Apps →
20 Superb Examples Of iPad App Design →
Collection: iPad UX Interactions (Interesting Moments) →
iPad UI Conventions →

Author: (586 Posts)

Paul Andrew is the editor and founder of Speckyboy Design Magazine.

Comments

Blog comments powered by Disqus