暨南大學
@赫赫是不著調小姐 :截圖為招生界面,現已更改。
中國人民大學
截圖為招生界面,現已更改。
一開始覺得好不好看這種問題在設計領域主觀因素太多,更何況還摻雜了各位校友的感情因素,不如放個妹子上去,是吧?
隨後人民大學官網短時間內流量急速上升,服務器不堪重負直接癱瘓。
其實國內知名大學的主頁都還不錯,而且很多風格類似。但是畢竟不是商業網站,就算技術達得到也不能太過炫酷,作為學校門戶,讓信息一目了然是主要目標。而且要考慮兼容性。此外,大學網站這種東西,要把很多因素考慮在內:
有時候學校網站的設計並不符合原來設計者的意思,而是符合學校領導的意思。即使你用了很好看的設計,但是,如果領導不喜歡一切都是白搭。
設計不僅僅是設計,比如,原來首頁上已經存在的一些導航有XX學院的鏈接,但是在新的設計中如果因為美觀,放到了別的地方,到時候就會有學院的老師給你或者負責網站管理的老師電話“憑什麼我們學院的鏈接在首頁導航裡去掉了。”
學校領導的意思是,只要是能放的都要放到首頁上去;
總之,學校領導的審美決定網站的設計。
當然還有一個重要的原因是學校為了節約成本,能為學校網站付出的資金非常“有限”,所以更多的會交給一些不是非常靠譜但是能給出便宜價格的人做;
領導審美、學校預算、banner選擇神馬的,說起來都是淚啊!
有時候,還不得不加入這種明顯不與整個頁面處在一個次元的物種——
清華大學
北京航空航天大學
華東師范大學
@Papilio_xuthus :既然是“好看”,就暫時不考慮網站的易用性了。以下全部為美國大學。先從比較普通的看起。
Claremont McKenna College
簡潔整齊。
右上的每個tab打開有不一樣的主色。
Vassar College
大圖抓人眼球。
看到這裡基本已經可以秒殺國內很多學校主頁了。但是這些跟下面幾個相比還是差了個級別。
University of California
點左邊的Admissions。
啧啧,嚇一跳。老奶奶拿個腦子看著你。
某一頁校園介紹。
整體設計非常清爽有活力,風格統一。不過各分校的網站就差得很多了,為了不倒大家胃口就不放了。
Stanford University
整體感覺比較穩重,仍然是風格統一。
以上算是美國大學中做得很好的了。屬於這一級別的還有很多,如Harvard University、Williams College和California Institute of Technology等。
下面是幾個非常漂亮的網站:
Cornell University
注意第二張,沒圖的三個卡片不是沒載出來,而是設計成了色塊;襯線體和非襯線體同時出現也是有意而為。
整體非常大氣。
Duke University
看過兩個紅色系為主題色調的網站,看一看Duke的網站確實很提神。某些元素偏擬物,比如上圖中的絲帶。
最後看一個(我認為)最好看的網站。
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.
一句話概括:用來籌錢的。
一個籌錢的網站做成這樣,真的是讓人心甘情願的撒鈔票啊。
王吉恩:推薦一下大陸高校以外一些牛校以及小眾學校的網站設計,都是冒著熱氣的現截的。盡量截取整體頁面以使效果完整。有些真的好看哭了。總的來說感覺顏色搭配、頁面布局和圖片的選取是影響美觀程度的重要因素。
Harvard