“ 輕輕地我走了，正如我輕輕地來，我會用一生來想念您，母校，我何時才能再來 ...... ”

　　當我們踏上社會的時候，母校總是如此相似地成為很多人的牽絆，也許是因為那里寄托著青春、夢想、感恩和回憶。不過今天千助君并不是給大家來煽情的，而是想帶大家一起來看看那些高端的學校網站建設。

　　作為一個老牌的上地網站建設公司，千助也經常能在互聯網上發現一些國內外的學校網站建設案例，特別是那些使用了最新的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 圖，放大文字內容的方式，有利于客戶迅速捕捉到有用的信息。

　　好了，以上就是北京網站建設公司千助科技為大家總結的新西蘭八大名校的響應式網站設計風格，作為一家高端網站建設公司，千助也致力于為中國高校的學校網站建設貢獻一份自己的力量，與互聯網同仁們一起，讓中國高校的網站具有世界級的設計水準。