Search code examples
javaswingbuttonuser-interfaceusability

Is there a button UI design tutorial?

I've been browsing for a tutorial that covers basic button UI design (e.g. colors, effects, and etc.). Since I'm designing a component of my own, I was hoping there was some sort of tutorial that could guide me in making the correct design choices (aesthetically speaking...).

For instance, this tutorial should be able to guide me in answering some of the following questions:

  1. What should a button look like when it's pressed?
  2. What should a button look like when it's hovered over?

I tagged this as a Java Swing-specific question since that's the language that I will be utilizing. And yes, I've used the existing component behavior as a guideline, but I would like something more definitive.

Note: this tutorial does not need to be Java Swing-specific!

Something like this.

Solution

  • The Java Look & Feel Design Guidelines has some detail on button image design:

    http://oracle.com/technetwork/java/hig-142056.html#52291 (thanks Olivier for supplying an updated link)