BlogLatest news at CommandFusion

21May

Tip: Keep Your GUIs Looking Professional by Using Pre-Made Templates & Graphics

Posted By Aaron Green - 21 May, 2014


Designing the look of your iViewer interface is one of the most time consuming parts of creating your GUI. Not only is it time consuming, but it also takes a certain amount of graphics prowess to really make your GUIs look professional and polished.

There is a way to get around these problems, and that is to use a pre-made template, graphics kit or theme. There are many templates available around the web, but today we are going to showcase some of the most popular templates and themes from the CommandFusion Store.

Templates

An iViewer/guiDesigner template is a .gui file which is loaded into our guiDesigner software. This file contains a series of pages, subpages and images which can be used to create a GUI that follows one visual theme.

These elements are fully editable and can be customised to suit your projects unique requirements. They also quite often contain JavaScript and advanced programming elements which make it quick and easy to create a professional looking GUI.

C3 Glide iPad Template

Glide is simplicity itself. It combines a modern, 'flat' design style with an incredibly easy to use and intuitive menu system. The result is a user interface which works with an outstanding level of efficiency and clarity.

Some of the main features of Glide for iPad include:

  • 14 different pre-made subpages
  • Fully optimised for retina or standard display
  • Scrollable music lists
  • Over 100 icons included

An iPhone version of the Glide template is also available.

Glide Gallery

Glide Video



GUI ja Board Streamline iPad Template

The 'Streamline' iViewer iPad Template is designed by our design partner GUI ja Board.

The template contains pre-made pages as shown in the screenshots as well as every flat PNG file needed to build your interface in guiDesigner. It also includes the layered Fireworks project files so that you can create additional buttons or tweak existing ones.

Some of the main features of Streamline for iPad include:

  • 11 different pre-made subpages
  • Large icon set in 3 sizes
  • JavaScript clock module

An iPhone version of the Streamline template is also available.

Bundled versions also available at a discounted price.

Streamline Gallery



Graphics Kits

A graphics kit contains a selection of flat PNG files that can be used to to build your interface in guiDesigner. Quite often they also include the layered source files so you can edit existing images, or create new ones.

Graphics kits follow a set visual theme that makes it easy to keep your GUI looking consistent.

GUI ja Board Tactical Graphics Kit

The 'Tactical' graphics kit is designed by our design partner GUI ja Board.

The Graphics Kit contains every flat PNG file needed to build your interface in guiDesigner. It also includes the layered Fireworks project files so that you can create additional buttons or tweak existing ones.

Tactical Gallery



Themes

A guiDesigner theme is a set of files which are loaded in guiDesigner to make it as easy as possible for you to create a GUI.

Themes come with icons, buttons and sliders etc. All objects usually include an active and inactive state which is automatically set for you. These elements can then easily be dragged and dropped into your GUI to create a consistent look.

Pre-set groups are included in the theme, meaning with one simple drag and drop you can insert a whole set of buttons in your gui e.g. a number pad, or transport controls for a Bluray player.

C3 Small Xenon Theme

Designed by our friends over at Custom code Crafters and especially designed for the CommandFusion platform, the Xenon theme provides all the graphics you need to create your own professional looking GUI.

Some of the features of the Xenon theme include:

  • 6 backgrounds in both orientations
  • Over 70 different buttons
  • 6 different sized gauges
  • Various ready made text objects
  • Many different group combinations
  • Over 100 icons

The Xenon theme also comes in a large size to suit larger screen devices.

Xenon Gallery

Xenon Theme iViewer



Other Templates, Themes & Graphics Kits

We have many tempates, themes and graphics kits available on our online store.


Want to reprint this blog entry in part or in it's entirety? Please read this first!