网站首页设计说明.doc

首页设计说明书 为进一步增强门户网站的公共服务能力，我委拟于近期开展网站升级工作，通过以用户为中心，以服务为导向的指导思想，改善网页人性化设计，增加实用、易用的服务功能，整合、关联政务、业务信息来实现更好地服务于市民。 首页是承载整站形象和整站导航的重要页面，经过前期周密调研用户需求、分析用户行为模式，我们设计了两种不同风格的首页，以下为两个方案的设计思路说明： 方案1：首页设计整体效果 方案1：首页设计构成 首页由7个功能分区构成：首页头部、热点导航栏、公共服务栏、信息公开栏、业务信息栏、链接区、首页尾部。 1.首页头部：首页头部由（1）网站LOGO、（2）搜索功能条、（3）宣传口号、（4）政府在线网站标识、（5）网站导航条共同构成；这几个构成要素根据“深圳市政府部门网站建设标准规范》的要求来设置，同时也符合当前主流网站构成的基本要素要求。 2.热点导航栏：该功能区是首页最为醒目、显眼之处，采用大图片与自动切换的方式播放我委近期重点工作、最新专题专栏、重大活动、重大规划等内容。 3.公共服务栏：该功能区位于自网页的左侧延伸至中间，主要内容为主题服务、便民服务和场景式服务，这3种服务模式是目前市政府网站年度评估的重点内容，也是网站作为公共服务平台的重要展现。 目前国内主流的媒体、印刷品的阅读习惯是自左至右，各级党报头条新闻的位置也是报头左上部位，因此我们将服务放在最容易找到的位置，并自左向下，向中间延伸，形成有效的视觉引导，同时对处于中下部间的场景式服务以图形加大号字的形式突出，以示重要。 4.信息公开栏：所谓信息公开栏是指市政府网站评估要求中的最基础的几项信息要求，也称信息公开三大板块：信息公开、在线办事和互动交流。 政务信息公开、办事指南、互动交流三大板块的信息量最大，因此在整个首页上占据中心，且面积最大，我们取名为政务篇、办事篇、互动篇，使之形成一个相互的关联、延续。 这三大板块采用了点击切屏的网页技术，默认显示为政务篇，点击导航上的办事篇、互动篇，将自动切换到相应板块（可通过动态效果页面来测试：），这是目前流行的节省网页空间的办法。另一方面这也是按照市政府相关部门的相关要求：政府网站网页不宜超出主流电脑一屏半，约1100PX（像素），以利于用户查找信息，因此我们的新的门户网站首页由2200PX缩减一半。 5.业务信息栏：该功能区位于首页右侧，主要内容是我委目前9项主要业务的核心信息展示。9项主要业务是指：城市规划、土地管理、房产管理、地质环境、测绘管理、地名管理、海洋管理、城市更新、监察执法。 9项业务信息的核心内容列表： 房地产服务 （显示内容） 地名业务查询 房价行情? ????房源和成交公示 地名查询????? 地名规划 存量房交易计税? 商品房销售统计 地名故事????? 历史风貌 行业管理：开发企业? 评估行业 城市更新计划 经纪行业 违规曝光 关于《2012年城市更新单元计划第三批计划》公示的公告 规划成果查询 测绘服务（切换内容） 发展策略? ?总体规划 天地图服务：全国 ?广东 ??深圳 法定图则?? 详细规划 标准地图??? ????空间信息平台 城市设计?? 专项规划 成果目录及分发服务 近期建设规划?? 分区组团规划 测绘资质管理查询服务 用地信息查询 地质环境信息查询 土地招拍挂信息 矿业权出让??? ?勘察许可证 土地登记结果???? 土地出让结果 采矿许可证??? 地质灾害点查询 土地使用权转让?? 土地使用权抵押 地质灾害防治?? 地质遗迹保护 监察执法查询 海洋管理服务 电话举报??? ???短信举报 海水浴场环境预报 在线举报?????? 微博举报 海洋灾害预警预报 违法曝光?????? 政策法规 海域使用权属登记 业务信息栏网页效果： 6.链接区：跟我委相关的网站链接区域，主要包括相关城市网站及部委网站，本市相关部门网站、本部门相关网站等，采取了滚动、下拉链接的网页技术，提供了数十项链接。 7.首页尾部：页尾主要内容包括：网站备案、主办单位、承办单位、访问统计和版权声明等信息。 方案2设计说明 （一）：首页设计概述： 整个网站以明快的蓝色为主色调，辅助于灰色以及少量红色。以简洁干净，最便于方便阅读为设计理念，基本减少甚至取缔对视觉造成干扰的图和点线面。 （考虑到市民对颜色的偏好，考虑采取提供几种主色调颜色选取功能） （二）五大功能区构成： 1：重点宣传栏：该功能区分为栏目宣传以及重大活动宣传两部分：栏目宣传又按照业务处室和栏目结构划分为两个区域；图片区域是我们重大活动最新专题以及重大规划的宣传 2：特色服务栏：这个区域划分为三个服务区，“主题服务”、“便民服务”、“土地监察服务”。“主题服务”为我们今年即将推出的7个带有鲜