IMPORTANT: This library has been created as an extension of the original iPhone Library and is intended to supersede that library for all new projects. Existing projects that use components in the iPhone Library should continue to link to it but may also link to this new library.

The iOS Library contains a collection of custom element widgets, components and icons for prototyping Apple iPad, iPhone and iPod Touch applications.

New in v2.0 compared to iPhone Library v1.1:

• A whole set of new iPad components and custom elements
• Image versions of keyboard components for faster performance
• New icons
• iPhone Landscape background stripes
• Additional form elements
• Tweaks to existing components and widgets
• Galleries split up to help keep them more manageable
• Needs v4.3 for new Shape elements used in this library

Check out the galleries below and download the library!

(download)

Click here to download:

iOS_Library_v2.0_tag_Libraries.zip (778 KB)

Click here to download:

iOS-Library-v2-0.zip (639 KB)

Contributed by Caretta Software

Requires: Ribbon Library v1.0+

In tribute to Microsoft Word, the application that essentially started the Ribbon UI movement, along with a few of the other Microsoft Office tools, we've created a similar application prototype named "Wordsmith".

This prototype was initially created from the Ribbon App Template then edited and expanded to add further ribbon bar panels and a scrolling document area.

It also demonstrates how to use context tabs that only appear when certain elements in the document have been selected. A mechanism for showing selected objects is also included.

Install the Ribbon Library before using this project.

Credits:

Some of the icons in this library were kindly provided by FatCow Web Hosting:
http://www.fatcow.com/free-icons

Original high resolution images kindly provided by Min Thu and hongkiat.com:
http://www.hongkiat.com/blog/high-quality-fruits-stock-photos/

(download)

Click here to download:

wordsmith-ribbon-application-sample-ssnvBAoqFrcipfiHCwkd.zip (908 KB)

Click here to download:

Wordsmith-v1-0.gdd (294 KB)

Click here to download:

Wordsmith-v1-0.zip (201 KB)

Contributed by Caretta Software

Template:          Ribbon App Template
Version:             1.0
Uses:                 Ribbon Library v1.0
Compatibility:   GUI Design Studio Professional v4.0+

Install to:            Templates \ Ribbon \ Applications \

This template will get you started quickly on an application design based on the Ribbon Bar UI paradigm. It includes the following connected designs:

• Application frame window with ribbon bar and status bar
• Application menu with predefined commands
• Home ribbon
• Insert ribbon
• View ribbon

This template was put together very rapidly using the elements in the Ribbon Library.

(download)

Click here to download:

Ribbon_App_Template_v1.0_tag_T.zip (213 KB)

Click here to download:

Ribbon App Template.gdt (109 KB)

Contributed by Caretta Software

Library:            Ribbon Library 
Version:           1.0
Compatibility:   All GUI Design Studio editions and versions

A collection of re-usable components and custom elements for Windows and Rich Web application designs that incorporate Ribbon Bars.

Some of the icons in this library were kindly provided by FatCow Web Hosting:
http://www.fatcow.com/free-icons

(download)

Click here to download:

Ribbon_Library_v1.0_tag_Librar.zip (464 KB)

Click here to download:

Ribbon-Library-v1-0.zip (125 KB)

Contributed by Caretta Software

Library:     iPhone Library
Version:    1.1

This is an updated version of the library containing an extensive collection
of custom element widgets and components for prototyping Apple iPhone and
iPod Touch applications.

New in v1.1:

• Custom element grouping (for v4.1) 
• Rotate buttons added to devices for prototyping purposes 
• Landscape keyboards and selectors 
• Additional Form elements and buttons 

The Rotate buttons on the Device components appear as icons near the Home
button and are intended to be used as a trigger to emulate rotating the
device from Portrait to Landscape and back. This lets you design interfaces
for both orientations and see how they inter-play. There's a simple rotation
test design included to show how this might be used.

(download)

Click here to download:

iPhone_Library_v1.1_tag_Librar.zip (242 KB)

Click here to download:

iPhone-Library-v1-1.zip (195 KB)

Requires:             iPhone Library

This is a very simple iPhone “Alarms” application prototype, based on the Alarm mode of the built-in Clock application. It demonstrates use of the iPhone Library.

There’s a few things worth noting with this sample:

1. It includes a Quick Concept screen flow, using the Tiny screens, that was put together in about 10 minutes (see screenshot).

2. During design, it was useful to copy and paste parts into new custom element widgets (in the “_Widgets” sub-folder) to speed up duplicating areas.

3. As of GUI Design Studio version 4.0, there’s no way to turn off the scroll bars of scrollable components (otherwise there’d be no way to scroll them). So we had to cheat a bit for the scrolling “Change Sound” screen where a “Windows” scroll bar appears in the prototype (see screenshot). The trick here is to nudge all of the scrolling region content further over to the left than they would normally be to make room for the wide scroll bar. The scrolling component ‘part’ design should be 306 pixels wide rather than 320.

(download)

Click here to download:

iPhone_Alarms_Application_Prot.zip (186 KB)

Click here to download:

iPhoneAlarms.zip (25 KB)

Library:                 iPhone Library
Version:               1.0

This library contains an extensive collection of custom element widgets and components for prototyping Apple iPhone and iPod Touch applications.

The components are intended to be used as-is. In contrast, the custom element widgets are, of course, intended to be edited once they’ve been added to your own designs, to change text, colours, icons, etc.

We’ve also included an experimental set of “Concept” widgets. These are simply mini (half-size) and tiny (one third size) versions of a few common screen layouts. The idea is to use these up-front on a storyboard design to figure out what screens are needed and how they flow, before getting into detailed design for each screen.

Version 1.0 skimps on landscape copies of many elements but there should be enough to get started. We’d also like to add many more colour variants of buttons and title bars for future versions of this library.

(download)

Click here to download:

iPhone_Library_v1.0_tag_Librar.zip (264 KB)

Click here to download:

iPhone-Library-v1-0.zip (153 KB)