黃俊維
UI 設計師/網頁設計師
我將介面設計、設計系統與前端實作串在一起,打造清楚、穩定且能落地的網站與產品體驗。
專業技能
設計能力
介面與流程設計:使用 Figma 建立高保真介面、互動原型、行動端流程與清楚的資訊層級。
設計系統:整理 Material Design 3、色彩、字體、間距、元件狀態與互動規則,讓視覺與操作體驗維持一致。
AI 產品設計:梳理 AI 回覆的資訊架構與信任線索,並運用 Recraft 等工具加速視覺素材探索與設計提案。
前端落地
前端實作:以 Vue 3、Nuxt 4 與 SCSS/Tailwind CSS 將設計轉成可運作的響應式網站與前端原型。
互動與 App 原型:使用 GSAP、CSS animation、Canvas API、資料持久化與 Capacitor 架構製作接近實際產品的互動流程。
落地溝通:在設計階段考量元件重用、狀態、breakpoint 與工程限制,降低開發溝通成本。
分析優化
行為分析:使用 Microsoft Clarity 與 Google Analytics 觀察使用者行為,用資料回推介面假設與優化方向。
協作流程:熟悉 Git/GitHub、設計規格整理與版本交付,能與開發端維持一致的需求、狀態與實作範圍。
關於我
你好,我是黃俊維。投身於 UI 設計領域,並以工程背景為基石,致力於在「理性邏輯」與「感性美學」之間找尋數位產品的平衡點。
熟悉 Vue 3、Nuxt 4、SCSS 與 Tailwind CSS,能在設計階段同步思考元件狀態、響應式規則與可實作原型,讓介面不只停留在視覺稿,而是能穩定落地成可操作的產品體驗。
熱衷於「設計系統」與 AI 產品資訊架構的深入探究。習慣透過 Figma 建立變體、變數與互動狀態,並以 GSAP 補足清楚節制的動效;也會將 Gemini、Recraft 等 AI 工具整合進流程,分別支援資訊整理、互動構想與視覺素材探索。
以成為設計與工程間的橋樑為目標,旨在打造既符合商業目標、又能帶給使用者愉悅感的數位體驗。







