我正在寻找Windows外观设计指南(但不是Windows Vista的那个!),该指南详细说明了元素之间的理想间隔等内容。几年前,我在MSDN上找到了这个文档,但现在我找不到它了。
我开始了新的工作,同样的事情在这里发生了:一个程序由几个不同的人编写和添加多年,他们对UI有不同的想法。当我有机会在周五下午整理布局时,我想整理一下。
我开始了新的工作,同样的事情在这里发生了:一个程序由几个不同的人编写和添加多年,他们对UI有不同的想法。当我有机会在周五下午整理布局时,我想整理一下。
它的新家是:
e.g.:
以下表格列出了常见 UI 元素的推荐大小(宽度 x 高度,或者如果是单个数字则只有高度)(对于 96 dpi 的 9 pt. Segoe UI)。基于英文中最长项的宽度增加 30% 的本地化空间(对于较短的文本最多增加 200%),以适应任何将进行本地化的文本(但不包括数字)。
命令按钮
(来源: microsoft.com)
对话框单位:50 x 14
相对像素:75 x 23
以下表格列出了常见 UI 元素之间的推荐间距(对于 96 dpi 的 9 pt. Segoe UI)。
对话框边距
(来源: microsoft.com)
对话框单位:四周均为 7
相对像素:四周均为 11
控件旁边的文本标签
(来源: microsoft.com)
对话框单位:距控件顶部下方 3
相对像素:距控件顶部下方 5
还有一个页面解释了什么是对话框单元:布局,设备无关布局: