C H A P T E R 8
Layout Guidelines
Figure 8-4 Dialog redesigned without a group box (third example)]
Before
After
Sample Dialog Layouts
This section contains sample layouts illustrating how to position various types of controls. Unless specified otherwise, all measurements are in pixels.
154Sample Dialog Layouts
Apple Computer, Inc. June 2002
|
|
|
|
C |
H A P |
T E R |
8 |
|
|
|
|
|
|
|
|
|
|||||
|
|
|
|
Layout Guidelines |
|
|
|
|
|
|
|
|
|
|
|||||||
|
|
|
|
Figure 8-5 |
A standard alert with dimensions |
|
|
|
|
|
|
|
|||||||||
|
|
|
|
|
|
|
|
Message text |
|
|
|
Informative text |
|||||||||
|
|
|
|
|
|
|
|
System font (emphasized) |
Small system font is 11 |
||||||||||||
|
|
|
|
|
|
|
|
is 13 points, with 16 points |
points, with 13 points |
||||||||||||
|
|
|
|
|
|
|
|
(base to base) between lines. |
(base to base) between lines. |
||||||||||||
24 |
|
16 |
|
|
|
|
|
|
|
|
|
|
|
|
|||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
15 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
8 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
10 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
20
12 |
24 |
Application icon
Icon size is 64 x 64.
Sample Dialog Layouts |
155 |
Apple Computer, Inc. June 2002
C H A P T E R 8
Layout Guidelines
Figure 8-6 Sample application preferences dialog
156Sample Dialog Layouts
Apple Computer, Inc. June 2002
|
|
|
|
|
|
|
C H A P |
T E R |
8 |
|
|
|
|
|
|
|
|
|
|
||||||
|
|
|
|
|
|
|
Layout Guidelines |
|
|
|
|
|
|
|
|
|
|
|
|
||||||
|
|
|
|
|
|
|
Figure 8-7 |
Sample dialogs with panes |
|||||||||||||||||
28 |
|
|
|
|
|
|
28 |
|
|
|
|
||||||||||||||
16 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
12 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
12 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
22 |
|||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2 |
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
28 |
|||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||||||
18 |
|
|
|
|
|
|
|
|
|
|
|
|
|
18 |
|||||||||||
20 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
20 |
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
20 |
|
|
|
|
|
2 |
|
20 |
|
|
|
||||||||||||||
Sample Dialog Layouts |
157 |
Apple Computer, Inc. June 2002
C H A P T E R 8
Layout Guidelines
|
|
|
8 |
|||
20 |
|
|
|
|
|
20 |
|
|
|
|
|
||
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
20 |
20 |
|||||
158Sample Dialog Layouts
Apple Computer, Inc. June 2002
C H A P T E R 8
Layout Guidelines
Figure 8-8 Sample dialog with scrolling list
12
8
14
8 |
|
|
|
|
|
|
|
2 |
||
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
14 |
|
|
|
|
|
|
||||||
|
|
|
|
|||||||
|
|
|
|
|
|
|
|
|
|
|
20 |
|
|
|
|
|
|
20 |
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
20 |
20 |
|
|
|
||||||
Sample Dialog Layouts |
159 |
Apple Computer, Inc. June 2002