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

　　當(dāng)我們踏上社會(huì)的時(shí)候，母?？偸侨绱讼嗨频爻蔀楹芏嗳说臓拷O，也許是因?yàn)槟抢锛耐兄啻?、?mèng)想、感恩和回憶。不過今天千助君并不是給大家來煽情的，而是想帶大家一起來看看那些高端的學(xué)校網(wǎng)站建設(shè)。

　　作為一個(gè)老牌的上地網(wǎng)站建設(shè)公司，千助也經(jīng)常能在互聯(lián)網(wǎng)上發(fā)現(xiàn)一些國(guó)內(nèi)外的學(xué)校網(wǎng)站建設(shè)案例，特別是那些使用了最新的H5響應(yīng)式設(shè)計(jì)的高端網(wǎng)站建設(shè)案例。

　　遺憾的是眾多的國(guó)內(nèi)高校中，并沒有太多的學(xué)校網(wǎng)站采用前沿的響應(yīng)式設(shè)計(jì)，反而是國(guó)土面積不大的新西蘭，其八大名校的網(wǎng)站全都使用了響應(yīng)式網(wǎng)站設(shè)計(jì)，我們一起來欣賞一下。

　　奧克蘭大學(xué)（PC）

　　奧克蘭大學(xué)（Mobile）

　　奧克蘭大學(xué)是新西蘭大學(xué)中國(guó)際排名最靠前的大學(xué)，他們的官方網(wǎng)站采用了藍(lán)色系的主色調(diào)，顯得成熟穩(wěn)重。在響應(yīng)式布局上，移動(dòng)端將PC主導(dǎo)航縮至左上角，點(diǎn)擊可展開，并將 Banner 圖放小，文字區(qū)域放大，讓用戶在手機(jī)瀏覽時(shí)，可以將關(guān)注點(diǎn)放在重要信息上。

　　奧塔哥大學(xué)（PC）

　　奧塔哥大學(xué)（Mobile）

　　奧塔哥大學(xué)是新西蘭的第一所大學(xué)，歷史最為悠久。其學(xué)校網(wǎng)站建設(shè)中將一部動(dòng)態(tài)視頻放在了PC端的設(shè)計(jì)布局里，而在移動(dòng)端的響應(yīng)式布局里又替換成了一幅圖片，這顯然是一種非常明智的做法，不僅解決了手機(jī)瀏覽的打開速度問題，還可以保障訪客在沒有 wifi 環(huán)境時(shí)不至于為打開視頻而消耗太大的流量。

　　坎特伯雷大學(xué)（PC）

　　坎特伯雷大學(xué)（Mobile）

　　坎特伯雷大學(xué)擁有新西蘭最早和最好的工程學(xué)院，使用亮眼的紅色進(jìn)行官網(wǎng)設(shè)計(jì)是他們的一大特點(diǎn)，首頁頂部 Banner 的輪播展示，無論在PC還是移動(dòng)端，都很好的通過響應(yīng)式設(shè)計(jì)為訪客呈現(xiàn)出了最為合適的界面。

　　惠靈頓維多利亞大學(xué)（PC）

　　惠靈頓維多利亞大學(xué)（Mobile）

　　惠靈頓維多利亞大學(xué)的建筑與設(shè)計(jì)學(xué)院的設(shè)備力量是新西蘭最雄厚的。他們的學(xué)校網(wǎng)站建設(shè)采用綠黑主色調(diào)搭配，在響應(yīng)式設(shè)計(jì)中，他們將PC端頂部大圖的左一右二的排列版式，變換為移動(dòng)端的從上至下的排列版式，圖文對(duì)應(yīng)，清晰明了。

　　梅西大學(xué)（PC）

　　梅西大學(xué)（Mobile）

　　梅西大學(xué)擁有新西蘭最大的商學(xué)院，誕生了很多杰出的政治家、藝術(shù)家、體育家和企業(yè)家。其學(xué)校網(wǎng)站建設(shè)的主色調(diào)為深藍(lán)色，同樣采用了響應(yīng)式網(wǎng)站設(shè)計(jì)，并在移動(dòng)端突出顯示了他們的 Logo 。

　　懷卡托大學(xué)（PC）

　　懷卡托大學(xué)（Mobile）

　　懷卡托大學(xué)被譽(yù)為南半球的哈佛，其官網(wǎng)主色調(diào)采用的是紅黑搭配，氣場(chǎng)非凡。PC端的頂部 Banner 圖采用相對(duì)屏幕固定的設(shè)計(jì)手法，當(dāng)滾動(dòng)條向下滾動(dòng)時(shí)，可以看到該圖的全貌。而在移動(dòng)端，為了節(jié)省布局空間，對(duì)這幅圖進(jìn)行了隱藏處理。

　　奧克蘭理工大學(xué)（PC）

　　奧克蘭理工大學(xué)（Mobile）

　　奧克蘭理工大學(xué)也擁有著較強(qiáng)的教學(xué)實(shí)力，專業(yè)眾多，其中商科、藝術(shù)、保健、科技等都是該校比較強(qiáng)勢(shì)的專業(yè)。他們的學(xué)校網(wǎng)站建設(shè)風(fēng)格非常前衛(wèi)，不拘小節(jié)地運(yùn)用了眾多色彩，無論在PC端還是移動(dòng)端都獲得了不錯(cuò)的展示效果。

　　林肯大學(xué)（PC）

　　林肯大學(xué)（Mobile）

　　林肯大學(xué)是南半球最著名的農(nóng)業(yè)大學(xué)，其學(xué)校網(wǎng)站建設(shè)的主色調(diào)為黑色，搭配上各種藍(lán)綠色系的主導(dǎo)航，在色彩運(yùn)用上很符合農(nóng)業(yè)概念。在響應(yīng)式設(shè)計(jì)中，移動(dòng)端同樣采用了縮小 Banner 圖，放大文字內(nèi)容的方式，有利于客戶迅速捕捉到有用的信息。

　　好了，以上就是北京網(wǎng)站建設(shè)公司千助科技為大家總結(jié)的新西蘭八大名校的響應(yīng)式網(wǎng)站設(shè)計(jì)風(fēng)格，作為一家高端網(wǎng)站建設(shè)公司，千助也致力于為中國(guó)高校的學(xué)校網(wǎng)站建設(shè)貢獻(xiàn)一份自己的力量，與互聯(lián)網(wǎng)同仁們一起，讓中國(guó)高校的網(wǎng)站具有世界級(jí)的設(shè)計(jì)水準(zhǔn)。