界面设计规范详解.pptVIP

tdimg src=”../images/sample.gif” /td 如我们注意在源代码中不应有这样的代码：  而应该是这样写的： tdimg src=”../images/sample.gif”/td 这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加了一个半角空格，如果确实有必要增加一个半角空格，也应该这样写： tdimg src=”../images/sample.gif” /td 【功能名称】表格排版规范 【功能简述】对table编写的规范要求 【规范要求】 在写table互相嵌套时，对于单独的一个table来说，tabletr对齐,td 缩进一个tab，td中如果还有嵌套的表格，table也缩进一个tab,如果td中没有 任何嵌套的表格，/td结束标记应该与td处于同一行，不要换行。 界面设计规范 属于同一个级别的table一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，空单元格高度采用td/td之间插入一个1*1大小的透明gif图片（通常为null.gif）这是因为某些浏览器认为空单元格非法而不会予以解释。 Width和Height的写法也有统一规范，一般情况下只有一列的表格，width写在table的标签里，只有一行的表格，height写在table的标签内，多行多列的表格，width和height写在第一行或者第一列的td标签内。 总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height和width，保证任何一个height和width都是有效的，也就是改动代码中任何一个height和width的数值，都应该在浏览器中看到变化。 【功能名称】表格排版规范 【功能简述】对table编写的规范要求 【规范要求】 界面设计规范 应该遵循的基本原则 美观与协调性原则 美观与协调性细则： 前景与背景色搭配合理协调，反差不宜太大。常用色考虑使用Windows界面色调。 如果使用其他颜色，主色要柔和，具有亲和力，坚决杜绝刺目的颜色。 大型系统常用的主色有“#E1E1E1”、“#EFEFEF”、“#C0C0C0”等。 界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。 如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。 通常父窗体支持缩放时，子窗体没有必要缩放。 如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。 软件界面规范的重要性及其目的 用户体验为何如此重要 Web规范体系介绍 界面设计开发流程 应该遵循的基本原则 界面设计规范 所有界面基准字体为9pt。 不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都正常。 所有字体属性设定应在CSS中完成。所有控件尽量使用大小统一的字体属性，除了特殊提示信息、加强显示等例外情况。 避免使用粗体和斜体：用粗体来吸引人的注意，用斜体表示着重，但还要少使用。 避免混合字体：最多包含两种不同的字体。 界面设计规范 【功能名称】字体 【功能简述】各个页面必须使用统一的字体样式 【规范要求】 不规范实例： 所有字体尺寸一律采用“pt”作为单位，对象和线条的尺寸一律采用“px” 作为单位。 界面设计规范 【功能名称】尺寸单位 【功能简述】各个页面必须使用统一的尺寸单位 【规范要求】 界面设计规范 尽可能通过选择合适的主题颜色或系统颜色来选择颜色。 不要混用颜色类型。这就是说，应当始终将主题颜色与对应的主题颜色匹配使用，系统颜色与对应的系统颜色匹配使用，固定颜色与其他固定颜色一起使用。如果你一定要使用主题或系统颜色之外的颜色：最好是从某个主题或系统颜色派生，而不要硬编码颜色值。 如果不是为了显示真实感的图形和图像，应当限制屏幕的色彩数目，因为人们在观察屏幕时很难同时记住多种色彩 应当根据对象的重要性来选择颜色，重要的对象应该用醒目的颜色表示。 使用颜色的时候应当保持一致性，例如错误提示信息用红色表示，正常信息用绿色表示。 在表达信息时，不要过度依赖颜色，因为有些用户可能色盲或色弱。 【功能名称】颜色 【功能简述】各个页面必须使用统一的颜色设置 【规范要求】 “危险、有风险、未知、基本安全”的颜色，有什么讲究吗？“黄色”看不清楚。另外，文字不完整， 在数字后面加“个”，前后项留合适的间隙。 界面设计规范 【功能名称】登录框 【功能简述】 【规范要求】 1.用户名、密码宽度应该上下对齐。 2.输入框上下对齐。 3.鼠标点击登录、重置按钮应该显示手型，而不是箭头。 打开一个新界面，光标默认停留在第一个待输入的文本框中。 当选择下拉框不存在默认