Apple Self Repair Guides

Bevel Button Specifications

Figure 14-7 Bevel button examples Rounded corners f

Leave at least 5 pixels between edge of icon and edge of button.

Rounded corners with label below icon

Figure 14-7 Bevel button examples Rounded corners

Leave at least 5 pixels between edge of icon and edge of button.

58 x 57

	A			A
	Print			Print

Bevel button as push button

58 x 57

Bevel button as push button

Square corners

32 x 32

13

I

U

»

=

i — i— : —

K

a"

Bevel buttons as a radio set

Bevel buttons as a radio set

• Size of button: Variable; 20 x 20 pixels is recommended size in a tool palette. If using an icon or text in the button, maintain a border of at least 5 pixels on all sides.
• Size of icon: 32 x 32 pixels is the largest recommended icon size.
• Spacing: For buttons with rounded corners that contain a 24 x 24 (or larger) icon, leave at least 8 pixels between buttons, stacked vertically or aligned horizontally. Otherwise, buttons should butt up against each other.
• Text: Label font (10-point Lucida Grande Regular).

If a bevel button has an icon and a label, you can put the text anywhere in relation to the icon. You can specify the location in Interface Builder or programmatically.

+1 -1

Average user rating: 3 stars out of 2 votes