WebLog About DVDs/Games Setups Current Projects Downloads Icons Desktop Backgrounds Themes Tutorials Photoshop Contact Go to TheBettsBro, Inc.

April 25, 2004

Toolbar icons on Brushed Metal Window..

Toolbar icons on Brushed Metal WindowThere are some people who think that Toolbar icons and Brushed Metal Window absolutely doesn't go together, I do agree with them but after some playing with toolbar icons for my client's upcoming application, it's possible for them to look good together by changing the shadow setting. Instead of using standard floor shadow, I used back shadow to help create a depth between icon and Brushed Metal Window.

Another way would be insetting them like Safari's toolbar controls but it will not works for some icons such as Manage Filters icon on Fig. 1.

Apple should address this problem in their Human Interface Guidelines if they're going to leave Toolbar support for Brushed Metal Window.

Comments

1

1. who is your client?

2. what font did you use for the font for "Weak" and "Strong"

3. looks nice

Posted by: DCohen at April 25, 2004 03:09 PM
2

Apple's Human Interface Guidelines say that toolbar icons should have floor shadows. You are disobeying the guidelines here.

Posted by: GEMA at April 25, 2004 03:32 PM
3

I think his point is that the HIG needs an update, because following them atm doesn't work for metal window toolbars.

Posted by: Phillip Ryu at April 25, 2004 05:33 PM
4

Wow, that is an imrovement!

That font is Silkscreen, I think.
http://www.kottke.org/plus/type/silkscreen/

Posted by: Collin at April 25, 2004 06:17 PM
5

1. who is your client?

MacPrime LLC.

2. what font did you use for the font for "Weak" and "Strong"

It's 'Silkscreen', which can be found in this page. It's nice but the downside is that it doesn't have lowercase characters. For mini lowercase characters, I used a font called '04b'. You can download it from here

Apple's Human Interface Guidelines say that toolbar icons should have floor shadows. You are disobeying the guidelines here.

Incorrect. Apple's Human Interface Guidelines have no guidelines on what icons should look like on Brushed Metal Window Toolbar.

By the way, I'd suggest you to find a better word than "disobey". It's not like we're following orders from God :)

Posted by: Adam Betts at April 25, 2004 06:27 PM
6

Brushed metal is being used way too widely these days. This doesn't look like an app that is supposed to be metal at all. Bad idea of the developer, metal windows aren't meant to have toolbars with icons.

Posted by: Jan at April 26, 2004 11:56 AM
7

Yeah but if you look at the whole window, it does fit in Brushed Metal Window Guidelines somehow. It do have iTunes-style Source List on the left.

I could show the screenshot but I'd have to ask the author for permission first.

BTW, there are few Brushed Metal Window that look good with Toolbar such as iSync and Finder :)

Posted by: Adam Betts at April 26, 2004 08:18 PM
8

IMHO, floor shadow for toolbar items is inappropriate and inconsistent. A window is a floating panel. It has a drop shadow, and its supposed to represent a solid object of data, whatever that might be. A toolbar item should be expected to float off of the page, to emphasize that they are buttons, instead of "floating" above the horizontal bar that separates the toolbar from the window.

Posted by: Steve Streza at April 26, 2004 11:57 PM
9

Apple says toolbar icons should be shown as if they were sitting on a shelf.

Posted by: Dustin MacDonald at April 27, 2004 07:23 PM
10

(Er, I was replying to Steve, Adam your idea rox00rz) ;)

Posted by: Dustin MacDonald at April 27, 2004 08:16 PM
11

Then Apple is, IMO, wrong. :-)

Posted by: Steve Streza at April 27, 2004 11:55 PM
12

Wow. Strong looks much better.

Posted by: Ryan Butler at April 30, 2004 07:37 PM
13

This icons looks pretty good. the stronger works much better.

Posted by: ras at May 28, 2004 11:09 AM
14

Personally, I think Apple needs to get rid of the brushed-metal theme, or at least update it drastically. It’s principle shortcoming is that you can’t easily tell when a window is active or inactive.

Posted by: Rick at June 14, 2004 07:30 PM
15

What's the point of having them update the HI Guidelines when a lot of times they do not follow it themselves.

Posted by: Jason at July 10, 2004 09:11 PM
Post a comment