嚴謹而不失活力的學術網站設計

視覺設計上,所長希望在保有學術機構嚴謹特性的同時,注入具有活力的設計,好與過往較為簡潔肅穆的版面有所區別。因此,我們取「醣科學」作為主視覺元素,以清新淡雅的色調映襯繽紛的3D結構圖,並增加平板與手機版等響應式設計,使瀏覽者能更方便地閱讀網站。

使用Font Awesome 5 & Academicons圖示連結學術著作

由於生物化學研究所人才濟濟,編制人員與設施子選單項目繁多,我們採用了多層選單排列,使用Advanced Custom Fields搭配自行撰寫的shortcode與頁面模版,讓生化所管理人員能方便地更新內容、人員、文獻資料等。

同時,整理、呈現各學者豐碩的學術著作並非易事,借助學術資料庫工具勢成必然。以邱繼輝特聘研究員的頁面舉例:ORC id, Google Scholar, Researcher ID-Publons,為集中資訊,我們使用Academicons協助生化所串聯,同時使用Font Awesome 5圖示與tooltip的方式呈現學者們的電話與e-mail,讓頁面圖示整齊清楚。

研究領域形象海報

這次承接除網站設計外,我們也設計了生化所主要研究領域的形象海報,使用自行繪製的蛋白質與醣類交互作用的3D結構圖與四個醣科學研究領域的要點或意象為主視覺重點,再以一致的方框設計收攏四張各有千秋的研究領域介紹。

  • Glyco science
  • Mechanism based Drug Discovery
  • Membrane Dynamics
  • Post Translational Modifications