SampleCross-Platform UI Look

The design introduced below is entirely procedural, using simple gradients that get cached for best performace (no static images used, no alpha blending, no Cairo). Colors are derived from a single color gradient spanning different brightnesses of the same hue, plus one secondary color only. That's all.

I've posted these examples to show how a very simple yet strict visual concept can be leveraged to create a consistent and clean look, using plain VisualWorks only. Although it does not emulate an existing native OS look, it is well suitable for most cross-platform applications. Using a cross-platform look also has the huge advantage that it never becomes outdated. The look is currently used in production for both Mac and Windows versions of the same product.

Sample Dialog

Note the nested (inset) group boxes and simple gradients used for almost every widget.

Sample Application

Uses gradients on top and bottom of the window background for the illusion of a massive surface. An alternative pushbutton design is used for the transport controls (bottom of window), although these are still ordinary action button views. Sliders also use gradients for a 3D effect.

Sample Application

Same window, using an inverted color theme for a very massive surface illusion.

Sample Application

Another window demonstrating how an inverse color theme can be used for applications that are mainly used in a dark environment (studio, control room, at night). Whichever colors one chooses, the overall design just works, because all colors are derived from the base gradient algorithmically.

Just in case you are interested what the sample product is about:

Official Homepage

User Community Site