ui界面开发实用标准v1.0(内部保密资料)

《ui界面开发实用标准v1.0(内部保密资料)》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实用标准文案软件UI界面开发标准V1.02010-11-26目录页面设计6尺寸规范6导航规范6链接规范6字体规范6CSS书写规范7JS调用规范7错误信息规范7标签页7图片的分类及命名规则7目录结构规范8易用性设计8规范性设计9帮助设计9合理性设计10美观与协调性设计10菜单位置设计11独特性设计12安全性考虑12页面切割14精彩文档实用标准文案HTML规范26标记的书写26标记的换行规范26标记的关闭规范27标记的属性值规范27标记的缩进规范28注释28代码嵌套、优化29尽量减少HTTP请求次数29减少DNS查找次数30

2、避免跳转30可缓存的AJAX31推迟加载内容31预加载32减少DOM元素数量32根据域名划分页面内容32使iframe的数量最小33不要出现404错误33为文件头指定Expires或Cache-Control33Gzip压缩文件内容34配置ETag35尽早刷新输出缓冲36使用GET来完成AJAX请求36把样式表置于顶部37避免使用CSS表达式（Expression）37使用外部Javascript和CSS37削减Javascript和CSS38用代替@import38避免使用滤镜38把脚本置于页面底部39精彩

3、文档实用标准文案剔除重复脚本39减少DOM访问39开发智能事件处理程序40减小Cookie体积40对于页面内容使用无coockie域名41优化图像41优化CSSSpirite41不要在HTML中缩放图像42favicon.ico要小而且可缓存42保持单个内容小于25K42部署42测试43界面测试43功能测试44性能测试45可用性测试46客户端兼容性测试47安全性测试47上线47精彩文档实用标准文案页面设计尺寸规范1、页面标准按1024*768尺寸制作，推荐尺寸为1002*610px2、页面长度原则上不超过3屏，宽度不超过

4、1屏3、banner高度不要超过150px4、每个非首页静态页面含图片字节不超过300K，全尺寸banner第一个场景控制在200k以内二个场景在300K，三个场景在400K以此类推导航规范1、导航要简单、清晰，建议不超过3层的链接2、用于导航的文字要简明扼要，字数限制在一行以内3、首页，各栏目一级页面之间互链，各栏目一级和本栏目二级页面之间互链4、超过三级页面，在页面顶部设置导航条，标明位置5、突出最近更新的信息，可以加上更新时间或New标识6、连续性页面应加入上一页，下一页按钮7、超过一屏的内容，在底部应有gotop

5、按钮8、超过三屏的内容，应在头部设提纲，直接链接到文内锚点链接规范1、新闻、信息类通常用新开窗口方式打开。2、顶部导航、底部导航通常采取在本页打开，特殊栏目和功能可新开窗口。3、链接带下划线为链接通常的默认风格，顶部导航或特殊位置为了观赏性可用样式表取消下划线。4、链接的颜色可配合主题颜色风格改变，通常为蓝色、暗蓝色、黑色，但激活后的链接颜色、鼠标移动其上时的链接颜色要同本身颜色进行区分。字体规范1、为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用

6、中文宋体12px和14.7px这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px的字号比较合适。2、大小为9pt时，行距为120%；信息类最终页面采用弹出方式，标题及正文字体规定为11pt，行距为140%。所有页面字体大小建议不要超过11pt。3、考虑字体大小的兼容性，避免使用size=2的方式定义，尽量使用pt或px并用css定义精彩文档实用标准文案4、文字颜色与页面配色协调，不使用与背景色相近的颜色。5、非图像设计的字体一律采用windows标准宋体。（如果做特殊效果需做成图）要加粗文字用Bo

7、ld,不要用Strong。6、页面文本不使用下划线方式，也尽量少采用粗体显示。CSS书写规范1、所有的CSS的尽量采用外部调用2、代码较长的首页和重要栏目首页可直接内嵌CSS，避免调用时间太长，使页面未及时调用CSS风格而显得凌乱。3、书写时重定义的最先，伪类其次，自定义最后（其中a:linka:visiteda:hovera:actived要按照顺序写）便于自己和他人阅读。JS调用规范所有的javasc

8、ript脚本尽量采取外部调用错误信息规范所有程序出错页面、找不到的页面不要使用默认的出错提示，要设计为带网站标识和说明的个性化的出错提示页面。所有页面必须均需经过浏览器兼容测试，通常须支持主流浏览器I