深圳市规划国土房产

《深圳市规划国土房产》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、电子政务平台内网门户应用框架深圳市规划国土房产信息中心文档编号项目名称项目来源信息中心版本号1.1生效日期电子政务平台界面设计规范修订历史版本说明编制日期1.0界面视觉元素的规范黄永胜2006年7月1.0补充人机交互肖海波2007年7月一、目的为规范我局的内网门户网站的应用及其个人工作平台的布局，编写此文件。6深圳市规划国土房产信息中心版权所有电子政务平台内网门户应用框架一、适用范围适用于我局的内网门户网站的应用，以及内网门户网站登陆后的个人工作平台。二、设计规范(一)门户网页顶部设计必须包括页头Banner、栏目导航以及网站搜索。网站页头banner，由

2、网站Logo、网站名称、应用平台名称组成，网站Logo为我局的图形标志，网站名称为我局全称，应用平台名称是可选的，一般是“个人办公平台”。网站名称字体：黑体；背景颜色：页面主色调的渐变色；位置：网页顶部。(二)网页中部设计栏目名称字体和内容字体均以宋体16px作为标准字体，英文字体采用TimesNewRoman或Arial。整个网站应保持统一色调风格，文字与背景色要有鲜明的对比，图片清晰。(三)网页底部设计页尾标明版权信息、技术服务电话与邮件地址。(四)页面风格页面风格统一，页面信息显示字体大小统一、整齐，采用统一的CSS样式表；页面的页头、页尾相同部分采

3、用Include方式，以方便更新和维护，特殊效果例外；页面如采用纵向分区（如左、中、右结构），各分区下方余留空位应保持一致和平衡；有子栏目的栏目链接，如没有单独制作页面——“栏目主页”则默认链接到子栏目导航中的第一个子栏目页面。(五)页面尺寸页面按800*600分辨率制作，在1024*768分辨率下页面显示为居中效果。6深圳市规划国土房产信息中心版权所有电子政务平台内网门户应用框架(一)链接结构规范首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构；页面提供返回到网站首页、栏目主页或逻辑上的前后页的链接；一、二级栏目主页和主要功能页面链接采

4、用原窗口更新，信息内容页面、个性化应用等采用新开窗口打开，并加有“返回”按钮来关闭窗口。(二)栏目／位置导航设置栏目导航条设在页头Banner下方；所有页面上当前位置标注到达的深度应统一，即统一只显示到二级或三级栏目，导航中的栏目名称应与实际栏目名保持一致。(三)查询功能出错处理查询无相应结果时，应有“无法找到相关信息”提示；查询有相应结果时，应有返回数据量多少的相关说明。（九）信息列表规范信息列表应有页数、总记录数、每页显示记录数和当前页等说明；列表无分页时，翻页链接灰化或不出现，不可进行翻页操作。一、色彩运用规范1.整个系统的框架、面板均采用Windo

5、wsxp界面色调，以保持和windows界面的一致性与和谐性。以浅色色系为主，字体、背景都要在蓝色调的色系当中运用。有一些需要强调的文字或按钮可以适当采用不同的颜色，但不能使用频繁，并且主色要柔和，具有亲和力，坚决杜绝刺目的颜色。2.系统使用标准色系：3.避免颜色相近的文本和背景的搭配方式，通常的原则是在浅色底上写深颜色的字。二、字体运用规范1.Charset=GB2312_CHARSET2.中文字体主要采用“宋体”、“黑体”；英文应避免使用“Arial”、“Helvetica”和“Sans-Serif”6深圳市规划国土房产信息中心版权所有电子政务平台内网

6、门户应用框架系列之外的字体。标题文字字体不做限制，但所有的标题要统一字体。除标题之外，避免使用粗体和斜体，只有需要强调的文字可以适当使用粗体。1.避免混合字体。任何不包含文档的窗口最多包含两种不同的字体。2.字体的大小要与界面的大小比例协调,标题文字不做大小的限制，除标题之外的字体大小，通常使用12px-14px字体，不要使用超过14px的字体。一、设计运用规范1.软件框架设计软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮，菜单，标签，滚动条及状态栏预留位置。设计中将整体色彩组

7、合进行合理搭配，将系统名称放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。2.软件按钮设计软件的图标按钮是基于自身应用的命令集，它的每一个图形内容映射的是一个目标动作，因此作为体现目标动作的图标，它应该有强烈的表意性，制作过程中选择具有典型执行动作特征的图符，有助于用户的识别，方便操作。图标的图形制作不能太繁琐，在制作上尽量使用像素图，确保图形质量清晰。软件按钮设计应该具有交互性，即应该至少有3个状态效果：点击时状态；鼠标放在上面但未点击的状态；点击前鼠标未放在上面时的状态；点击后鼠标未放在上面时的状态；

8、不能点击时状态；独立自动变化的状态。按钮应具备简洁的图示效果，应能