序号

指标项

指标要求

1.

调研分析

(1) 项目实施前，需要供应商充分调研国内及国外同类高校英文网及国际合作交流处网站的建设情况，并对我校英文网站及国际处网站现状进行针对性分析。

(2) 结合我校办学理念、办学特色、特殊定位和自身特点，确定规划方案，提出规划建议，包含栏目设置、首页内容规划、功能规划、布局及整体形象设计等。

2.

设计理念

(1) 通过解读高校英文网及国际合作交流处网站的国际化设计趋势，并结合我校自身定位和特色，在网站整体内容布局、配色方案、视觉元素提取使用及交互设计等方面进行国际化设计理念的应用，从视觉设计的角度达到世界一流高校建设水平，突出我校品牌文化特色，进一步整体提升我校对外的品牌形象。

(2) 通过专业设计形式，解决信息过载的影响，用尽可能少的文字信息来区别于其他设计，提高用户获取信息的效率，从而提供更顺畅的用户体验，同时让信息更有吸引力和传播力。

3.

设计风格及配色原则

(1) 设计风格上要符合我校定位和品牌气质，与其他高校相比，做到不雷同不突兀。

(2) 配色原则上要符合我校VI体系的要求，可适当增加对比度较强的主辅色来强化我校品牌识别度，带给用户更丰富的视觉体验。

4.

设计元素

(1) 设计元素要与我校自身特色相关，避免与我校无关的设计元素出现，以强化我校英文网及国际处网站的品牌识别度。

(2) 需要摄入我校特色视频和图片，来增强我校文化软实力信息的输出，并提高网站可读性，提升用户访问网站的愉悦性。

(3) 除了我校已有的一些品牌元素外，也需要供应商对我校品牌文化进行深度的二次挖掘，对挖掘出的新的品牌代表元素进行视觉符号化设计表达，并应用在英文网及国际处网站的设计当中。

(4) ▲网站所有设计元素，包括图像、视频、字体需要保证版权合法，如出现任何侵权情况，责任均由供应商承担。（需提供承诺函并加盖供应商公章）

5.

内容规划

(1) 网站建设需做到以用户人性化访问为前提，以用户需求为组织信息架构，以简单、直观、人性化的导航为脉络，组建我校英文网及国际处网站。必要时可设置分流页面，描绘用户行为路径，为不同用户群体获取信息提供更加便捷快速的服务。

(2) 栏目规划要本着“合理、严谨、精简且完整”的设置原则，让用户可快速识别内容范围并获取到目标信息，同时在栏目设置及设计形式上需要考虑到未来栏目扩充的可能性，提前做好设计规划。

(3) 内容布局要主次突出，图文比例均衡，符合线上用户的阅读习惯，要求支持多语言。

(4) 首页内容布局要全面展示我校品牌形象，做到软硬实力有节奏的输出；用户浏览路径清晰，做到让用户有持续探索查阅的欲望。

(5) 功能入口要醒目而不突兀，增强英文网及国际处网站的实用性和服务属性。

6.

交互设计

(1) 需要通过对用户阅读习惯进行研究，在整体页面上增加微互动，使静态页面富有动感，增加用户的沉浸感和体验感，避免用户阅读疲劳，带给用户更丰富的视觉体验。

(2) 需要做到交互流畅、不延迟，当页面或应用下载数据较慢时，载入过程需要有所提示。

(3) 交互性按钮要做到清晰突出，并且点击前后要有所区别。

(4) 搜索框位置要清晰显眼，并且对搜索结果中的相关字符用不同颜色表示，搜索结果页一定要与用户搜索意图相符。

(5) 适当增加网页信息的分享传播机制，提升我校品牌资源的传播性和利用率。

7.

多屏适配

(1) ▲移动网站栏目结构支持与PC网站栏目保持一致，手机门户与PC门户使用同一域名，用户访问时支持英文网及国际处网站在PC版与手机、Pad多屏幕的自动适配展示。

(2) 支持对所有主流操作系统的手机终端及浏览器提供优良的适配效果，为用户提供更好的访问体验。

(3) ▲支持采用自适应的方式实现访问终端自动适配，采用html5技术，做到访问设备在不同浏览器端进行结构的重新排列和CSS的重新渲染，给用户带来更好的浏览体验。

(4) 支持移动端页面文字自动换行适配，图片符合移动设备界面尺寸要求进行自适应。

8.

实施要求

(1) 需提供网站设计的具体规划方案，包含前期项目分析、网站规划、网站原型图、设计理念、项目过程、案例参考等内容。

(2) 在网站建设过程中，需每周定期对网站建设进度进行汇报，保证网站建设项目按期保质完成。

(3) ▲根据不同栏目的属性，设计与之相匹配的界面，按照模板，栏目，资料库分离模式建设。

(4) ▲如需引用第三方资源文件，如：JS CSS TTF字体时，不允许直接引用来自外站点的文件，资源文件须上传到网站目录。且须屏蔽文件的版本信息，清除注释内容。

(5) 高端设计页面前端的HTML代码采用“DIV+CSS”的代码结构，代码尽量简短、干净，DIV嵌套层级少，代码符合Web标准。

(6) 针对前端网站功能的定制化开发，由专业的开发团队负责代码调用和功能实现，整体开发过程确保兼容性和代码规范性，要求与前端UI统一。

(7) 需要进行后台测试，提供后台测试文档、压力测试文档；交付需提供网站源代码及设计源代码、数据库设计说明、系统概要说明、部署方案。

9.

网站群的兼容性

(1) 网站需要纳入现有网站群平台防火墙之下进行统一安全防护。

(2) 网站需要实现面向站群内各站的跨站点跨栏目的信息便捷投递，无需调用任何接口，实现站群的信息互通共享。

(3) 网站纳入现有站群体系后，支持在特殊时期对网站进行一键置灰；支持在站群平台实现对网站的停止、启用、发布等方面的功能，提供网站检索、网站排序。

(4) 网站纳入现有站群体系后需严格遵循安全性原则，包含：网站备份、网站体检、应用防火墙、运维监控、网站安全补丁、网站授权监控、防篡改、危险文件扫描等信息的推送和提醒。

(5) ▲为满足本次的英文网站建设能够与学校主站进行高效的数据联通。通过这种数据联通机制，确保信息能够在两个站点之间顺畅流通，从而实现便捷的文章投递功能。

(6) ▲设计实施过程中，供应商应按照软件开发要求形成全面详尽的技术资料，包括可运行的程序、ps设计稿、html页面等以确保技术资料的一致性和完整性，在项目完成正式运行前提交完整的与此项目相关的资料。

10.

网站建设过审及安全要求

本次网站建设需要通过我校网站入驻站群系统前的安全代码筛查功能，有效排查其中的JS脚本，漏洞问题，保障网站安全。

(1) ▲网站必须符合学校网站建设三级等保安全要求。

(2) 网站需要通过功能性测试，包括表单测试、搜索测试、附件下载测试；

(3) 支持进行可用性测试，包括易用性、导航条、内容、颜色/背景、图形界面测试。

(4) 网站需通过安全性测试，包括登录、权限限制、超时的测试。

(5) 网站需通过用户界面测试，支持依据界面审核原则，验证界面是否美观、布局是否正确合理。

(6) 网站需通过各主流浏览器下的兼容性测试，包括IE11，Firefox，Google，Chrome，360兼容版和极速版。

(7) 支持测试各个栏目跳转和外部链接的正确性，无空链、错链、死链、指向非法网站的链接，并使用XENU工具测试死链接。

(8) 需要进行返回路径测试，支持每个页面都可以返回至上个页面。