Windows 布局外观 [英] Windows Layout Look and Feel

问题描述

我正在寻找 Windows 外观设计指南(
_{(来源:
(来源:
(来源:microsoft.com)}

对话框单元:从控件顶部向下 3
相对像素:从控件顶部向下 5

<小时>

还有解释什么是对话框单元的页面:布局，设备独立布局:

I am looking for the Windows Look and Feel Design Guidelines (but not the one for Windows Vista!) that details the ideal gap between elements, etc. I found the document originally a few years back on MSDN but now I can't find it.

I've started a new job the same thing is occuring here as before: A program written and added to over the years by several different people with differing ideas about UI. While I've got a chance on a Friday afternoon I'd thought I'd tidy up the layout

解决方案

Its new home is:

• MSDN Library
  • Windows Development
    • Windows Application UI Development
      • Windows User Experience Interaction Guidelines
        • Guidelines
          • Visuals
            • Layout → Recommended Sizing and Spacing

e.g.:

Control sizing

The following table lists the recommended sizes (width x height, or height if a single number) for common UI elements (for 9 pt. Segoe UI at 96 dpi). The widths based on the longest item in English add 30 percent for localization (up to 200 percent for shorter text) for any text (but not numbers) that will be localized.

Command Buttons

_{(source: microsoft.com)}

Dialog Units: 50 x 14
Relative Pixels: 75 x 23

Spacing

The following table lists the recommended spacing between common UI elements (for 9 pt. Segoe UI at 96 dpi).

Dialog box margins

_{(source: microsoft.com)}

Dialog Units: 7 on all sides
Relative Pixels: 11 on all sides

Text label beside a control

_{(source: microsoft.com)}

Dialog Units: 3 down from the top of the control
Relative Pixels: 5 down from the top of the control

---

There's also the page that explains what Dialog Units are: Layout, Device Independent Layout:

这篇关于Windows 布局外观的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！