表单外观设计参考标准
规定内容:
1 表单宽度750px;
2 表单长度要适中,注意美观(没有具体的规定);
3 logo标题 ,默认(div 的背影色要和logo的背景色相同);
4 标题, 24号, 宋体, 加粗;
5 lable标签 , 小五;
6 text文本框 ,小五;
7 按钮, 默认形式,按钮的长度根据字的个数适当调整,按钮间距15px ;
8 链接其他页面的字的规范(例如:打印,历史
记录
混凝土 养护记录下载土方回填监理旁站记录免费下载集备记录下载集备记录下载集备记录下载
)用按钮实现 ;
9 Grid表中“删除行,增加行“用按钮实现 ;
10 Grid表中的字段个数和长度要合理的分配,要全部显示出来;
11 文本框不需要隐藏(特殊效果除外);
12 表单与上下边的距离要适中(没有具体的规定);
13 数字要右对齐;
14 Combobox有默认值是“请选择”;
15 按键字体的大小(例如 增加附件,双击上传图片等)应为默认形式;
16 shap画表格时,要注意shape的颜色。具体颜色参看模板(#c9c9c9);
17 Logo与表单的宽度相同,并且用shape在左右两边封口。
注意:模板中将按钮放在了logo中,制作表单时,按钮(例:打印,历史记录等)放在logo的下面。
布局原则:
将窗口中控件和面板的尺寸调整为适合典型内容的大小。避免截断文本使其带有省略号。用户应当不需要任何操作即可查看窗口的典型内容——为通常不会出现的大量内容预留调整大小和滚动功能。特别要检查:
∙ 控件尺寸。控件尺寸应当适合于其典型内容,将控件变得更宽、更高、必要时使用多行编辑。调整控件的尺寸,以避免或减少在那些有大量空间的窗口中进行滚动。而且,不应在有大量空间的窗口中存在任何被截断的标签或文本。
∙ 列宽。确保列表视图具有合适的默认、最小及最大列宽。为列表视图使用不会引起文本截断的默认列宽,尤其当列表视图中还有足够空间时。
∙ 布局平衡。窗口布局应当让人感到大致平衡。如果觉得布局左侧偏重,应当考虑增加控件的宽度,并将一些控件移到右侧。
∙ 布局尺寸调整。当窗口尺寸能够缩放且数据被截断时,确保更大的窗口尺寸能够显示更多数据。当数据被截断时,用户期望通过调整窗口的尺寸来显示更多信息。
控件布局
∙ 文本VS文本框
∙ 文本VS文本域
∙ 控件对齐