中国科学院大学携手通元软件,顺利完成了官方网站的全面升级,近期已成功上线,正式和大家见面啦!
新版网站以蓝色为主色调,深邃、沉稳,不失科学范儿,红色为辅助色,热烈且富有勇气,呼应国科大文化中“两弹一星”精神和勇于创新的科学素养,两者相辅相成,使网站的视觉印象更具传承性和统一性。
一、设计亮点
(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/