中国科学院大学携手通元软件，顺利完成了官方网站的全面升级，近期已成功上线，正式和大家见面啦！

新版网站以蓝色为主色调，深邃、沉稳，不失科学范儿，红色为辅助色，热烈且富有勇气，呼应国科大文化中“两弹一星”精神和勇于创新的科学素养，两者相辅相成，使网站的视觉印象更具传承性和统一性。

一、设计亮点

（1）首屏轮播大图

极强视觉冲击展现国科大风采，第一时间传递校园时讯，给用户带来更加直观的体验。

（2）LOGO设计

国科大校徽中间的齿轮，象征基础科学凝聚、派生的技术科学的推进作用，通元软件在此基础上，特别设计了官网主页中校徽的微动效，让推进和驱动形象更具体。

（3）元素提炼

背景中应用学校风景及建筑素描，增强页面中属于国科大的文化符号。

（4）侧边导航

页面右侧增加以学校标志性建筑为主图的首页版块定位导航，方便用户跳转所需栏目列表。

（5）数据展示

数据浮动特效，最直观的展现国科大的时代发展成就和强大的师资力量。

（6）底部媒体矩阵

国科大应用了通元内容管理系统Gpower CMS V9.0，能够一键跳转多个关联主流新媒体平台，方便用户了解更多校园资讯，同时，面向国科大官网编辑权限的用户时，该系统使得网站内容发稿管理更简单，内容一次发布即可多屏呈现，实现内容的全方位传播。

07 多媒体内容

通元内容管理系统Gpower CMS V9.0助力国科大官网实现了校园相关图片、音频、视频等多个媒体资源共享，更加生动地展示了校园风采。

二、整体效果展示

以上是通元软件在国科大官方网站设计中的一些亮点展示，除此之外，通元软件在国科大的官网改版设计中，应用到了多项新技术，为本次的项目建设增添了更多色彩。

三、应用技术

（1）响应式网站设计，自适应多类型终端，采用H5+CSS3的最新前端代码技术

（2）文化符号提炼、logo动态效果

（3）国际化长页面、大留白、分区域布局的页面视觉

（4）页面微动效

（5）视频应用、媒体融合

欢迎大家踊跃访问全新的国科大官网，了解更多校园的精彩故事！

中国科学院大学官方网站:https://www.ucas.ac.cn/