Design Stencil for iPhone and iPad








Download : iPhoneOS Design Stencils for iPhone and iPad (v1.2 – March 1, 2010)
Graffetopia Download : iPhoneOS Design Stencils for iPhone and iPad (v1.2)

A stencil for designing iPhone OS applications for iPhone, iPod touch and iPad devices. The stencil, for now, is targeted at developers familiar with the default characteristics of views and controls provided by UIKit. All stencils have been originally created by hand from native and custom created OmniGraffle shapes then grouped for ease of use. Stencils can be easily scaled to new point resolutions and exported to any vector formats supported in OmniGraffle. The initial focus is on views and controls provided by UIKit and recommended application styles as discussed in the iPhone and iPad Human Interface Guidelines.

1.2 Updates:

  • Changed : Stencils organized into folders with seperate stencils for the iPhone and iPad.
  • New : iPad stencils shapes for Navigation Bars, Toolbars, Search Bar and Bar Buttons.
  • Changed : Picker View implemented from scratch for iPad. iPhone OS pickers will pick up that change in next version.
  • New : iPad Popover Views with stencils for popovers with table, button or action sheet content.
  • Fixed : Gradient colors for standard blue navigation bars and toolbars
  • New : iPhone search bars scope bar and right side button for bookmark button
  • New : Added start of black opaque iPhone navigation bar style.
  • Changed : Tab bars have selection state indicators.

1.2 Advisory
Several new stencil shapes for iPad, the red delete bar button and styling of Popover Action Sheet buttons are inferred from the HIG and need to tested first before confirming the default appearence.

1.1 Beta 2 Updates:

  • iPhone table view and cell shapes updates and additions including portrait/landscape orientations for plain and grouped styles.
  • iPad table view and cell shapes for portrait orientations.
  • Blue and black bar button items use font glyphs from Apple Symbols ttf font.
  • Changed background color of canvases to medium/dark gray color.
  • Cleanup iPhone and iPad status bars.
  • Cleanup Alert Views gradient colors.
  • Wireframe specific shapes for iPhone bars, controls and buttons
  • Added UIButton style variants
  • Added Split View landscape view layout for iPad
  • Added iPad toolbar with new light gradient style.
  • Added UIWindow placeholder to iPad device shapes
  • Added text selection shape for pasteboard action shapes

1.1 Beta Updates:

  • iPad device stencils now reflect overall device dimensions.
  • iPad Portrait and Landscape Alphanumeric and Number Keyboards
  • iPad specific stencils including Popovers, Split View and start of Table Views with iPad dimension and style updates.
  • Reorganized order of canvases to reflect iPhone and iPad specific stencils.