winorm界面设计方案规范.docx
- 文档编号:6452144
- 上传时间:2023-01-06
- 格式:DOCX
- 页数:5
- 大小:19.82KB
winorm界面设计方案规范.docx
《winorm界面设计方案规范.docx》由会员分享,可在线阅读,更多相关《winorm界面设计方案规范.docx(5页珍藏版)》请在冰豆网上搜索。
winorm界面设计方案规范
封面
作者:
PanHongliang
仅供个人学习
Winform开发一般遵循的原则
窗体类型1
尺寸比例2
窗体控件元素2
Tab键次序4
快捷键4
右键菜单5
区域排列5
UI开发异常处理5
执行动作要提示6
文字表达6
颜色使用恰当,遵循对比原则7
窗体类型
我们把UI理解成窗体以及窗体上用户的交互规则。
窗体主要包括主界面类型和对话框类型两种。
主界面指应用程序启动后最主要的界面,其生命周期一般与应用程序保持一致。
通过菜单或按钮的形式调用其它子界面和执行功能。
一般由以下几个部分组成。
标题栏,菜单栏,工具栏,目录栏,工作区,信息输出区(栏)。
此外很多应用程序中又增加一些漂浮的子窗体以面板的形式附加到主界面中。
对话框一般指应用程序中具有返回结果的窗体。
一般表现为模态窗体,包括信息展现部分,信息输入部分和结果选择按钮三部分组成。
此外,UI部分除了主窗体和对话框外还有浮动窗体,托盘菜单等方式与用户交互。
尺寸比例
主窗体尺寸一般在运行期默认最大化,否则遵循纵横比为4:
3,16:
9为益。
对话框除了和主窗体一样的原则外也有3:
4(4:
3旋转90度)的纵横比,总之窗体的尺寸只要保证纵横比屏幕一致。
当窗体元素太少,比如只有一个文本标签时,可以不遵循该原则,因为保证窗体尺寸纵横比之前首先要确定窗体不能有大范围的空白区域。
窗体控件元素
主窗体一般按菜单栏,工具栏等组成部分分为上中下左右五个分布区(TOP,Client,Bottom,Left,Right,),根据实际需求可能舍去某些分布区。
分布区一般由SplitPanel控件分隔,这样可以使用户自行调节各个分布区的尺寸大小。
注意处在不同分布区控件的Anchor属性,保证当窗体尺寸因鼠标拖动改变时控件尺寸按照分布原则变化。
下表为控件在不同分布区的Achor属性值。
分布区
Anchor
Left
Top,Left,Bottom
Top
Left,Top,Right
Client
Top,Left,Right,Bottom
Bottom
Left,Bottom,Right
Right
Top,Right,Bottom
对话框窗体布局按照结果选择按钮在窗体上的位置划分为以下三种形式:
第一种窗体一般固定尺寸大小。
结果按钮居中,第二种和第三种可以是Sizeable的窗体,结果按钮需要设置Anchor值来保持窗口大小更改后离窗口边框的距离。
注意窗口结果按钮的配对情况,一般是Yes和No,OK和Cancel配对使用,OK和Close也常用。
但如过Yes和Cancel配合就不合时宜了。
此外,还应当给对话框指定AcceptButton和CancelButton,AcceptButton是窗体默认的按钮,当按回车键时将代替鼠标点击该按钮,同样点击CancelButton和按Esc键效果是一样的。
按钮大小应该用鼠标在窗体设计器上单击产生的默认尺寸,除非按钮上文本太长否则不应该调整按钮的尺寸大小。
这样做的好处就是系统中所有按钮大小保持一致。
以鼠标拖拽的形式“画”出来的按钮,很难保证每次画的尺寸都一样。
Tab键次序
Tab键次序问题非常容易被忽视,UI开发经常遇到这种问题:
本来界面上有若干文本框供用户输入信息,后来因为需求的变更需要增加一个项插入到某个文本框之前,此时问题就随之而来,IDE对输入控件的Tab值不会因为其上下左右排列次序自动生成,而是与输入控件的先后创建次序一致,因此在程序运行时会出现Tab定位输入框“跳格”,这就给用户带来极大的不便,甚至造成错误的输入。
由此可见,在UI设计时一定要注意输入控件Tab键次序问题。
快捷键
以下几种情况必须用快捷键操作程序:
笔记本电脑没有可能没有外接鼠标,某些用户热衷键使用键盘,专业的操作人员为了提高工作效率不使用鼠标。
因此菜单和按钮要有快捷键。
大部分Winform开发工具中只要设置菜单或按钮的Text属性包含号“&”+字符形式的为本即可。
例如:
“增加(&A)”在运行期就是“增加(A)”,使用快捷键为“Alt+A”。
右键菜单
右键菜单多用于容器类控件,通常用于对容器控件中包含的选中态元素进行操作,右键菜单一般不包含复选类菜单项,因为右键菜单默认情况下是不可见的。
区域排列
一行控件,纵向中对齐,控件间距基本保持一致,行与行之间间距相同,靠窗体Border距离应大于行间间距(间距加边缘留空)。
当屏幕有多个编辑区域,要以视觉效果和效率来组织这些区域。
屏幕不能拥挤,整个项目,采用统一的控件间距,通过调整窗体大小达到一致,即使在窗体大小不变的情况下,宁可留空部分区域,也不要破坏控件间的行间距。
UI开发异常处理
目前主流的Winform开发工具中,都包含了异常处理功能。
比如点击某个按钮出现异常时,应用程序并不退出,而是将异常信息以对话框的形式提示用户,并终止异常后的逻辑处理。
因此在Winform程序中异常捕获语句除非有特殊的处理语句和抛出自定义异常外,一般不建议使用异常处理代码。
例如以下伪代码:
Try{
//Todosomething….
.}
Catch(Exceptionex)
{
//这里必须有类似MessagBox之外的处理语句或者throw新的异常类对象,比如关闭文件,关闭数据库连接等。
MessageBox.Show(“程序失败\n”+ex.Message);
}
假如必须使用MessageBox类的代码重新包装对用户的信息提示,那么必须注意不要把原来异常的信息丢失。
这些异常信息是程序维护和开发人员所关心的。
如果客户不能接受这类信息的展现,则以输出日志形式将异常信息保存到存储设备。
执行动作要提示
给用户一个视觉感受的同时,写程序的时候应该注意用户的交互感受,UI作为人机对话的工具,用户做了任何动作,应该给用户一个视觉或者听觉、触觉提示。
而且这个提示应该行明显,但不应提示过长,可以有以下几种方法:
当用户点击按钮等动作进行一个工作时:
1:
弹出交互对话框让用户点击确认。
2:
改变UI中控件参数提示:
(处理不用用户确认的提示,有一定延时,或者用户按键后自动清除。
)
如:
改变标题栏字符串,显示“信息:
提交成功”,或者专门设置一个状态栏、TLable等用来进行提示。
文字表达
提示信息、帮助文档文字表达遵循以下准则:
1:
口语化、客气、多用您、请,不要用或少用专业术语,杜绝错别字
2:
断句逗号句号顿号分号的用法,提示信息比较多的话,应该分段,
3:
警告、信息、错误使用对应的表示方法
4:
使用统一的语言描述,例如一个关闭功能按钮,可以描述为退出、返回、关闭,则应该统一规定。
5:
根据用户不同采用相应的词语语气语调,如专用软件,可以出现很多专业属于,用户为儿童:
这可以语气亲切和蔼,老年用户则应该成熟稳重。
制定标准遵循之。
颜色使用恰当,遵循对比原则
1:
统一色调,针对软件类型以及用户工作环境选择恰当色调:
如:
安全软件,根据工业标准,可以选取黄色,绿色体现环保,蓝色表现时尚、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等
2:
如果没有自己的系列界面,采用标准界面则可以少考虑此方面,做到与操作系统统一,读取系统标准色表
3:
色盲、色弱用户,即使使用了特殊颜色表示重点或者特别的东西,也应该使用特殊指示符,?
quot;!
,?
着重号,以及图标等
4:
颜色方案也需要测试,常常由于显示器、显卡的问题,色彩表现每台机器都不一样,应该经过严格测试,不同机器进行颜色测试
5:
遵循对比原则:
在浅色背景上使用深色文字,深色背景上使用浅色文字,蓝色文字以白色背景容易识别,而在红色背景则不易分辨,原因是红色和蓝色没有足够反差,而蓝色和白色反差很大。
除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。
6:
整个界面色彩尽量少的使用类别不同的颜色
版权申明
本文部分内容,包括文字、图片、以及设计等在网上搜集整理。
版权为潘宏亮个人所有
Thisarticleincludessomeparts,includingtext,pictures,anddesign.CopyrightisPanHongliang'spersonalownership.
用户可将本文的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
除此以外,将本文任何内容或服务用于其他用途时,须征得本人及相关权利人的书面许可,并支付报酬。
Usersmayusethecontentsorservicesofthisarticleforpersonalstudy,researchorappreciation,andothernon-commercialornon-profitpurposes,butatthesametime,theyshallabidebytheprovisionsofcopyrightlawandotherrelevantlaws,andshallnotinfringeuponthelegitimaterightsofthiswebsiteanditsrelevantobligees.Inaddition,whenanycontentorserviceofthisarticleisusedforotherpurposes,writtenpermissionandremunerationshallbeobtainedfromthepersonconcernedandtherelevantobligee.
转载或引用本文内容必须是以新闻性或资料性公共免费信息为使用目的的合理、善意引用,不得对本文内容原意进行曲解、修改,并自负版权等法律责任。
Reproductionorquotationofthecontentofthisarticlemustbereasonableandgood-faithcitationfortheuseofnewsorinformativepublicfreeinformation.Itshallnotmisinterpretormodifytheoriginalintentionofthecontentofthisarticle,andshallbearlegalliabilitysuchascopyright.
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- winorm 界面设计 方案 规范
![提示](https://static.bdocx.com/images/bang_tan.gif)