当前位置: 首页» 通元新闻» 通元新闻

通元软件创新设计,打造不一样的北科大主页

2017-06-22
摘要:全球化视野,让科技闪光 ,科大立足北京,展望全球,结合拟物化的科技元素,挖掘北科大不一样的特质。
MicrosoftInternetExplorer402DocumentNotSpecified7.8 磅Normal0


 

全球化视野,让科技闪光

科大立足北京,展望全球

结合拟物化的科技元素

挖掘北科大不一样的特质

 


方案设计

一、形象功能区:

  首页的第一屏是网站的灵魂,是学校打造形象和展现信息、功能的区域。我们采用适应各种屏幕的大图来提升视觉冲击力,校徽校名居中摆放在主导航上,主导航又采用半透明的幽灵设计,增加了页面的层次感。

二、栏目板块区:

这个区域是又一大亮点设计。

  首先背景设计融入“全球”的概念,采用立体球面元素分割版面,使得页面的排版不拘一格。

  其次把北科要闻单独呈现,新闻导读、通知公告、学术讲座三个栏目做成按钮切换形式,既节省了版面空间又有互动感。切换按钮巧妙地与球面背景结合,增加了页面的设计感。

  第三球面背景形成一个“S”形,“S”为science的首字母,也切合科大的名称。

  最后北科事记做成图片墙的形式,打破普通的横向排版,鼠标经过每一张图片都会有变暗、出现白线框和文字说明。是整个页面比较活跃轻松的部分。

三、服务栏目区:       

这个部分增加了页面高度,用科大建筑图作为背景,加强网站的属性。

 

改版前


改版后



  科技元素是本次设计的重点。运用拟物化的球形、按钮增加页面的科技感;分子原子结构的抽象图形作为主体内容的背景增强科技感;栏目版块采用按钮切换的形式,节省空间的同时也增强了科技感。

  这次改版虽然经过长时间的设计、讨论,但最终获得了北科大老师的一致好评。通元将带着这份鼓励,继续出发,为北科大的信息平台增加更多色彩。

分享到: