哪個學校的網站首頁最好看？

11-25

都閃開，怒答一記。 (╯‵□′)╯︵┻━┻
最高票答案里有人大官網曬女神的，
哼！這就是你們人大的特色嗎？
你們人大妹子都這麼好看嗎？

我們可不一樣，我們向來求實求真，
我們給眾人呈現最具校園特色的一面，
我們用真實而普通的日常情景裝點官網！
我們的官網才是最接地氣的！

來，哥哥別理她，我們繼續談笑風生。 ( ???) (︶.?︶?)

怎麼能忘了我暨南大學招生時候的主頁
簡單！粗暴！重點突出！
———————————
謝各位抬愛啦～
被眾多校友活捉真是有點不好意思……
回答這個問題的初衷就是想跟大家分享一下學校偶爾不著調的時候真的挺可愛的
主頁上說的都是真的哦真的不軍訓的
歡迎各位學文科的小盆友報考暨大但是理工科要慎重

來各位兄貴我們一起念一遍校訓好了

忠信篤敬

這種氣勢我是沒看到別的學校有

這麼多人都沒人說北郵......把北郵置於何地XD
這裡是鏈接：北京郵電大學，滑鼠懸停在上面那幾個按鈕上，還有右側「EN」按鈕上，動態效果很舒服，我認為這也算是好看的一方面；簡潔的網格設計也很迷人。

時光廣場

西門夜景

扁平化啊！換首頁的時候我就激動了！（忽略左下角的360......渣渣不會用別的T^T）北郵官網背景圖更新啦~~
古樸的圖書館雪景

二維碼建築

Carnegie Mellon University，美國計算機巨頭院校，最近換了主頁呢~

謝謝各位捧場點贊，說明一下，以下說的是上外global的主頁，網址：http://global.shisu.edu.cn

2016.9.4更新：上外中文新版網站於今日正式上線，採用了和上外global同樣的扁平化設計和響應式布局，附首頁全圖一張

（空白欄處為上外宣傳視頻，網頁保存時無法保存為圖片）

以下為原答案

——————————————————————————————

果斷是上外global啊！！！先上多語種選擇界面。

以上外藍為背景，一共有22種語言的首頁可以選擇（純粹語言上的碾壓，每種語言的首頁上都有大量的內容哦~）

上英文首頁

扁平化設計，分欄清晰，一目了然有木有。

再上俄語，內容大同小異，但是是用不同語言寫的哦，不是機器翻的高大上有木有！

5.18補充：上外所有語種的主頁均由上外師生翻譯寫作，定期更新。由於每頁內容過多截圖過長，僅英文主頁截取全頁面，俄語及泰語僅截取部分。

再上一個我都不知道是什麼語言的首頁，截的時候為了下面新聞圖片完整顯示沒把上面截進來。

5.14補充：上圖頁面是泰語首頁，謝謝各位提醒～

上面兩張是滾動下來首頁的兩個分欄，界面美觀，內容清晰，輔以上外藍輔色為背景，特別有學校特色。

（暴露使用QQ瀏覽器了=。=）

上外global採用響應式布局，適應多終端及多解析度的需求，以上為在電腦上的顯示效果，以下幾張將顯示手機端的顯示效果

（不知為何有個分欄顯示不出來，此處應 @Marc大龍龍他是日語站的協助管理者）

點開英文站Admission模塊，極具設計感，排版讓人感覺很舒服

相比之下上外的中文官網反倒顯得中規中矩了

（無下拉欄樣式）

（有下拉欄樣式）

這個架構是老的首頁架構，用著也挺實用的，只不過美觀上比不上其他語言的首頁。

5.18補充：據上外官方微博消息，上外中文首頁目前也正在著手更新，即將與其他語種頁面統一風格。

最後偏一下題，放一下「我的上外」的圖，這是在校師生員工才可以登的系統。

也是極具上外特色，上方banner背景是多語言的「歡迎」，整體是上外藍的顏色。

登進去以後各種服務都有，引導很明確，功能很實用，也是各種好看有木有。

以上

【多圖預警！！！！！】

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

隨後人民大學官網短時間內流量急速上升，伺服器不堪重負直接癱瘓。

其實國內知名大學的主頁都還不錯，而且很多風格類似。但是畢竟不是商業網站，就算技術達得到也不能太過炫酷，作為學校門戶，讓信息一目了然是主要目標。而且要考慮兼容性。此外，大學網站這種東西，要把很多因素考慮在內。引用知乎上一個類似問題里知友 @LOO2K 的回答：

有時候學校網站的設計並不符合原來設計者的意思，而是符合學校領導的意思。即使你用了很好看的設計，但是，如果領導不喜歡一切都是白搭。

設計不僅僅是設計，比如，原來首頁上已經存在的一些導航有XX學院的鏈接，但是在新的設計中如果因為美觀，放到了別的地方，到時候就會有學院的老師給你或者負責網站管理的老師電話「憑什麼我們學院的鏈接在首頁導航里去掉了。。。」

學校領導的意思是，只要是能放的都要放到首頁上去；

總之，學校領導的審美決定網站的設計。。。

當然還有一個重要的原因是學校為了節約成本，能為學校網站付出的資金非常「有限」，所以更多的會交給一些不是非常靠譜但是能給出便宜價格的人做；

領導審美、學校預算、banner選擇神馬的，說起來都是淚啊！
有時候，還不得不加入這種明顯不與整個頁面處在一個次元的物種——

還有一位微信前端大大總結的中國十佳大學網站設計。有些年頭了，但是可供參考。其中有些大學的頁面現在已經改版了，有些還保持原狀：中國十佳大學網站設計
既然這個問題么有限定國內大學（國內大學大家隨手一搜就都看得到大學網站首頁_百度搜索），那最後想推薦一下大陸高校以外一些牛校以及小眾學校的網站設計，都是冒著熱氣的現截的。盡量截取整體頁面以使效果完整。有些真的好看哭了。總的來說感覺顏色搭配、頁面布局和圖片的選取是影響美觀程度的重要因素。
【再次多圖預警！！！！！】
港大：

Harvard:

劍橋：

伯克利音樂學院：

倫敦大學聖喬治學院：

威廉姆斯：

康奈爾：

伯明翰城市大學：

美國伊薩卡學院：

美國羅德島設計學院：

京都大學：

九洲大學：

延世大學：

高麗大學：

巴黎美術學院

馬里蘭：

內布拉斯加衛斯理大學

瑞金：

迪金森學院

庫茲敦大學：

這是其中一個頁面覺得很好看就也截下來了

Trinity College（這個是墨爾本大學下屬的預科學院，感謝知友 @Ton Lo 的指正）

都柏林聖三一學院（Trinity College Dublin）

Universiteit van Nederland

美國百歐拉大學：

pacific union college:

威廉瑪麗學院

德雷塞爾大學

PENN:

--------------------------------------------------------------------------
以上。暫時這麼多，有空了再補充。我不是專業設計師，說不出什麼條條道道的，只想把收集的一些賞心悅目的東西拿來給大家分享~

最近比較閑，更新一下答案。

8.29.2015

PS. 認為芝加哥大學主頁最好看真不是因為我是19屆新生……我寫完這篇答案很久以後才出的結果，巧合咯。

－－－

既然是「好看」，就暫時不考慮網站的易用性了。以下全部為美國大學（利益相關：出國黨）。想到哪寫到哪。

先從比較普通的看起。

Claremont McKenna College (Claremont McKenna College)

簡潔整齊。
右上的每個tab打開有不一樣的主色。

其實這個網站視覺上來說算是不錯的了，但我感覺易用性沒那麼好，我自己在上面找信息就覺得很費勁……雖說暫時不考慮易用性，但這也不全是一個看臉的世界嘛（誤

Vassar College (Vassar College)

大圖抓人眼球。

看到這裡基本已經可以秒殺國內很多學校主頁了。但是這些跟下面幾個相比還是差了個級別。

University of California (University of California)

網速慢，先載出了一張背景（……）

內容載入出來了。
點左邊的Admissions。

嘖嘖，嚇一跳。老奶奶拿個腦子看著你。

某一頁校園介紹。

整體設計非常清爽有活力，風格統一。不過各分校的網站就差得很多了，為了不倒大家胃口就不放了。

寫完這個答案之後發現UC Berkeley的網站改版之後還挺好看的，就把它放上來了。

