面議(經常性薪資達4萬元或以上) 台中市北區 1年工作經驗 1天前更新
UI/UX 設計師 UI/UX Designer
具備網頁切版能力與視覺美感
【工作內容】
* 負責公司產品網站、Web Application、後台系統及行動版介面的 UI/UX 設計
* 依據產品需求規劃使用者流程、資訊架構、Wireframe 與操作介面
* 使用 Figma 製作完整設計稿、Prototype、元件規格及交付文件
* 負責網頁視覺風格、版面配置、色彩、字體、圖示及互動細節設計
* 將設計稿轉換為 HTML/CSS 網頁切版,完成可供工程團隊使用的靜態頁面
* 製作桌機、平板及手機版的 RWD 響應式介面
* 建立並維護共用元件、Design System、Design Token 與設計規範
* 定義按鈕、表單、選單、彈窗、提示訊息等元件的不同狀態
* 規劃 Loading、Empty、Error、Disabled、Hover、Focus 等介面情境
* 與產品經理、前端工程師及後端工程師協作,確認需求、設計規格與實作可行性
* 進行設計驗收,確認實際產品與設計稿的視覺一致性
* 根據使用者回饋、產品數據及團隊需求持續優化介面與操作流程
* 善用 AI 工具提升設計發想、圖片處理、文案整理、Prototype 及切版效率
【期待條件】
UI 視覺設計能力
* 具備良好的視覺美感與版面設計能力
* 熟悉色彩搭配、字體選擇、資訊層級、留白、比例及視覺動線
* 能建立一致、清楚且符合品牌風格的產品介面
* 重視細節品質,能處理字距、行距、對齊、邊界及元件間距
* 能依據不同產品定位設計合適的視覺風格
* 具備圖示、Banner、簡易插圖或介面視覺素材的製作能力
* 能兼顧介面美感、可讀性、操作性及實作可行性
* 對目前網站及數位產品的設計趨勢具備基本敏感度
UX 使用者體驗能力
* 具備基本 UI/UX 設計方法與使用者體驗觀念
* 能理解產品需求並整理使用者操作流程
* 能製作 User Flow、Wireframe、Mockup 與 Prototype
* 能設計清楚易懂的導覽、表單、功能流程及資訊架構
* 能考量正常、錯誤、空資料、載入中、權限不足等使用情境
* 能主動發現流程中的操作問題,並提出具體改善方案
* 能在視覺效果、使用體驗及開發成本之間取得平衡
Figma 與設計交付能力
* 熟練使用 Figma 進行 UI 設計、Prototype 與團隊協作
* 熟悉 Auto Layout、Component、Variant、Variables 及 Styles
* 能建立可重複使用的 Figma 元件
* 能清楚定義元件尺寸、間距、顏色、字體及互動狀態
* 能整理完整的設計稿與交付規格,降低與工程團隊的溝通落差
* 能妥善管理 Figma 檔案、頁面、元件命名及版本
網頁切版能力
* 熟悉 HTML5 與 CSS3
* 能將 Figma 設計稿實作為高還原度的網頁頁面
* 熟悉語意化 HTML 結構
* 熟悉 Flexbox、CSS Grid、Position 及常見版面配置方式
* 具備 RWD 響應式網頁切版能力
* 能處理桌機、平板及手機不同尺寸的版面變化
* 能實作按鈕、表單、導覽列、卡片、彈窗、頁籤等常見介面元件
* 能製作基本 Hover、Focus、Active、Disabled 及 Transition 效果
* 能理解文字過長、圖片比例不同、資料量變化等動態內容對版面的影響
* 能使用瀏覽器開發者工具檢查與調整畫面
* 了解不同瀏覽器及裝置可能產生的顯示差異
* 能產出結構清楚、容易交接及維護的 HTML/CSS
RWD 與實作概念
* 了解 Breakpoint、Container、Grid System 及最大寬度等概念
* 能依照不同螢幕尺寸調整資訊順序、欄位數量及操作方式
* 不只製作固定尺寸設計稿,也能定義畫面縮放及內容變化規則
* 了解設計與前端實作之間的差異
* 能考量元件複用、排版邊界、動畫效能及開發成本
* 能與前端工程師討論設計可行性並適度調整方案
協作與溝通能力
* 能與產品、工程及其他團隊成員清楚溝通設計邏輯
* 能說明設計決策,而非僅依個人偏好進行設計
* 能接受設計回饋並持續調整與優化
* 面對需求不完整時,能主動釐清使用情境與規格
* 具備跨職能合作經驗,能配合產品開發流程與時程
* 重視設計品質,也能理解技術與交付限制
AI 工具應用能力
* 能使用 AI 工具協助:
* 設計靈感與風格探索
* 使用者流程與資訊架構整理
* UX 文案與介面文字優化
* 圖片、圖示及視覺素材製作
* HTML/CSS 切版輔助
* Prototype 與設計規格整理
* 能自行判斷 AI 產出是否符合品牌、使用者需求及設計品質
* 不直接使用未經檢查的 AI 產出內容
【加分條件】
* 具備 JavaScript 基礎能力
* 了解 Vue、React、Next.js 或 Nuxt.js 的基本元件架構
* 能理解 Props、Component、State 等元件化概念
* 熟悉 Tailwind CSS、Bootstrap、SCSS 或其他 CSS 工具
* 具備實際網站上線或前端開發協作經驗
* 具備 Design System 或元件庫建立經驗
* 使用過 Storybook 或類似元件文件工具
* 了解 Git 基本操作與版本控制流程
* 具備網站無障礙設計基礎概念
* 了解 SEO、語意化 HTML 及網站效能基本原則
* 具備品牌識別、平面設計或數位廣告素材製作能力
* 具備動態效果、Micro-interaction 或簡易動畫設計經驗
* 具備 SaaS、電商、會員系統、後台管理系統或企業網站設計經驗
* 有個人作品集、網站作品、GitHub 或實際上線案例可供參考
【作品集期待】
應徵時請提供個人作品集,內容建議包含:
* 完整 UI 設計案例
* 網站或產品介面的設計流程
* Wireframe、User Flow 或 Prototype
* 桌機版與行動版 RWD 設計
* Design System 或元件設計案例
* 實際 HTML/CSS 切版作品
* 設計稿與實際上線畫面的對照
* 個人在專案中的負責範圍與設計思考
【我們期待你】
* 對美感、比例、色彩及排版具有良好敏感度
* 不只是製作好看的畫面,也重視使用者是否容易理解與操作
* 能將設計稿實際切成網頁,而非僅停留在視覺稿階段
* 理解設計必須兼顧美感、使用體驗及工程實作
* 對細節有要求,能主動檢查設計與實作成果
* 願意與前端工程師共同討論,而非單向交付設計稿
* 能主動發現問題並提出具體解決方案
* 願意持續學習新的設計方法、前端技術及 AI 工具
展開 勞保