前言
今天要推薦的是來自網易雷火推出的 UI 設計利器 —— ThunderFire UX Tool！
這是一款專為 Unity 開發者打造的高效 UI 編輯與管理工具包，整合了非常多的功能，能大幅提升介面開發的【效率】與【穩定性】。
無論你是【UI 設計師】、【程式開發者】，還是獨立製作人，ThunderFire UX Tool 都能幫你快速完成 UI 介面的【設計】、【編排】與【跨平台調整】，讓介面製作不再繁瑣，視覺呈現更直觀！
本篇文章將帶你快速入門 ThunderFire UX Tool 的【安裝方法】與【各大核心功能】說明，搭配【影片說明】與【官方文件】連結，讓你能在短時間內掌握這款工具的精髓，大幅提升 UI 開發【效率】與【品質】
Unity ThunderFire UX Tool 插件介紹
ThunderFire UX Tool 是由網易雷火團隊開發的 UI 工具包，專為 Unity 遊戲開發者設計，旨在大幅提升【介面設計】、【流程引導】與【多語言適配】的效率。
不僅內建強大的【新手教學模組】與【紅點系統】，還支援【圖片】與【文字】在地化，以及【瀏海螢幕自動適配】、【層級視覺化管理等】實用功能。
這款工具透過一系列完整的【工作流】與【視覺編輯】器，讓【設計師】、【工程師】、【PM】能夠在同一套介面中順暢協作，有效降低【介面錯誤】與【溝通成本】。
無論你是想【打造清晰的新手引導】、【快速實現多語系介面】，還是想優化 UI 架構管理，ThunderFire UX Tool 都是不可或缺的高效開發助手！
功能特色
- 完整的新手引導系統
內建【引導編輯工具】與【運行模組】，輕鬆製作互動式教學，幫助玩家快速上手遊戲操作。 - 支援圖片與文字在地化
支援【UXImage】、【UXText】、【TextMeshPro】的本地化設計，可靈活切換 14 種語言，實現跨國發行沒煩惱。 - 紅點提示管理系統
內建紅點層級處理功能，輕鬆設定層級路徑，讓 UI 提示不再混亂，訊息展示一目了然。
適用場景
- 需要設計新手教學的遊戲專案
若你的遊戲需要引導玩家快速理解操作，ThunderFire UX Tool 提供完善的新手引導模組，讓教學流程製作變得超簡單。 - 針對多裝置與特殊螢幕開發
內建瀏海螢幕適配功能，可自動調整 UI 顯示位置，對應【iOS】、【Android】各種異形螢幕，省去額外設計成本。 - 多人協作的大型 Unity 專案
若開發團隊中包含【UI 設計師】、【工程師】與【PM】，ThunderFire UX Tool 的視覺化工具與統一工作流，能有效降低溝通成本，提升專案開發效率。
Unity ThunderFire UX Tool 插件介紹
點選選單列【 Assets -> Import Package -> Custom Package…】，選擇 uxtools.unitypackage，導入即可開始使用。
Unity ThunderFire UX Tool 設定 unity input 選項
使用新手引導等有關 Unity InputSystem 的功能時，可能會報如下所示的錯誤：
InvalidOperationException: You are trying to read Input using the UnityEngine.Input class, but you have switched active Input handling to Input System package in Player Settings.
若遇到此問題，請在選單列【Edit -> Project Settings -> Player -> Other Settings -> Configuration -> Active Input Handling 】中選擇【Both】，重新編譯即可。
Unity ThunderFire UX Tool 產生設定檔
匯入完畢將自動建立所需的設定文件，但若有找不到對應設定檔的報錯，請點選【ThunderfireUXTool -> 新設定檔(Create Assets) -> Create All Assets 】，建立 UXTool 所需的設定檔來進行修復。
Unity ThunderFire UX Tool 功能
1.新手引導
ThunderFire UX Tool提供了完整的新手引導功能， 包括引導編輯工具和運行時功能，來幫助互動設計師在 Unity 編輯器中快速製作和調整新手引導介面的樣式，並讓工程師在專案中快速接入引導。
文件
官方文檔：新手引導
效果
2、在地化多語言功能
ThunderFire UX Tool 的在地化功能支援圖片在地化和文字在地化兩大類。
- 圖片本地化：即 UXImage 的本地化。
- 文字本地化：包括 UXText 和 UXTextMeshPro 的本地化，操作類似，本手冊截圖以 UXText 為例。
- 文字本地化包含兩種文字類型：靜態文字類型與動態文字類型，本手冊會在子標題中標註出文字類型。
文件
官方文檔：在地化多語言功能
效果
共支援有14 種語言。
3.紅點功能
紅點系統常用於各種 UI 訊息提示，開發過程中存在紅點層級過多、各層級之間需要連動設定的問題。
ThunderFire UX Tool 中實作了一套內建紅點管理系統， 透過為每個紅點物件新增 Path， 來實現紅點層級的統一處理。
文件
官方文檔：紅點功能
效果
4、瀏海螢幕適配
瀏海螢幕適配是為了適配各種可操作區域不同的機型而動態對 UI 位置進行調整的技術。
ThunderFire UX Tool 實現了快速適配的功能。
文件
官方文檔：瀏海螢幕適配
效果
運作結果：第一個 Button 適配正常，第二個 Button 未適配。
5.可視化層級管理工具
ThunderFire UX Tool 中的層級管理工具旨在視覺化管理專案中 Prefab 的層級關係。現有的層級管理有以下問題：
介面數量過多時，界面層級關係極為複雜；
前後管理人員交流困難。
該工具希望能夠透過視覺上的直接表達來解決上述問題，從而降低管理成本。
基於這個期望，工具主要包含以下幾個功能。
文件
官方文檔：可視化層級管理工具
效果
6、其他
也支援一些其他 UI 功能，大家直接去參考官方文件即可。
官方文檔：其他
Unity ThunderFire UX Tool 相關介紹 & 教學影片
ThunderFire UX Tool Guide on Download and Installation - Unity Tutorial - Free Unity Asset
ThunderFire UX Tool Guide on Toolbar, Scene and Game - Unity Tutorial - Free Unity Asset
ThunderFire UX Tool Guide on Layout Tools - Unity Tutorial - Free Unity Asset
ThunderFire UX Tool Guide on Shortcuts - Unity Tutorial - Free Unity Asset
ThunderFire UX Tool Guide on Widget Library - Unity Tutorial - Free Unity Asset
Unity ThunderFire UX Tool 角色控制模組相關網站 & 插件下載點
【ThunderFire UX Tool】
ThunderFire UX Tool 官方網站：ThunderFire UX Tool
ThunderFire UX Tool 官方文檔：
ThunderFire UX Tool 下載中心：ThunderFire UX Tool
Asset Store 下載連結：ThunderFire UX Tool
————————————————
更多好用插件：【Unity 好用插件推薦】持續更新，一起讓遊戲開發事半功倍！
本文原創(或整理)於亞洲電玩通，未經作者與本站同意不得隨意引用、轉載、改編或截錄。
特約作家簡介
經中華網龍遊戲企劃進入遊戲圈，然後被雷打到去學程式前後端又學了點設計再帶帶幾個研發團隊，見證了 3D 渲染技術及遊戲引擎互相進步，也見證了研發代理的更迭與博弈遊戲的興起，再毅然研究起 SEO 網路行銷與社群廣告投放，深信自研自賣才是最大贏家，期望能為台灣研發重回輝煌時光貢獻一點力量。如果你也有遊戲夢，歡迎交流認識。
支持贊助 / DONATE
亞洲電玩通只是很小的力量，但仍希望為復甦台灣遊戲研發貢獻一點動能，如果您喜歡亞洲電玩通的文章，或是覺得它們對您有幫助，歡迎給予一些支持鼓勵，不論是按讚追蹤或是贊助，讓亞洲電玩通持續產出，感謝。
 |  |  |  |  |  |
BTC |
 |
352Bw8r46rfXv6jno8qt9Bc3xx6ptTcPze |
|
ETH |
 |
0x795442E321a953363a442C76d39f3fbf9b6bC666 |
|
TRON |
 |
TCNcVmin18LbnXfdWZsY5pzcFvYe1MoD6f |
