PlaySmith
服務

博弈遊戲 UI/UX 與大廳設計，專為 iGaming 平台打造

作者 Jim Tseng, 創辦人暨美術總監更新於

PlaySmith Studio 專做博弈遊戲與 iGaming 平台的介面層：老虎機遊戲內 UI（Spin、押注、餘額、賠付表、自動旋轉、贏分演出）、大廳介面，以及網頁或 App 的產品畫面。團隊位於台灣、超過 20 位美術，交付設計系統、元件規格與引擎可直接使用的輸出檔；程式、數學模型與整合由您的開發團隊負責。

團隊
20+ 位美術
產能
每月最多 5 款同時進行
老虎機完整週期
每款 30 個工作天
專案報價
每款 US$8,000 起（參考價）
輸出引擎
Spine、Unity、Cocos、HTML5
回覆時間
3–5 個工作天內

老虎機 UI/UX 設計外包會交付哪些東西？

以一款老虎機來說，PlaySmith Studio 會設計玩家會碰到的每一個畫面與控制項：Spin 鈕與它的各種狀態、押注與餘額面板、賠付表與規則頁、設定、自動旋轉控制、贏分演出，以及載入與開場畫面。每個元素都依照遊戲的美術方向繪製，讓介面看起來是世界觀的一部分，而不是硬貼上去的一層。

這項服務只涵蓋視覺與互動設計。我們定義每個控制項長什麼樣、怎麼動、怎麼回饋；接上遊戲邏輯、數學模型與 RNG 的部分由您的開發團隊負責。

  • Spin 鈕：待機、按下、停用、Turbo、停止等狀態
  • 押注與餘額：押注選擇器、幣值、總押注、餘額與贏分欄位
  • 賠付表與規則：符號賠率、特色玩法說明、連線或 Ways 示意圖
  • 設定與自動旋轉：音效、速度、自動旋轉次數、損失上限對話框
  • 贏分演出：贏分計數、Big Win、Mega Win 與特色觸發面板
  • 載入與開場：進度畫面與特色玩法介紹

iGaming 大廳 UI 設計包含什麼？

大廳設計涵蓋玩家找遊戲、開遊戲會用到的畫面：首頁、遊戲合輯、分類頁籤、搜尋、活動版位，以及大廳與遊戲之間的轉場。我們先排資訊層級、再做視覺層，讓精選內容、新遊戲與彩金彼此不打架、都找得到。

交付內容包含桌機網頁、手機網頁與原生 App 外框的大廳版面，加上前端團隊建置與擴充時需要的整組元件。

大廳區塊我們設計什麼您提供什麼
首頁與精選主視覺版位、精選遊戲卡、彩金跑馬燈要主打哪些遊戲與活動
合輯與分類頁籤系統、篩選器、卡片網格、排序控制分類架構與遊戲中繼資料
活動促銷Banner 版位、紅利卡、錦標賽排行榜活動文案與優惠規則
轉場大廳進遊戲的載入、返回大廳、彈窗模式遊戲啟動器的技術限制
帳戶入口大廳內的錢包、歷史紀錄與個人資料入口法遵與 KYC 要求

老虎機 UI 直式與橫式版面怎麼一起設計？

每款老虎機 UI 都設計成兩套互相對應的版面，而不是一套硬拉伸。直式把滾輪區放高、控制項放在底部拇指搆得到的位置；橫式則把押注與 Spin 控制移到兩側，讓滾輪盡量放大。兩套共用同一個元件庫，改一顆 Spin 鈕，所有地方同步更新。

我們提供常見手機與平板長寬比的安全區參考線，並標明每個元件如何錨定、如何縮放，引擎排版時不必靠猜。

元素直式版面橫式版面
滾輪區中上方、滿版寬置中、最大高度
Spin 與控制項底部列，拇指可及右側，直向堆疊
押注與餘額控制列上方左側或底部兩角
贏分演出覆蓋在滾輪上方覆蓋在滾輪正中
賠付表與設定全螢幕面板側邊面板或全螢幕

博弈遊戲 UI 怎麼做到多語系不跑版？

每個文字容器都預留擴展空間，並逐元件指定超出時的處理方式（換行、縮小或截斷），因為同一個標籤在不同語言裡長度可能差好幾倍。字型依您要涵蓋的文字系統挑選；數字、幣別與日期的位置也預先安排好，格式換了版面不會壞。

我們自己的官網就跑九種語言（繁體中文、簡體中文、英文、日文、越南文、泰文、印尼文、西班牙文、巴西葡萄牙文），所以團隊親手處理過您的遊戲在亞洲、歐洲與拉美市場會遇到的字長與文字系統問題。

設計裡內建了哪些無障礙基本功？

我們會把博弈產品實際做得到的基本功內建進設計：文字與控制項在繁雜背景上的對比、適合單手操作的觸控目標大小、狀態變化除了顏色還用形狀或文字標示、手機尺寸下可讀的字級，以及贏分與轉場動畫的減少動態版本。每條規則都寫進元件規格，實作時不會漏掉。

PlaySmith 的博弈 UI/UX 設計適合誰？

這項服務適合已經有工程與數學團隊、需要專門介面層的團隊：

  • 推出新作或換皮、需要配合每個主題的遊戲內 UI 的老虎機工作室
  • 要改版大廳或推出新品牌前台的營運商與平台商
  • 需要白牌 UI 套件讓客戶自行換皮的聚合商與 B2B 平台供應商
  • 遊戲已經能跑、但介面還是暫代版的開發團隊

