GUI Design Patterns

GUI Design Patterns

Caretta Software  //  Download GUI design libraries, templates, samples and patterns for the GUI Design Studio prototyping tool.

Filed under

Samples

See all posts on posterous with this tag »
 
Feb 8 / 7:07am

Wordsmith Ribbon Application Sample

by Caretta Software

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-v1-0.gdd (294 KB)

Click here to download:
Wordsmith-v1-0.zip (201 KB)

Filed under  //  Application   Ribbon   Ribbon Bar   Samples   Wordsmith  
 
Apr 12 / 7:54am

iPhone Alarms Application Prototype Sample

by Caretta Software
Contributed by Caretta Software

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:
iPhoneAlarms.zip (25 KB)

Filed under  //  Samples   alarms   iPhone   iPod Touch  
 
Mar 23 / 12:00pm

Internet Banking Design Sample

by Caretta Software

Contributed by Jonathan
at Caretta Software

Compatibility: All versions (except template: 4.0 Pro only)

This is the Internet Banking example from our main web site. I’ve posted it here partly as a test for this site but also because we’ve had a number of requests for it to be provided as a template for new projects.

Banking

Click here to download:
Banking.zip (85 KB)

Click here to download:
Banking.gdt (114 KB)

Filed under  //  Samples   Templates   banking   web