计算机软件界面测试
设计优秀的用户界面微软的用户界面设计规范--视觉设计(举例)– 可视化通信 – 可视化元素设计 – 用户界面文字 – 界面布局 – 图片设计 – 选择操作时的外观 – 移动操作时的外观 – 打开操作时的外观(嵌入式对象) – 链接的外观 – 动画设计优秀的用户界面微软的用户界面设计规范--视觉设计– 界面布局> 尺寸 > 控件间距及位置 > 分组 > 对齐 > 必需的和可选的输入 > 预览和样例框对话框控件尺寸规范(举例)ControlDialog boxes and property sheets工具条及其按钮规范(举例)Size of Toolbars and Toolbar Buttons Control Toolbars in small button mode Toolbars in large button mode Small toolbar buttons Height Width (pixels) (pixels) 23 28 21 Width of toolbar area or window Width of toolbar area or window Depends on content; 22 if the button includes only an image Depends on content; 28 if the button includes only an imageHeight (DLUs) Width (DLUs)263 max.(for 640 x 480 screen resolution) 218 215 188 14 10 10 10 14 8 per line of text 8 per line of text 263 max. (for 640 x 480 screen resolution) 252 227 212(For property sheets, heights include 25 DLUs for property sheet button bars.) Command buttons Check boxes Drop-down combo box and drop-down list Option buttons Text boxes Text labels Other screen text 50 As wide as needed Size to match other drop-down combo boxes and text boxes As wide as needed Size to match other drop-down combo boxes and text boxes As wide as needed As wide as neededLarge toolbar buttons26控件间距及位置规范(举例) 控件间距及位置规范图示(举例)Interface items Dialog box margins Between paragraphs of text Between text labels and their associated controls (for example, text boxes and list boxes) Between related controls Between unrelated controls First control in a group box Between controls in a group box Between horizontally or vertically arranged buttons From the left edge of a group box Spacing Between Interface Items Use this spacing (DLUs) 7 on all sides 7 34 7 11 down from the top of the group box; align vertically to the group box title 4; align vertically to the group box title 4; align vertically to the group box title 9; if the group box is left-aligned, controls are 16 from the left edge of the dialog box or property page 7 above the bottom of the group box 2 3 down from the top of the button 2 down from the top of the buttonLast control in a group box Smallest space between controls Text label beside a button Check box, list box, or option button beside a button3