成大研究發展基金會-定位技術發展實驗室-蘋果網頁設計|台南網頁設計、seo優化公司-服務超過2500家客戶經驗

網頁設計-蘋果網頁設計公司
企業形象 RWD 網頁設計 UI/UX 設計
成大研究發展基金會-定位技術發展實驗室
首頁 Banner 具明確標題與介紹文字,沒有強烈動畫,主要以內容為主體。網站具備基本響應式調整,能在不同尺寸裝置上保留資訊排版可讀性。URL 結構與標題分類對搜尋引擎友好,有助於 SEO 索引研究成果與學術頁面。
 
專案概述
設計風格與整體氛圍:網站整體風格偏學術與研究導向,呈現清晰的組織架構與內容層級,氛圍嚴謹且功能性優先。首頁以實驗室名稱標誌與簡短敘述作為核心視覺,強調研究內容與團隊成果,沒有過多裝飾性元素。整體感受傳達專業研發定位,適合學術或業界訪客快速理解研究重點與資料分類。 網站架設 UI/UX:導覽結構清晰,主選單包含最新消息、教授介紹、研究領域、研究團隊、著作發表等分類,便於訪客定位目標資訊。UI 設計簡潔,內容頁層級分明,標題與列表區隔清楚,對學術內容或研究成果查閱流程友善。整體 UX 偏實用與資訊導向。
  • Client 成大研究發展基金會-定位技術發展實驗室
  • Services 網站企劃, UI/UX 設計, 前端開發
  • Timeline 2025 Q2
前往真實網站觀看
色彩計畫
配色以白色背景搭配深色文字與灰階按鈕等中性色為主,重視可讀性與清楚資訊層次,避免強烈品牌色干擾。整體偏向低調,聚焦文字與學術資料。
#2e3192
#6B7280
#F3F4F6
字體設定
Noto Sans TC
Regular / 內文 嚴謹專業 學術導向
Medium / 小標題 嚴謹專業 學術導向
Bold / 大標題 嚴謹專業 學術導向
介面展示
細緻的視覺層次與響應式佈局
 
 
 
桌面版展示
 
手機版選單
 
手機版內頁
背景裝飾