界面设计基本要求(建议性意见)
1.设计步骤:先设计整体页面大小—>再设计内部控件分布;
2.设计思维:先把控件分类,用groupbox包起来,再考虑控件的对齐方式。
3.如果一个页面顺序排列,控件的分布排列设计遵循第6-13条的设计原则;
4.如果一个页面被分为好几个部分,则每一部分应该用groupbox分割开来,且每一个的groupbox的margin=10,groupbox内部控件的分布排列设计遵循第6-13条的设计原则;
;
5.如果页面左右排列,则只需要分列即可,在对每一列进行设计,设计遵循第9-13条的设计原则;
6.用grid布局控件先设计好行和列,定义好行高,高度尽量用固定值,一般固定在45左右;
7.定义好行高以后,确定整个页面的高度,由高度根据黄金分割比例(页面高H/页面宽W=0.618)
8.在确定页面宽度了以后,在对特定行的控件的宽度进行设定,目的是使得页面布局合理清晰。
9.冒号一律用中文半角;
10.特定列textblock以及其后的控件宽度由该列内容最长的宽度决定;
11.控件列对齐方式以右对齐为准,行对齐方式以居中为准;
12.设定grid的margin=10即可,其他地方尽量少使用margin属性。
三.细节设计:
1.Textbox属性:height=25;
2.每两行之间的间距为10;
3. 必输项提示以红星号(*)标识,比如“* 转账金额”;
4.页面错误提示语句:
(1)如果输入为空,则提示:“请输入+textblock内容!”;
(2)如果输入不合要求,提示:“您所输入的+ textblock有误,请重新输入!”
(3)在每一个需要输入格式的控件后面必须有提醒性语句(如:在手机号码输入框后有“手机号码为以13,15,18开始的11位数字”);
5.所有包含其他控件的控件的高度和宽度设置尽量满足黄金分割比例;
6. 对于在录入页面存在下拉列表栏位的交易,下拉列表供用户选择的栏位的默认值统一为"请选择"。如交易有特别控制, 按该交易特别控制办理。
7. 单选按钮是一组相互排斥的选项,只能选中一个,选项标记为圆形按钮。默认第一个是选择状态;
8. 复选框按钮不相互排斥,可以选择一个或多个一般竖向对齐比横向对齐更易于浏览;
9.翻页导航在列表的上下方都有,避免列表很长的时候提供易用性操作;
10.控件的选择:
1)各复选框和选项框按选择几率的高低而先后排列
2)复选框和选项框要有默认选项,并支持Tab选择,默认为第一个
3)界面空间较小时使用下拉框而不用选择框
4)选项数较少时使用选项框,相反使用下拉列表框网页界面设计的原则有哪些?
11.输入框被禁用时输入框和文本域变灰;
12.字体:
中文采用标准字体“宋体”,特殊字体效果使用图片取代,保证每个用户使用起来显
示都很正常。字体大小为12px;英文字体统一使用Arial,Microsoft Sans Serif ,Verdana等,字体大小为12px。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论