winform界面设计规范

winform界面设计规范

Winform开发一般遵循的原则

窗体类

型 ..................................................................... .............. 2 尺寸比

例 ..................................................................... .............. 3 窗体控件元

素 ..................................................................... ..... 3 Tab键次

序 ..................................................................... ........... 5 快捷

键 ..................................................................... ................... 5 右键菜

单 ..................................................................... .............. 5 区域排

列 ..................................................................... .............. 6 UI开发异常处理.....................................................................

6 执行动作要提

示 .....................................................................

7 文字表

达 .....................................................................

.............. 7 颜色使用恰当，遵循对比原

则 (8)

窗体类型

我们把UI理解成窗体以及窗体上用户的交互规则。窗体主要包括主界面类型和对话框类型两种。

主界面指应用程序启动后最主要的界面，其生命周期一般与应用程序保持一致。通过菜单或按钮的形式调用其它子界面和执行功能。一般由以下几个部分组成。标题栏，菜单栏，工具栏，目录栏，工作区，信息输出区(栏)。此外很多应用程序中又增加一些漂浮的子窗体以面板的形式附加到主界面中。

对话框一般指应用程序中具有返回结果的窗体。一般表现为模态窗体，包括信息展现部分，信息输入部分和结果选择按钮三部分组成。此外，UI部分除了主窗体和对话框外还有浮动窗体，托盘菜单等方式与用户交互。

尺寸比例

主窗体尺寸一般在运行期默认最大化，否则遵循纵横比为4:3，

16:9为益。对话框除了和主窗体一样的原则外也有3:4(4:3旋转90度)的纵横比，总之窗体的尺寸只要保证纵横比屏幕一致。

当窗体元素太少，比如只有一个文本标签时，可以不遵循该原则，因为保证窗体尺寸纵横比之前首先要确定窗体不能有大范围的空白区域。

窗体控件元素

主窗体一般按菜单栏，工具栏等组成部分分为上中下左右五个分布区(TOP，Right，)，根据实际需求可能舍去某些分布区。分布Client，Bottom，Left，区一般由Split Panel控件分隔，这样可以使用户自行调节各个分布区的尺寸大小。注意处在不同分布区控件的Anchor属性，保证当窗体尺寸因鼠标拖动改变时控件尺寸按照分布原则变化。

下表为控件在不同分布区的Achor属性值。

分布区 Anchor

Left Top, Left, Bottom

Top Left, Top, Right

Client Top,Left,Right,Bott

om

Bottom Left,Bottom,Right

Right Top,Right,Bottom

对话框窗体布局按照结果选择按钮在窗体上的位置划分为以下三种形式:

第一种窗体一般固定尺寸大小。结果按钮居中，第二种和第三种可以是Sizeable的窗体，结果按钮需要设置Anchor值来保持窗口大小更改后离窗口边框的距离。

注意窗口结果按钮的配对情况，一般是 Yes 和No， OK和Cancel配对使用，OK和Close也常用。但如过Yes和Cancel配合就不合时宜了。

此外，还应当给对话框指定Accept Button和 Cancel Button，Accept Button是窗体默认的按钮，当按回车键时将代替鼠标点击该按钮，同样点击Cancel Button和按Esc键效果是一样的。

按钮大小应该用鼠标在窗体设计器上单击产生的默认尺寸，除非按钮上文本太长否则不应该调整按钮的尺寸大小。这样做的好处就是系统中所有按钮大小保持一致。以鼠标拖拽的形式“画”出来的按钮，很难保证每次画的尺寸都一样。

Tab键次序

Tab键次序问题非常容易被忽视，UI开发经常遇到这种问题:本来界面上有若干文本框供用户输入信息，后来因为需求的变更需要增加一个项插入到某个文本框之前，此时问题就随之而来，IDE对输入控件的Tab值不会因为其上下左右排列次序自动生成，而是与输入控件的先后创建次序一致，因此在程序运行时会出现Tab 定位输入框“跳格”，这就给用户带来极大的不便，甚至造成错误的输入。

由此可见，在UI设计时一定要注意输入控件Tab键次序问题。快捷键

以下几种情况必须用快捷键操作程序:笔记本电脑没有可能没有外接鼠标，某些用户热衷键使用键盘，专业的操作人员为了提高工作效率不使用鼠标。因此菜单和按钮要有快捷键。大部分Winform开发工具中只要设置菜单或按钮的Text属性包含号“&”+ 字符形式的为本即可。例如:“增加(&A)”在运行期就是“增加(A)”,使用快捷键为“Alt+A”。

右键菜单

右键菜单多用于容器类控件，通常用于对容器控件中包含的选中态元素进行操作，右键菜单一般不包含复选类菜单项，因为右键菜单默认情况下是不可见的。

区域排列

一行控件，纵向中对齐, 控件间距基本保持一致, 行与行之间间距相同，靠窗体Border距离应大于行间间距(间距加边缘留空)。当屏幕有多个编辑区域，要以视觉效果和效率来组织这些区域。屏幕不能拥挤, 整个项目，采用统一的控件间距，通过调整窗体大小达到一致，即使在窗体大小不变的情况下，宁可留空部分区域，也不要破坏控件间的行间距。