CHAPTER 3
Controls
Buttons 3-7
Picture Buttons 3
A picture button is a small picture (an icon) that represents the button’s
function. The picture is usually bordered by a rounded rectangle, like a
text button with a picture instead of a text name. Figure 3-7 shows several
picture buttons.
Figure 3-7 A picture button depicts what the button does
A picture button should be as tall as the large Close box (described under
“Close Boxes” beginning on page 3-14) and wide enough to enclose the picture.
Leave white space between the picture and the interior edge of the button
border. On an Apple MessagePad, make picture buttons with borders 13 pixels
tall (not counting the 2-pixel black border), and leave at least one pixel of white
space between the picture and the border.
Picture buttons on a status bar definitely need bordering rectangles to match
the other items there and to isolate the pictures from the bar. Conversely,
picture buttons on separator bars do not touch the bar and often look better
without bordering rectangles. For example, the Filing button and Action
button must have a border when they are on a status bar, but look better
without a border on a separator bar. A button looks good without a border if
icture button
ithout bordering
ectangles
icture buttons
ith bordering
ectangles
Comments to this Manuals