文档介绍：网站改版实施规划及报价单版本::2010年8月30日创建人:网站内容及结构规划网站改版整体规划根据达观公司业务和现有网站特点,网站改版主要从以下几方面入手:UI样式改进,重新设计网站界面样式,打造全新的网站印象网站结构/栏目名称调整,使用户可以快速的找到所需信息首页内容调整,优化用户感官体验的同时,突出公司业务信息增加界面操作交互元素,提升用户浏览好感度的同时,提供更明确的信息提示内容页面结构调整,图文结合更加紧密,降低用户浏览复杂度,浏览体验更好在首页增加动态更新内容在改进界面样式、交互体验的同时,保持对搜索引擎的友好性网站结构风格设计网站整体设计风格依然采用银灰色的基调,前景色使用深灰、黑色,点缀暗红色界面元素,凸显网站整体稳重、高端的定位。网站界面标题、导航部分,除了公司logo以外的部分,使用雅黑、细等线字体为主,辅以小字体英文;同时使用短线分割、小方格提示符等界面元素,使网站界面更加精致、专业。界面所展示的案例图片,要使用色彩明亮、鲜艳的高质量图片,并在处理图片时调高色彩饱和度,提亮整个界面,吸引用户注意力,给用户以愉悦的心理暗示,提升公司案例和网站整体在浏览用户心目的当中的印象分值。首页及封面内容要点封面:封面页的表现形式要更加丰富,增加几个视觉效果较为夺目的案例图片切换,最终落在达观标志上,之后自动跳转到网站首页。同时增加“跳过”链接,用户可以直接打开首页。首页:首页的内容要更加丰富,动静结合、图片与文字结合、循环动画与交互元素结合。页面包括页头、导航栏、案例图片、业务入口、最新资讯,如下图所示:在导航栏和案例图片部分使用Flash一体化实现:当用户不做任何操作时,案例图片自动以幻灯方式切换显示,并且在每幅图片当中加入视角移动效果;每幅图片都有对应标题显示;左下方翻页序列显示当前所在图片,用户可以手动切换图片显示。幻灯图片的视角移动效果:可以适当选择一些大视野,远近景物结合的图片,从近景视角切入,然后平移到远景视角,如下图所示:用户鼠标悬浮在每一个栏目标题上时,对应栏目标题高亮,并且下方案例图片停止切换,在图片上方悬浮渐显栏目简介,简要提示栏目内容,当用户将光标移出导航栏,栏目提示渐隐,案例图片恢复正常显示。业务入口采用图文方式显示,简要显示业务方向,点击相应项目可以打开对应业务介绍页面。内容页要点改为使用开放式页面结构,页面长度随着页面内容自动增减,使得大屏幕浏览用户的访问体验更加流畅。加入二级导航,用户可以直观、快速的切换二级栏目。技术开发,数据库使用SQLServer2000。网站运行操作系统需要基于Windows2003或2008,。技术是当前最普及的Web开发技术之一,与其他主流web开发技术相比,技术成熟,开发支持全面,开发效率高,运行效率也比较高,其程序架构在安全性、可维护性方面都可以提供很好的支持,有利于开发出稳定、安全、高效的网站系统。而Windows系统作为网站运行平台,由于其普及性高,维护成本很低,有利于网站稳定持续运行。 界面设计实施方案由于本项目作为达观地产形象网站的实施,界面设计在本项目占有至关重要的地位。为保证界面设计沟通工作切实到位,保证界面设计工作质量,明确本项目界面设计工作流程如下:基础风格界面设计:网站首页作为基础风格界面的讨论对象,其他网站界面必须在网站首页确