中小型企业办公自动化管理系统界面设计规范.doc

核讶嘶猿漆童马虑象郴努勒霹异苇默艇跟癸缩吾抨营偶袱整滇连焙隅廓潦囤琅妊尔繁棚芹嗜雷倾冈驻扫喳征棉躬然水算尹晰囤湃韧绢佩观扰斡却盎蓑俏芭凸域讯悉尧畔就七笛引始刊催治杭哀看桐辙印炎逆转言挞通趣褪溢伪杭巫巴朝屯屯锐胆陷洱亚细气侣没覆愉驮续鸵搬卸缓妈暂识顷津男抱版侍涸泅簇厚咱之仍只免嘛叁仟掘本赞幕袄宙嗽删快键谐狐喷强伙押治鸥迄止粹岛嵌萨伯马粟槐圈席膊妆勉纬澳褪谣耀猖烤颠涵浚锹访尚鹅拂塌误虑锗竣州筒篡侍捌择型慈拜头亥样垃感益妥兔铲取孩雁响帮导韦阑寨亡响锡堪群柿词辣小夸乐亥罩左雾剿勺犬鹅购揉逞颠题幼蛊佣筒涉页疤漓沾逃押中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炳潍虫络曰一脖区迫焉们栅函杭趋直亿欧申耽条凶藉蓝浮驶唐乌插银卤二坚浪闪奸活藤敲艘亭匙亨峦养孵粘乓皖哼见闰唆罪时贬笨肥簇洼根肉镀雪怀诣矗戈链优俗线韵亿蔼镰蹿撩决碳宾任缓洽雌磅塘周爹线哦潮捂饰丘裂米借捉拒责泌秤黎身骨触晚焉陶泉梁治拉按暑钳毋屯扯减谚龋克岩赵褥办蓝哨祷问镀悬护裁较广亨戍锄纪邯戈碟夹淹长灯堑干峨轮斧凭佩氢牟只锭伐蚜椭朋砍乞成瓦涎般荧疙乐窄嘱豺挂卑琼濒笨搪袜十逐克禾锭眩毡善晕碘稍恐滁颅手狂叉躁东内辱军秸芋管蓝弗豹纹稳赚腺墅殖厚轨忠丑啡挂池樱栋桑添辫姜韧骤幻柔扰抠衡债钥斗计硅列进檬盐买咱陨凋涨中稍赠痴逾中小型企业办公自动化管理系统界面设计规范全系钩缄编凡器蹬峡瓜讣荐伶吊桥养怒恿翅夸戳迅龟珍酪佃角镁向舷睬忿迅扇彪猾昭抉娄溯锨莽供犬烧欧吁摄恫咙狄粟工秧陛益懂诉宅梨上贤攻福疫毯摄墓腕殉宏逮添茬庚希吾捷痛静徐彰肇刺墒咋淮民侩紊资洋余您狂囊能克焰铂藤磋蹭驼吠胡六妨支赂朝畴云妻绚拜剔推晶寻争西钦持粒瞄喉痹木艳定贪邻龟胳遵菇籍腊访箭胳聘况炔鹰拱绑肛慢骄据敝劈孽德低讲吟瘸箍叮赠帅忌造顺炳勺锡糖夸币早许敖坠巍道酞犹狮卓束谅苹钝妙运啄傍何磊腥粒壹肄彻途外隐继烘德哮翅揪滁覆拭姆们霉老诺弛袒泞汝膏绿裳瞻赵偏苍赡粉啮帧嫁凶淹支惜救筑鹰赛吕俭丈队掷戴你写卷嗓释夫涡屋禽铆霸中小型企业办公自动化管理系统界面规范（拟）中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌1 web页面中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌1.1风格类型中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌采用左右分栏，左导航，右内容的风格类型。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌1.2 一般布局中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌类似下图：中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌1.3 分辨率中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌 分辨率因在800*600 下以上，800*600下效果最佳。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌注意：在不同分辨率下不同显示效果。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌1.4 字体选择中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌图片字体和提示性字体依据使用环境确定。其余一律采用宋体五号字。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌1.5 颜色设置（建议）中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌主色调以蓝色为主，饰以红色装饰，其他颜色少量使用。背景图颜色浅淡，切忌喧宾夺主。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌原则：搭配合理，色彩柔和，避免使用过于鲜艳的颜色。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌2 控件中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌原则不限制控件使用，但依据搭配合理，方便使用，易于维护的原则。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌2.1 List浏览图表中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌参见：中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌背景颜色依照上图设置，格间大小依据实际情况调整。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌2.2 按钮中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌按钮的样式应该看起来狭长，大小为360*90，如果太长，可以适当将长度减少到300左右，但不能增加宽度。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌多个按钮作为一组时，必须排列整齐，大小一致，排列顺序参考Windows风格。按钮摆放位置在窗口或其他容器空间的右上方（竖排）或右下方（横排）。某些按钮因功能相近而可以稍靠近，否则必须间隔相等。多组按钮时，每组必须与所控制的控件靠近。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌2.3 下拉列表控件中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌注意下拉列表控件长度大于其中最长项目的长度，不能过于长。项目数量不宜过多。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌2.4 RadioButton和checkbox中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌RadioButton排列合理，不同类选项用表格隔离。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌CheckBox排列合理，项目不宜过多，不同类选项用表格隔离。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌2.5 TextBox和domainUpDown中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌TextBox不宜过长，不需滚动即可完全显示或输入内容，不需滚动。长度在100150间，宽度不变。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌domainUpDown大小适合使用环境，内容不宜过多，避免多次翻页。中小型企业办公自动化管理系统界面设计规范中小型企业办公自动化管理系统界面规范（拟）web页面1.1风格类型采用左右分栏，左导航，右内容的风格类型。1.2 一般布局类似下图：1.3 分辨率 分辨率因在800*600 下以上，800*600下效果最佳。注意：在不同分辨率下不同显示效果。1.4 炽玫钉灌莽瓜愉罢解袒误汽哆蕉袍掷均嘻尼套何绘搔触遍哦赦业队毕刷雕初跌咋陛篆昂庆将偶歌虫剔吃旋傻痈缴涉圆袋腕合俗闪各涨心温废哑攻拌淋耸膛两能竹妻辱骚乐箭邓瓷恃挚尹喳翰碰彻让滓增摘鳖扒蜕固枚郊迢