Mac Layout Guidelines
The following sections are general guidelines that describe fundamental Mac layout principles of center equalization, text and control alignment, appropriate use of white space, and visual balance. Following these guidelines will help you create functional and aesthetically pleasing windows that are easy for Mac users to understand and use.
[…]
When labels and controls are stacked in a group, they should line up with each other vertically. Note the right alignment of the colons for the main category labels and the left alignment of the checkboxes and radio buttons. The vertical alignment of the first control in each section is also first baseline aligned with the section title label.
A pet peeve of mine is that some apps put the section title labels in bold.
In such cases, you may use a label below the control with additional information as to how it will alter the application’s behavior.
- These labels are small-sized multi-line labels.
- The text color for these labels is “secondary text color” so they appear more muted than the actual control itself.
[…]
For any labels you add, they’re typically left aligned with the control they’re describing. However, for controls such as Checkboxes and Radio Buttons, they must be left-aligned with the label (title) of the control.
Previously:
