Raven Graphite and Raven Graphite Glass skins were added to the Substance look-and-feel about two years ago, and they proved to be quite popular among the media-oriented applications powered by Substance. In the meanwhile, tools such as Microsoft Blend, Apple iPhoto and the TweetDeck client have continued refining and polishing the visuals or their own graphite-themed interfaces, and time has come for a facelift of Substance skins as well.

Here is a screenshot of a sample application under the Raven Graphite skin in the latest stable 5.1 release:

and here is the same application under Raven Graphite in the latest 5.2dev drop:

Here is another screenshot of the same application under the old Raven Graphite visuals:

and the new visuals under the latest 5.2dev drop:

There are three major changes in these screenshots:

• Light highlight color schemes for lists, tables, trees and menus
• Lighter and partially translucent inner border painting on the buttons, tabs, checkmarks and more
• Removing the inner border painting from scroll bars

The same changes have been applied to the Raven Graphite Glass skin. Here is the screenshot before:

and after:

And one more screenshot before:

and after:

If you want to take the new visuals for a spin, click on the WebStart button below and change the skin to Raven Graphite and Raven Graphite Glass from the “Skins” menu:

You’re more than welcome to take the latest 5.2dev drop for a spin and leave your comments.

Substance 5.2 (code-named Quebec) is going to have a few new skins. About a week ago i wrote about the new Dust skin, and today it is joined by the new Dust Coffee skin. If you want to take it for a spin, click on the WebStart button below and change the skin to Dust Coffee from the “Skins” menu:

To use it in your application, you have the following three options:

• -Dswing.defaultlaf=org.jvnet.substance.skin.SubstanceDustCoffeeLookAndFeel
• UIManager.setLookAndFeel(new SubstanceDustCoffeeLookAndFeel())
• UIManager.setLookAndFeel("org.jvnet.substance.skin.SubstanceDustCoffeeLookAndFeel");

While it takes most of the visuals from Dust, it changes the colors of the default decoration area to a light yellowish brown, and uses the active color scheme of the Creme Coffee. In addition, the latest 5.2dev drop brings a few contrast improvements to both Dust and Dust Coffee that address some of the problematic visuals pointed out by Andrey Eremchenko. As before, this is an ongoing process and all core Substance skins continue to be polished throughout the release cycles.

Here are a few screenshots that show the new Dust Coffee skin. A small frame with a tabbed pane and a few different controls:

A frame with menu bar, tool bar and status bar from SwingX project:

A thumbnail of the main Substance test application (click for full-size view):

As with all Substance core skins, this is work in progress and will be polished over time. In the meantime, you’re more than welcome to take the latest 5.2dev drop for a spin and leave your comments. Note that both Dust and Dust Coffee do not play well with the Flamingo ribbon component. This will be addressed in the next major Substance release tentatively planned for autumn ’09.

I’ve written about the Woopra client last July, and had its creator Elie El Khoury answer a few of my questions just before the New Year’s eve. About a week ago Elie has announced the release candidate for the new Woopra version, and i’ve had a great time ever since playing the new version and searching for the small visual details that add up to a great user experience.

You can read about the new functionality in Elie’s announcement, and here i just want to point out a few UI elements that i particularly like.

The first one is the new sidebar that provides a clear organization of the available statistics sections. The different sections are collapsible, and the overall choice of colors results in good readability even for darker background colors:

The new dashboard view provides a vibrant yet clear way to view the overall visitor count over the last two weeks and the last 24 hours. Note the translucent charts for the counts the day before (in the top chart), and the translucent overlay for the specific node under the mouse pointer:

Translucency is used in a lot of places in the new Woopra client, but its usage is well designed and placed. Here is a map view with translucent overlay showing the details of the specific live visitor (note the drop shadow of the overlay):

Here is one more screenshot of translucent content. The map has an overlay showing the visitor count broken down by the country. The overlay floats on the right border of the map, and has translucent list and opaque glassy scrollbar to scroll the country list:

Congratulations to Elie and the team on the great new functionality and excellent new looks!

In addition to bug fixes and performance improvements in Substance 5.2 (code-named Quebec), i’m planning to introduce a few new skins. The first is Dust which is based on the artwork done by Rico Sta Cruz and Kido Mariano for Ubuntu. If you want to take it for a spin, click on the WebStart button below and change the skin to Dust from the “Skins” menu:

To use it in your application, you have the following three options:

• -Dswing.defaultlaf=org.jvnet.substance.skin.SubstanceDustLookAndFeel
• UIManager.setLookAndFeel(new SubstanceDustLookAndFeel())
• UIManager.setLookAndFeel("org.jvnet.substance.skin.SubstanceDustLookAndFeel");

Here are a few screenshots that show this new skin. A small frame with a tabbed pane and a few different controls:

A frame with menu bar, tool bar and status bar from SwingX project:

A thumbnail of the main Substance test application (click for full-size view):

As with all Substance core skins, this is work in progress and will be polished over time. Dust is also the first skin that is using the experimental color schemes definition file. While the existing Autumn and Nebula skins have been moved to use such files as well, this functionality is planned to be officially supported in the next major Substance release.

In the meantime, you’re more than welcome to take the latest 5.2dev drop for a spin and leave your comments.