老虎機 UI/UX 外包要多少錢、怎麼報價？

範圍由三個問題決定：要哪些介面（遊戲內 UI、大廳、網頁或 App 產品畫面）、哪些方向與斷點、輸出要對應哪個引擎。收到您的書面需求後，我們回覆範圍與估價，不需要開會。

UI/UX 工作依需求書個別報價。供參考：完整的老虎機視覺製作（含遊戲內 UI、符號、角色、背景、Spine 動畫與特效）每款 US$8,000 起，約 30 個工作天完成。有多款排程的工作室可改用月產能方案，配置專屬團隊與優先排程；企業級與白牌合作另行報價。

範圍通常包含適合
遊戲內老虎機 UI單款的控制項、面板、賠付表、贏分演出，直式與橫式開發中、要補 UI 的工作室
大廳介面首頁、合輯、分類、活動、轉場、整組元件營運商與平台商
網頁或 App 產品 UI註冊、錢包、帳戶、活動、大廳、響應式畫面新品牌與平台改版
月產能專屬團隊，持續排入 UI 與美術工作一年出好幾款的工作室

交件內容有哪些？

您會拿到設計系統、元件規格與可直接進製作的輸出檔；完工並付清尾款後，原始檔的智慧財產權完整移轉給您。

  • 設計系統：產品或單款遊戲的色彩、字體、間距、圖示與動態規則
  • 元件規格：每個狀態、尺寸、錨點與縮放規則，附標註尺寸圖
  • 版面：範圍內約定的每個斷點的直式與橫式畫面
  • 輸出檔：為 Spine、Unity、Cocos 與 HTML5 切好、命名好的素材包，由我們自建的打包系統產出，含尺寸與格式檢查及各引擎專屬說明文件
  • 原始檔：分層設計檔與動畫原始檔

製作流程怎麼走？

每個專案都走同樣四個階段，里程碑全程對您透明，專案制包含一輪主要修改。

  • 1. 研究與概念：研究您的遊戲或平台、玩家流程，以及目標市場的同類介面，提出互動模式與版面方向。
  • 2. 美術方向與風格定錨：核准一個方向並鎖定，作為所有元件的視覺基準。
  • 3. 製作：設計畫面、元件與各種狀態，需要的地方加上動態，由資深美術加自動化 QC 檢查。
  • 4. 素材交付：交付打包好的輸出檔、規格與原始檔，附您引擎的說明文件。

哪些工作留給您的開發團隊？

PlaySmith Studio 只負責視覺素材與介面設計。軟體開發、遊戲數學與 RNG、平台整合、後端服務與法遵實作，仍由您的團隊或技術夥伴負責。我們依您的技術限制設計、一開始就講好引擎格式，所以交接就是丟檔案，不是重新談一次。

常見問題

都可以。遊戲內 UI 可以針對您正在製作的遊戲單獨承接，也可以包含在完整的老虎機視覺製作裡，後者涵蓋符號、角色、背景、Logo、賠付表視覺、Spine 動畫、粒子特效、載入與開場動畫，以及贏分演出。完整週期每款 30 個工作天，團隊每月最多可同時進行五款。

可以。換皮與大廳翻新會從您現在的版面、品牌規範或線上產品出發，保留玩家已經熟悉的結構。我們的風格鎖定流程會用核准的方向訓練專案專屬模型，讓每個新元件都和您既有的素材共用同一個視覺基準。

素材包會為 Spine、Unity、Cocos 與 HTML5 準備。自建的打包系統負責切圖、統一命名、尺寸與格式檢查，再產出各引擎專屬的素材包與說明文件。如果您的前端用的是網頁框架而不是遊戲引擎，我們會以分層設計檔與匯出素材交付同一套元件。

版面設計成不綁語言：文字容器帶有擴展規則、字型依您需要的文字系統挑選、數字欄位針對不同幣別與日期格式預先規範。我們自己的官網維護九種語言，團隊很清楚字長與文字系統會碰到的問題。最終語言清單在您的需求書中確定。

沒有。PlaySmith Studio 只提供視覺素材與介面設計。軟體開發、遊戲數學與 RNG、平台整合由您的開發團隊負責。我們會以工程師指定的格式交付規格與輸出檔，實作期間也會在線回答元件與狀態的問題。

開工前、分享任何需求資料之前先簽保密協議（NDA）。完工並付清尾款後，美術原始檔的智慧財產權完整移轉給您。官網上展示的作品除非客戶明確同意具名，否則都是我們的自製展示作品，客戶評語也一律匿名。

把書面需求寄到 hello@playsmith.studio 或透過聯絡頁送出：需要哪些介面（遊戲內 UI、大廳、產品畫面）、目標方向與裝置、引擎或框架、語言與時程。歡迎非同步溝通，不需要開會。我們會在 3–5 個工作天內回覆問題或範圍估價。

專案制每款 US$8,000 起是參考價，不是最終報價。以完整老虎機製作來說，包含整套美術、Spine 骨骼動畫與粒子特效、透明的里程碑，以及一輪主要修改。純 UI 與大廳專案則依您需求書描述的介面與斷點報價。

送出 UI/UX 需求，不用開會

告訴我們您需要哪些介面、方向、引擎與語言。我們會在 3–5 個工作天內回覆範圍估價或進一步問題。分享任何機密資料前，可先簽保密協議（NDA）。

開始填需求

本頁數字與定價頁、llms.txt 使用同一份事實。