University of California, Berkeley (http://www.berkeley.edu/)

比UC總網站更加穩重一些，排版做的也很精緻；個人非常喜歡出現在頁面多個未知的多邊形花紋。

Stanford University (Stanford University)

整體感覺比較穩重，仍然是風格統一。

（對我就是故意把這倆放一起的）

University of Pennsylvania (University of Pennsylvania)

不是我黑，這個網站改版之前真的丑得一比……但改完之後確實很好看。至少這個配色比原來好太多了——Penn原來的配色是藍＋紅，再加上可怕的排版放在一起簡直亮瞎眼。這個版本紅色作為點綴色效果很好（圖中未顯示）。另外交互做的也很不錯。

Dartmouth College (Dartmouth College)

亮點在於主色（綠色）的應用，但中間那三個卡片沒對齊很不能忍。

University of Illinois, Urbana-Champaign (University of Illinois Urbana-Champaign)

這個網站的亮點也是主色的應用——橙色主色做的這麼好的學校網站確實不多。

以上算是美國大學中做得很好的了。屬於這一級別的還有很多，請參見其他知友的回答。

下面放（我認為）很有亮點的幾個網站。

Cornell University (Cornell University)

注意第二張，沒圖的三個卡片不是沒載出來，而是設計成了色塊；襯線體和非襯線體同時出現也是有意而為。

整體非常大氣。

Duke University (Duke University)

除了主色藍色，某些tab裡面還用到了綠色和黃色，讓網站顯得很年輕（未截圖）；某些元素偏擬物，比如上圖中的絲帶。

Johns Hopkins University (Johns Hopkins University)

這個網站也是在我寫完答案之後改版了。亮點在於動畫，我截圖無力，有興趣的可以自己點進鏈接感受一下。

最後看一個（我認為）最好看的網站。

University of Chicago (The University of Chicago)

等等，最上面那個看起來格格不入的banner是什麼？
點開

我的第一反應是：卧槽！這是什麼！
往下看

卡片化呈現大量信息。
隨便點開一個。

效果非常驚艷。
底欄設計和主頁統一。

這個網站到底是用來幹什麼的？

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. (About the campaign)

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

一個籌錢的網站做成這樣，真的是讓人心甘情願的撒鈔票啊。

圖片來自各學校網站。

－－－

試著做一點總結，好看的學校網站一般都具有以下幾個特點（不分先後）：
1. 視覺元素的合理應用（色塊/圖片）
2. 配色和諧並有辨識度
3. 字體統一，使用多種字體時配合較好
4. 排版簡潔大氣，有足夠的留白
5. 細節精緻（小圖標，按鈕等）
6. 交互動畫可以加分
7. 能夠讓瀏覽者產生「哇這個學校看上去好厲害我想申請」的感覺（畢竟學校網站的瀏覽者大部分是學生/學生家長）
8. 能夠呈現大量信息（雖然這個跟好看不一定相關，但如何在好看的前提下做到有效呈現信息對於學校網站非常重要）

－－－

彩蛋：很多學校網站都很表裡不一，首頁看著特別好，裡面一些鏈接就是上世紀90年代風格……代表是學校給申請者的Applicant Portal。舉個例子：

（高能預警）

以上。

華東師範大學 ECNU http://www.ecnu.edu.cn/

不是學校的，是學院，才把首頁做出來，具體什麼時候上線，看領導

新手，為了練手，所以沒有使用任何前端庫或框架，原生實現

直接打開鏈接觀感會好些

先傳自己伺服器上了，戳這：http://www.autedesign/csts/
沒寫移動端的適配，建議用電腦打開

興沖沖地打開學校網站準備截圖，然後又默默關上了:D

中國科學技術大學
完美兼容Win98

╮(╯▽╰)╭

我唯一可以登錄的那個

沒想到收到這麼多贊，有些惶恐。不過作為陶院學生有件開心的事情與大家分享，就是景德鎮陶瓷學院升大成功了~現如今是景德鎮陶瓷大學。依舊是唯一。
——————————————分割線————————————————
看完現在排名第一的答案，深深為程序猿們擔憂~(╯▽╰)~.........
景德鎮陶瓷學院.中國唯一個陶瓷大學。景德鎮陶瓷學院歡迎您！

怒答，好熱血~

I work in IT and know that is important to have a slick looking website to keep the users attracted and make them return. I think the harvard university website does its job very well...