Dev:Ref/Outdated/Proposals/UI/Info Architecture/Design/Alignment

提供: wiki
移動先: 案内検索

Button Alignment

These are rules for use of Auto Aligning (initialized by uiBlockBeginAlign(block) and ended with uiBlockEndAlign(block) This is targeted at coders who are adding new buttons, in order to keep the UI consistent.

  • Toggle, Number, and Slider buttons can be auto aligned if they affect the same setting or closely related settings (eg. R/G/B number fields).
    Dev-check.pngDev-align good.png
  • Radio (row) buttons should always be aligned with their other mutually exclusive options. Don't align more than one set of radio buttons with one another.
    Dev-check.pngDev-alignment radio.jpg
    Dev-radio bad.png


  • Action buttons should not be aligned.
    Dev-action good.png
    Dev-action bad.png
  • Menus can be aligned with Number, Slider, or Toggle buttons if they affect the same setting or closely related settings. Don't align menu buttons to other menu buttons.
    Dev-menu good.png
    Dev-menu bad.png
  • Avoid aligning any buttons with Labels. This way all buttons that aren't aligned will keep their rounded appearance.
    Dev-align bad.png

-- JasonSaunders - 28 Sep 2004