艾羽設計

Developmental Epidemiology

中山醫學大學-發展流行病學研究室

中山醫學大學發展流行病學研究室-網站首頁

中山醫學大學發展流行病學研究室-網站主頁畫面

中山醫學大學發展流行病學研究室-手機版首頁情境模擬

中山醫學大學發展流行病學研究室-手機版主頁情境模擬

中山醫學大學發展流行病學研究室-語系

中山醫學大學發展流行病學研究室-首頁設計

中山醫學大學發展流行病學研究室-聯絡資訊

中山醫學大學發展流行病學研究室-主頁畫面

中山醫學大學發展流行病學研究室-內容介紹

中山醫學大學發展流行病學研究室-英文版本

中山醫學大學發展流行病學研究室-英文內容

中山醫學大學發展流行病學研究室-手機網頁版本(RWD)

中山醫學大學發展流行病學研究室-手機網頁版本聯絡資訊

中山醫學大學發展流行病學研究室-手機主頁畫面

中山醫學大學發展流行病學研究室-手機英文版主頁畫面

IDEA

設計理念

長期以來學術或公家單位,給人總是一成不變的刻板印象,跟設計感更是八竿子打不著邊,這次由台中中山醫學大學的楊浩然博士委託推薦,將他所帶領的發展流行病學研究室的官方網站,希望用更貼近人們的方式來詮釋,讓冰冷的白色巨塔轉為給人們一種輕鬆及快樂的意念,透過網站表達出研究室用積極正面的態度,帶給社會更多的正能量,為人類做出更多的貢獻,艾羽設計很榮幸能參與這次網頁設計的建置企劃。

 

設計延續原網站的製作概念,以藍天、白雲、歡樂作為元素,滿版式的優化設計無論透過手機或PC,在視覺傳達上都能一致性,俐落簡潔的研究室文字排列,賦予的是研究室給人的專業感,icon式的設計讓國外的訪客也能輕鬆操作網站,進入主畫面時,左區為主要項目,點選後右側顯示子項內容,內容採用頁籤呈現方式,動線上流暢不拖泥帶水,避免過多的視覺干擾,白色區塊搭配滿版式的背景讓視覺畫面達到和諧,學術教育單位或許不如一般網站亮眼,但好逛好找卻是設計此類網站的不二法門,學術網站可以用另一種角度,賦予網站溫度及易用性,艾羽設計第一次設計學術教育網站,希望能讓這樣的改變給予台灣學術教育界不同的思維及選擇。

客 戶: 中山醫學大學-楊浩然博士研究室團隊

日 期: 2016/05/24

色 系: 藍色 / 白色

支 援: PC / Mobile

技 術: HTML5 / CSS3 / JQUERY / PHP / RWD

Hashtag: #教育網站 #學術網站 #網頁設計 #RWD網頁設計 #學校網站

http://www.hjyang.idv.tw/