盤點現況
看現有畫面與流程，
列出頁面與狀態清單。
UI DESIGN PROPOSAL · 2026
一定發 / 日式神社視覺
手機 H5 遊戲平台
介面重新設計
從視覺風格到元件規範，
由設計師本人直接對接。
胡雅婷UI / UX 設計師 · 10 年設計經歷0937-136-811
01 / 一定發 · 介面設計提案
我是胡雅婷，親自設計、直接對接
10年
設計經歷
從畫面到交付，全程本人處理專長
手機介面、遊戲與平台介面
設計系統、元件與交付規範
工具
Figma、Midjourney、Gemini
搭配 GPT 進行素材與文案協作
合作
直接和工程師對接
不轉包、不換人
02 / 一定發 · 介面設計提案
保留原有排列，強化介面質感
功能已完成；設計聚焦華麗、喜氣與一致的遊戲視覺。
42個畫面
遊戲端 34 個：390px 手機版
官網 8 個：手機與桌機版
日式神社，紅金再精緻化
朱漆、金框、木紋與和紙。
保留遊戲內容與連接卡片結構，
強化文字、按鈕與收藏圖示。
8 週，含溝通與修改
只出設計圖，由工程師切版。
空白、出錯、已領取與鎖定狀態逐項補齊。
03 / 一定發 · 介面設計提案
先定方向，再鋪畫面，最後整理規範
風格定調
精緻化日式神社風格，
確認材質、色彩與字級。
核心畫面
先完成遊戲大廳，
再延伸到其他頁面。
規範交付
整理元件、狀態與尺寸，
讓工程師逐項對照。
每個階段都和工程師確認，讓視覺與實作同步前進。
04 / 一定發 · 介面設計提案
交付的圖，工程師拿了就能對照
| 工程師會檢查 | 交付方式 |
|---|---|
| 尺寸 | 遊戲端統一 390px；官網另有桌機版。間距與字級依固定規格設計。 |
| 狀態 | 空白、出錯、已領取、鎖定與載入中等狀態，逐項補齊。 |
| 元件一致性 | 顏色、字級、圓角與間距集中管理，全案共用。 |
| 可落地性 | 交付元件化 Figma 原始檔、清楚的圖層命名，以及 2x PNG / WebP 切圖。 |
390 px 手機設計基準2x 圖像輸出Figma 元件與規格
05 / 一定發 · 介面設計提案
AI 負責加速，判斷與品質由我把關
方向探索
用 Midjourney 快速探索風格與氛圍，
先比較方向，再收斂設計。
素材與文案
以 Gemini 與 GPT 補充素材、
整理文案與交付規格。
人工收斂
在 Figma 重建可編輯元件，統一風格；
交付前確認細節與素材使用權。
06 / 一定發 · 介面設計提案
同一套視覺素材，延伸到每個介面
獨立素材
單獨成圖，可置入 Figma
並在不同頁面重複使用。
共用元件
將文字、按鈕與卡框重建成元件，
集中調整尺寸與視覺樣式。
一致的狀態規範
預設、選取、鎖定與載入狀態，
使用同一套色彩與材質規則。
07 / 一定發 · 介面設計提案
四個核心介面，同一套紅金風格
AI 輔助視覺提案 · 正式設計將於 Figma 校對細節、尺寸及操作狀態。 Figma 作品集 ↗
08 / 一定發 · 介面設計提案
八週時程，分批確認與交付
大廳定風格
大廳首頁定調，建立
色票、字級與元件規範。
登入與主分頁
登入、排行榜、簽到、
任務與會員中心。
商城、社交與官網
商城紀錄、好友聊天公會、
官網手機與桌機版。
修改與交付
落地檢查、修正、
元件與全案交件。
每個階段都和工程師確認
原定預計 1 月底前完成；若案件提早，畫面可先階段性交付。
實際起訖日期依啟動時間確認。
09 / 一定發 · 介面設計提案
報價與結算方式
| 區塊 | 預估工時 |
|---|---|
| 風格探索與設計規範 | 待確認 |
| 共用元件 | 待確認 |
| 進站與登入（#1–7） | 待確認 |
| 大廳與主分頁（#8–12） | 待確認 |
| 會員中心與帳號（#13–18） | 待確認 |
| 商城與紀錄（#19–22） | 待確認 |
| 社交（#23–27） | 待確認 |
| 其他功能（#28–34） | 待確認 |
| 官網手機與桌機（#35–42） | 待確認 |
| 修改與溝通 | 待確認 |
| 合計 | 待確認 |
專案總報價
NT$80,000
依工時計費，每週回報
每週提交工時表，附設計檔進度。
每兩週依工時表與實際產出結算。
預估超出預算上限時，提前提出討論。
時薪與各區塊工時尚待確認；實際工時與計費條件將於啟動前確認。
LET’S TALK · 一定發
一起把介面
做到細節一致
本人對接，分批確認，
讓每個畫面都能銜接工程實作。
