大學(xué)顏值排行榜！有哪些特別好看的大學(xué)網(wǎng)站首頁？

編者按：多年以后，面對(duì)兒子的高考志愿單，同學(xué)們將會(huì)想起，抱著手機(jī)刷到優(yōu)設(shè)微博的那個(gè)遙遠(yuǎn)的上午。來看你的大學(xué)上榜了木有 >>>

暨南大學(xué)

@赫赫是不著調(diào)小姐 ：截圖為招生界面，現(xiàn)已更改。

中國人民大學(xué)

截圖為招生界面，現(xiàn)已更改。

一開始覺得好不好看這種問題在設(shè)計(jì)領(lǐng)域主觀因素太多，更何況還摻雜了各位校友的感情因素，不如放個(gè)妹子上去，是吧？

• 隨后人民大學(xué)官網(wǎng)短時(shí)間內(nèi)流量急速上升，服務(wù)器不堪重負(fù)直接癱瘓。

其實(shí)國內(nèi)知名大學(xué)的主頁都還不錯(cuò)，而且很多風(fēng)格類似。但是畢竟不是商業(yè)網(wǎng)站，就算技術(shù)達(dá)得到也不能太過炫酷，作為學(xué)校門戶，讓信息一目了然是主要目標(biāo)。而且要考慮兼容性。此外，大學(xué)網(wǎng)站這種東西，要把很多因素考慮在內(nèi)：

1. 有時(shí)候?qū)W校網(wǎng)站的設(shè)計(jì)并不符合原來設(shè)計(jì)者的意思，而是符合學(xué)校領(lǐng)導(dǎo)的意思。即使你用了很好看的設(shè)計(jì)，但是，如果領(lǐng)導(dǎo)不喜歡一切都是白搭。
2. 設(shè)計(jì)不僅僅是設(shè)計(jì)，比如，原來首頁上已經(jīng)存在的一些導(dǎo)航有XX學(xué)院的鏈接，但是在新的設(shè)計(jì)中如果因?yàn)槊烙^，放到了別的地方，到時(shí)候就會(huì)有學(xué)院的老師給你或者負(fù)責(zé)網(wǎng)站管理的老師電話“憑什么我們學(xué)院的鏈接在首頁導(dǎo)航里去掉了。”
3. 學(xué)校領(lǐng)導(dǎo)的意思是，只要是能放的都要放到首頁上去；
4. 總之，學(xué)校領(lǐng)導(dǎo)的審美決定網(wǎng)站的設(shè)計(jì)。
5. 當(dāng)然還有一個(gè)重要的原因是學(xué)校為了節(jié)約成本，能為學(xué)校網(wǎng)站付出的資金非常“有限”，所以更多的會(huì)交給一些不是非常靠譜但是能給出便宜價(jià)格的人做；

領(lǐng)導(dǎo)審美、學(xué)校預(yù)算、banner選擇神馬的，說起來都是淚啊！

有時(shí)候，還不得不加入這種明顯不與整個(gè)頁面處在一個(gè)次元的物種——

清華大學(xué)

北京航空航天大學(xué)

華東師范大學(xué)

@Papilio_xuthus ：既然是“好看”，就暫時(shí)不考慮網(wǎng)站的易用性了。以下全部為美國大學(xué)。先從比較普通的看起。

Claremont McKenna College

簡潔整齊。

右上的每個(gè)tab打開有不一樣的主色。

Vassar College

大圖抓人眼球。

看到這里基本已經(jīng)可以秒殺國內(nèi)很多學(xué)校主頁了。但是這些跟下面幾個(gè)相比還是差了個(gè)級(jí)別。

University of California

點(diǎn)左邊的Admissions。

嘖嘖，嚇一跳。老奶奶拿個(gè)腦子看著你。

某一頁校園介紹。

整體設(shè)計(jì)非常清爽有活力，風(fēng)格統(tǒng)一。不過各分校的網(wǎng)站就差得很多了，為了不倒大家胃口就不放了。

Stanford University

整體感覺比較穩(wěn)重，仍然是風(fēng)格統(tǒng)一。

以上算是美國大學(xué)中做得很好的了。屬于這一級(jí)別的還有很多，如Harvard University、Williams College和California Institute of Technology等。

下面是幾個(gè)非常漂亮的網(wǎng)站：

Cornell University

注意第二張，沒圖的三個(gè)卡片不是沒載出來，而是設(shè)計(jì)成了色塊；襯線體和非襯線體同時(shí)出現(xiàn)也是有意而為。

整體非常大氣。

Duke University

看過兩個(gè)紅色系為主題色調(diào)的網(wǎng)站，看一看Duke的網(wǎng)站確實(shí)很提神。某些元素偏擬物，比如上圖中的絲帶。

最后看一個(gè)（我認(rèn)為）最好看的網(wǎng)站。

The University of Chicago

等等，最上面那個(gè)看起來格格不入的banner是什么？

點(diǎn)開。

我的第一反應(yīng)是：臥槽！這是什么！

往下看

卡片化呈現(xiàn)大量信息。

隨便點(diǎn)開一個(gè)。

效果非常驚艷。

底欄設(shè)計(jì)和主頁統(tǒng)一。

這個(gè)網(wǎng)站到底是用來干什么的？

The University of Chicago Campaign: Inquiry and Impact, the most ambitious and comprehensive campaign in the University’s history, will raise $4.5 billion to support faculty and researchers, practitioners and patients, and students and programs across the University.

一句話概括：用來籌錢的。

一個(gè)籌錢的網(wǎng)站做成這樣，真的是讓人心甘情愿的撒鈔票啊。

王吉恩：推薦一下大陸高校以外一些牛校以及小眾學(xué)校的網(wǎng)站設(shè)計(jì)，都是冒著熱氣的現(xiàn)截的。盡量截取整體頁面以使效果完整。有些真的好看哭了。總的來說感覺顏色搭配、頁面布局和圖片的選取是影響美觀程度的重要因素。

Harvard（哈佛大學(xué)）

劍橋

伯克利音樂學(xué)院

倫敦大學(xué)圣喬治學(xué)院

威廉姆斯

康奈爾大學(xué)

伯明翰城市大學(xué)

美國羅德島設(shè)計(jì)學(xué)院

京都大學(xué)

九州大學(xué)

高麗大學(xué)

巴黎美術(shù)學(xué)院

馬里蘭大學(xué)

內(nèi)布拉斯加衛(wèi)斯理大學(xué)

迪金森學(xué)院

Trinity College

（這個(gè)是墨爾本大學(xué)下屬的預(yù)科學(xué)院）

都柏林圣三一學(xué)院

美國百歐拉大學(xué)

威廉瑪麗學(xué)院

德雷塞爾大學(xué)

PENN

【2015年人氣酷站合集推薦】

設(shè)計(jì)師CEO半夜3點(diǎn)一字一句敲下來的靈感網(wǎng)站！
《設(shè)計(jì)師必備！10個(gè)包羅萬象的靈感發(fā)掘網(wǎng)站》

媽媽問我為什么跪著看電腦系列！
《徹底給跪了！2014年絕對(duì)值得體驗(yàn)的最佳炫酷網(wǎng)站》

無版權(quán)限制的高清大圖集聚地！
《新年圖庫第一波！20個(gè)無版權(quán)高清無碼圖庫站》

整理自知乎，已經(jīng)過授權(quán)。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量92萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：