SELECTED PROJECT
國立成功大學漢學研究發展中心


桌機版以清楚的學術資訊層級呈現中心定位與研究內容;手機版重新整理導覽、段落與閱讀比例,使研究資訊、中心介紹與聯絡內容在不同裝置上都能維持良好的瀏覽效率。
ACADEMIC WEB DESIGN CONTENT ARCHITECTURE RESPONSIVE DESIGN
02
PROJECT BRIEF
讓漢學研究內容,以更清晰且具現代性的方式被看見
學術研究單位網站不只需要完整呈現研究資訊,更需要兼顧內容的權威性、可讀性與長期維護,讓不同背景的使用者都能迅速理解中心定位。
本案以國立成功大學漢學研究發展中心的學術角色為核心,重新整理中心介紹、研究方向與相關資訊,建立清楚一致的內容層級,降低大量文字資訊所帶來的閱讀負擔。
整體視覺保留教育研究單位應有的穩重與文化氣質,同時運用現代化版面、留白與響應式閱讀設計,使傳統漢學研究在數位介面中呈現更清晰、開放且具延伸性的形象。
03
CREATIVE DIRECTION
以三個設計原則,平衡學術權威與數位閱讀體驗
建立清楚的學術資訊層級
透過標題、段落、導覽與內容區塊重新整理研究資訊,讓使用者能快速辨識中心定位與重要內容,避免學術網站常見的資訊過度堆疊。
保留人文研究的文化質感
在現代網頁架構中保留適度留白、沉穩字體比例與文化氛圍,讓網站兼具研究機構的正式感與漢學領域特有的人文氣質。
讓跨裝置閱讀保持一致
針對桌機與手機重新配置內容比例與導覽方式,使長篇研究資訊在不同螢幕尺寸上仍維持清楚節奏與良好閱讀性。
04
VISUAL LANGUAGE
以沉穩學術色調,呈現漢學研究的文化深度
視覺方向以大學研究單位應有的穩重感為基礎,搭配具人文氣息的低彩度色系與清晰文字層級,讓研究內容成為畫面核心;透過留白與現代版面比例,平衡漢學文化的厚度與數位閱讀所需的清爽感。
PRIMARY #7F302D Academic Heritage
ACCENT #3F3A36 Scholarly Structure
BALANCE #F2EEE7 Cultural Reading Space
05
DIGITAL EXPERIENCE
讓研究資訊在不同裝置上,都能被清楚閱讀與理解
01 學術資訊清楚分層
02 跨裝置閱讀優化
03 中心資訊快速查找
04 研究內容易於延伸
FROM KNOWLEDGE TO CONNECTION