千助阅读
扫描关注网站建设微信公众账号

扫一扫微信二维码

为什么别人家的学校网站建设都采用了优雅的响应式设计

高端网站建设2017-08-08经验之谈

学校网站建设之响应式设计

  “ 轻轻地我走了,正如我轻轻地来,我会用一生来想念您,母校,我何时才能再来 ...... ”

  当我们踏上社会的时候,母校总是如此相似地成为很多人的牵绊,也许是因为那里寄托着青春、梦想、感恩和回忆。不过今天千助君并不是给大家来煽情的,而是想带大家一起来看看那些高端的学校网站建设。

  作为一个老牌的上地网站建设公司,千助也经常能在互联网上发现一些国内外的学校网站建设案例,特别是那些使用了最新的H5响应式设计的高端网站建设案例。

  遗憾的是众多的国内高校中,并没有太多的学校网站采用前沿的响应式设计,反而是国土面积不大的新西兰,其八大名校的网站全都使用了响应式网站设计,我们一起来欣赏一下。

  奥克兰大学(PC)

奥克兰大学的学校网站建设

  奥克兰大学(Mobile)

奥克兰大学响应式设计官网

  奥克兰大学是新西兰大学中国际排名最靠前的大学,他们的官方网站采用了蓝色系的主色调,显得成熟稳重。在响应式布局上,移动端将PC主导航缩至左上角,点击可展开,并将 Banner 图放小,文字区域放大,让用户在手机浏览时,可以将关注点放在重要信息上。

  奥塔哥大学(PC)

奥塔哥大学的学校网站建设

  奥塔哥大学(Mobile)

奥塔哥大学响应式设计官网

  奥塔哥大学是新西兰的第一所大学,历史最为悠久。其学校网站建设中将一部动态视频放在了PC端的设计布局里,而在移动端的响应式布局里又替换成了一幅图片,这显然是一种非常明智的做法,不仅解决了手机浏览的打开速度问题,还可以保障访客在没有 wifi 环境时不至于为打开视频而消耗太大的流量。

  坎特伯雷大学(PC)

坎特伯雷大学的学校网站建设

  坎特伯雷大学(Mobile)

坎特伯雷大学响应式设计官网

  坎特伯雷大学拥有新西兰最早和最好的工程学院,使用亮眼的红色进行官网设计是他们的一大特点,首页顶部 Banner 的轮播展示,无论在PC还是移动端,都很好的通过响应式设计为访客呈现出了最为合适的界面。

  惠灵顿维多利亚大学(PC)

惠灵顿维多利亚大学的学校网站建设

  惠灵顿维多利亚大学(Mobile)

惠灵顿维多利亚大学响应式设计官网

  惠灵顿维多利亚大学的建筑与设计学院的设备力量是新西兰最雄厚的。他们的学校网站建设采用绿黑主色调搭配,在响应式设计中,他们将PC端顶部大图的左一右二的排列版式,变换为移动端的从上至下的排列版式,图文对应,清晰明了。

  梅西大学(PC)

梅西大学的学校网站建设

  梅西大学(Mobile)

梅西大学响应式设计官网

  梅西大学拥有新西兰最大的商学院,诞生了很多杰出的政治家、艺术家、体育家和企业家。其学校网站建设的主色调为深蓝色,同样采用了响应式网站设计,并在移动端突出显示了他们的 Logo 。

  怀卡托大学(PC)

怀卡托大学的学校网站建设

  怀卡托大学(Mobile)

怀卡托大学响应式设计官网

  怀卡托大学被誉为南半球的哈佛,其官网主色调采用的是红黑搭配,气场非凡。PC端的顶部 Banner 图采用相对屏幕固定的设计手法,当滚动条向下滚动时,可以看到该图的全貌。而在移动端,为了节省布局空间,对这幅图进行了隐藏处理。

  奥克兰理工大学(PC)

奥克兰理工大学的学校网站建设

  奥克兰理工大学(Mobile)

奥克兰理工大学响应式设计官网

  奥克兰理工大学也拥有着较强的教学实力,专业众多,其中商科、艺术、保健、科技等都是该校比较强势的专业。他们的学校网站建设风格非常前卫,不拘小节地运用了众多色彩,无论在PC端还是移动端都获得了不错的展示效果。

  林肯大学(PC)

林肯大学的学校网站建设

  林肯大学(Mobile)

林肯大学响应式设计官网

  林肯大学是南半球最著名的农业大学,其学校网站建设的主色调为黑色,搭配上各种蓝绿色系的主导航,在色彩运用上很符合农业概念。在响应式设计中,移动端同样采用了缩小 Banner 图,放大文字内容的方式,有利于客户迅速捕捉到有用的信息。

  好了,以上就是北京网站建设公司千助科技为大家总结的新西兰八大名校的响应式网站设计风格,作为一家高端网站建设公司,千助也致力于为中国高校的学校网站建设贡献一份自己的力量,与互联网同仁们一起,让中国高校的网站具有世界级的设计水准。

文章关键词
学校网站建设
响应式设计