常见界面错误举例.docx

常见界面错误举例常见界面错误举例美丽的界面都是一样的，难看的界面各有各的难看。在泽元开发框架卜要制作出美观的界面不须要娴熟驾驭CSS,ZCMS产品里有大量的不同布局的页面可以用来参考，只需CopyPaste即可制作出美观、风格一样的页面。对于一些忽视界面美观的重要性的同事，往往会容忍各种不和谐的元素出现在页面上，这样就会设计出很不美观的页面，而这种一看就很不专业的页面会给客户留下不好的印象，甚至会影响客户对整个团队专业水平的错误推断。下面列举一些存在问题的界面供大家参考，引以为戒： 除了弹框页面，其他页面都要有工具栏解决方法：加上z:too1.bar工具栏上只放按钮或下拉菜单，不要放文本框解决方法：如上图所示方框控件建议移除，改为如下图，可以放带下拉菜单的按钮（和一般按钮风格是一样的），但不要放对表格作筛选的下拉列表解决方法：建议修改为卜.图所示，页签卜的工具栏不要有绿色卜.边线解决方法：Zitoo1.bar控件须要加入theme=fait属性。 工具栏上的按钮要带图标，并不要有边框解决方法：z:button控件须要加入theme=fait属性，并加上图标。不要原生的下拉列表控件和Zise1.ect控件混用解决方法:运用Zise1.ct标签包袱se1.ect.标签，或者给se1.ect标签加上ztype=combox属性。对于运用InnerIITMI.或append加入到dom树上的元素,须要调用ComponentManager.initChiIdren(e1.e)；方法初始化节点树。 不要全部列在数据表格上都显示出来列太多了，导致市要的信息反而没有显示完整解决方法：要选择少数的最重要的列显示在数据表格上，并且要调整各列的宽度百分比，使最终的百分比和为仃分百。 不恰当的留白、图标指意不明解决方法：内容左对齐，表格左右要留相同多的空白，表单项右边控件宽度不同或提示文字长度不同，不要求左右空白相同。 不恰当的控件分组解决方法：相像性质的控件要放在一起，不必要换行。从其他系统里拷贝过来的代码里的样式影响风格统一解决方法：去掉其他系统代码引入的样式，运用配置布局表格和数据表格，使数据表格尽量填满对话框。 对话框内的不当留白解决方法：1)不要保持表单的文本框一样宽，文本框宽度尽量完整显示内容：2）对话框页面左右留白不要超过四个字宽（因控件宽度不一，页面右边留空不作严格要求）- 弹出框非必要的出现滚动条解决方法：对话框的规范：D在窗口高度允许的状况下，弹出框中尽量不要出现滚动条；2）弹出框宽高比尽量接近4：3,这样比较美观：3）弹出框不行过高，考虑在辨别率为768的屏幕下要能点到确定按钮。 不恰当的样式运用如下图，对话框中明明是一个一般表单却运用了DataGrid的样式解决方法：表单不要用DataGrid的样式。 不合理的控件运用或错误的样式定义解决方法：1）理解日期控件、数字控件、下拉菜单按钮、下拉列表等控件的适用状况：2）保持方本框样式一样不恰当的数据解决方法：1）页面上恒久不要出现nu1.1.、Undefined等错误数据：2）数据格式保持一样，如数据表格上字段的小数的保留位数要和弹出框中的保持一样。