UI 的視線動線：為什麼血條放在左上角而不是正中央
血條放在左上角，正是因為它同時滿足了「起始點」與「回歸點」的雙重角色。玩家從左上角開始看畫面，也一次次回到左上角確認生死。把它放在正中央，等於是把回歸點強制搬到視野正中央，而那裏恰好是玩家最需要看清楚遊戲世界的位置。
二、為什麼是左上角？六個層面的理由
接下來我們從六個角度拆解這件事。這六個理由彼此獨立又互相強化，共同構成了「左上角血條」的穩固性。
理由一：閱讀慣性與資訊層級
在幾乎所有人類書寫文化中，閱讀方向都是從左上開始。這種慣性之強，甚至會影響我們對「重要性」的直覺判斷。在介面設計領域，有所謂的「古騰堡圖」（Gutenberg Diagram），將畫面劃分為左上「主視覺區」、右下「終點區」、右上與左下「弱視覺區」。放在主視覺區的資訊，會被預設為「最重要」。
血條是玩家在遊戲中最關心的數值之一，把它放在左上角，符合玩家對「重要性」的直覺排序。反過來說，如果左上角空空如也、血條卻在中央，玩家的大腦會產生一種「這畫面的資訊層級怪怪的」違和感，因為最該被強調的元素沒有出現在最該出現的位置。
理由二：周邊視覺的「安全區」
動作遊戲的核心挑戰，是玩家必須在「注視敵人」與「確認自己血量」之間快速切換。如果血條在正中央，這兩件事會直接衝突——看血條就看不到敵人，看敵人就讀不到血條。
左上角則位於周邊視覺的守備範圍內。玩家不需要把中央視覺移過去，就能用餘光感知血條的長度變化。尤其是當血條設計成「顏色漸層」或「閃爍警示」時，周邊視覺對動態與色彩變化極度敏感，紅色閃爍幾乎可以瞬間觸發玩家的危機感，而不必中斷對敵人的注視。這就是所謂的「餘光監控」（Peripheral Monitoring）。
值得注意的是，這種設計對「血條形狀」也有要求。橫條狀的血條比圓形或數字更適合放在周邊，因為「長度變化」是一種可以由周邊視覺粗略判斷的幾何特徵；而純數字的血量，則必須動用中央視覺才能讀取。這也是為什麼多數遊戲採用「長條＋數字」的複合設計——長條給餘光，數字給精讀。
理由三：螢幕幾何與注意力預算
從螢幕幾何來看，16:9 的畫面中央是「遊戲世界」的核心舞台，也是玩家視線最常停留的區域。玩家的注意力預算有限，中央區域幾乎都被「場景辨識」、「敵人位置」、「彈道判斷」佔滿。任何額外的 UI 元素擠進中央，都會直接瓜分這份預算。
左上角則是畫面中「資訊密度最低」的區域之一。多數遊戲的場景構圖會把地平線放在中央偏下，天空與遠景佔據上方，左上角往往是相對乾淨的空間。把 UI 放在這裡，視覺干擾最小、遮蔽成本最低。這是一種「用畫面最便宜的地方，放最重要的資訊」的資源配置思維。
理由四：動作遊戲的餘光監控需求
動作遊戲（Action Game）與射擊遊戲（FPS／TPS）對血條位置的要求尤其嚴格。這類遊戲的節奏極快，玩家每秒可能要做數次決策。在這種情況下，「血條需要被看見」與「敵人需要被看見」是硬衝突。
左上角血條的解法，是把「血量」轉化成一種背景資訊。玩家平時不需要主動看它，只有在血量下降時，周邊視覺會捕捉到長條縮短或顏色變紅，觸發「該撤退了」的直覺反應。這種「被動觸發」的資訊傳遞方式，正是高節奏遊戲最需要的。
反過來說，正中央的血條會強迫玩家「主動確認」。在分秒必爭的戰鬥中，這種強制中斷注視的行為，會直接造成操作延遲與死亡。
理由五：UI 的避讓與畫面主體保護
遊戲畫面本質上是一幅會動的構圖。角色、敵人、特效、地形，都需要呼吸空間。UI 設計的基本禮貌，是「不要擋住主體」。而主體幾乎永遠在畫面中央——玩家操作的角色在中間，準星在中間，Boss 在中間，連過場動畫的視覺重心也在中間。
把血條放在正中央，等於在最貴的地段蓋一棟違建。它會遮蔽角色、干擾瞄準、破壞打擊感，甚至讓玩家在關鍵時刻看不到敵人的攻擊預兆。左上角則完全避開了這個問題：它與畫面主體沒有任何重疊，卻又保持在玩家的視野範圍內。
理由六：歷史包袱與玩家肌肉記憶
最後一個理由，是純粹的歷史與習慣。從 1970 年代的街機、1980 年代的家用主機，到 1990 年代的 PC 遊戲，左上角一直都是狀態資訊的傳統位置。街機時代的螢幕小、解析度低，開發者必須把分數、生命數、剩餘時間塞進角落；而左上角因為閱讀慣性，成為最自然的選擇。這個慣例一路傳承下來，成為整個遊戲產業的「預設值」。
對玩家而言，這種慣例內化成了肌肉記憶。當你打開一款新遊戲，眼睛會自動往左上角找血量。如果那裏沒有，你會有一瞬間的困惑。這種困惑雖然短暫，卻會累積成一種「這遊戲 UI 不太順」的整體印象。設計師可以打破慣例，但必須付出更高的學習成本作為代價——而多數商業遊戲並不值得為此冒險。
三、正中央的血條為什麼行不通？中央區的詛咒
理解了左上角的優勢，我們也要正面處理「為什麼不能放中央」。這不只是位置問題，而是中央區域在視覺心理學上有著難以克服的先天缺陷。
中央視覺的注意力搶奪問題
人類的視覺系統對「畫面中央」有一種近乎強迫的注意力偏向。心理學稱之為「中央偏向」（Central Bias）：在自由觀看圖片時，受試者的第一個注視點有極高比例落在畫面中央，即使中央沒有任何特別顯眼的元素。這是一種演化留下的本能——中央通常是最重要的事物所在。
這意味著，任何放在正中央的元素，都會自動獲得最高的注意力優先級。如果那個元素是血條，就會發生「注意力搶奪」：玩家的眼睛會不由自主地被血條吸走，即使血條根本沒有變化。這種無謂的注意力消耗，在長時間遊戲中會累積成明顯的疲勞感。
更糟的是，當血條真的發生變化時，中央視覺會被強制拉過去，造成「注視中斷」。玩家正在瞄準敵人，血條一閃，眼睛被拉走 200 毫秒——這 200 毫秒足以決定一場對槍的勝負。
遮蔽主體與構圖破壞
除了注意力問題，正中央的血條還會造成實際的物理遮蔽。多數遊戲的角色位於畫面中央偏下，敵人也常常出現在中央視野。一條橫亙中央的血條，會直接切斷玩家與遊戲世界之間的視覺連結。
此外，中央血條會破壞畫面的「構圖完整性」。遊戲美術在設計場景時，會預留視覺引導線（Leading Lines），把玩家的視線引導到關鍵物件上。一條突兀的血條橫在中間，等於在畫面上畫了一道封鎖線，讓原本精心設計的構圖失效。
當然，凡事有例外。某些遊戲刻意把血條放在中央，正是為了製造壓迫感或特殊氛圍。但這些都是「有意識的破格」，而非「無意識的預設」。差別在於：破格是為了服務某個設計目的，預設則是因為沒想清楚。
四、反例與例外：什麼時候血條應該放在別的地方
好的設計師不會把「左上角」當成鐵律，而是理解它背後的邏輯，再判斷何時該打破它。以下幾種情況，血條的位置就應該重新考慮。
Boss 血條：橫幅式的壓迫感
Boss 戰是遊戲中最典型的「例外場景」。多數遊戲會把 Boss 血條放在畫面上方中央，以一條長橫幅呈現。這個位置的邏輯與左上角完全不同：它要傳達的不是「玩家自己的狀態」，而是「敵人的規模與威脅」。
橫幅式血條的視覺語言是「巨大、難以撼動」。它橫跨整個畫面上方，象徵著 Boss 的壓倒性存在感。同時，Boss 血條的變化頻率較低、玩家對它的「即時監控需求」也較低（多數玩家會在戰鬥間隙瞥一眼），因此放在上方中央不會造成嚴重的注意力搶奪。
更重要的是，Boss 戰的構圖通常會把 Boss 放在畫面中央偏上，血條放在最上方，剛好形成「血條—Boss—玩家」的垂直視覺軸線，反而強化了構圖的穩定感。
格鬥遊戲的上下分離式血條
格鬥遊戲（Fighting Game）是另一個經典例外。這類遊戲的血條通常分成兩條，分別位於畫面上方左右兩側，一條代表 1P、一條代表 2P。這種設計的邏輯是「對稱性」：兩位玩家地位對等，血條也應該對稱呈現。
同時，格鬥遊戲的鏡頭是固定的側視角，兩位角色分居左右，血條放在各自角色的上方，形成「角色—血條」的直接對應關係。這種對應比「所有資訊集中左上角」更直觀，因為玩家可以一眼看出「我的血條在哪、對手的血條在哪」。
手遊與拇指區的讓位
手機遊戲的 UI 邏輯與 PC／主機完全不同。手遊玩家通常以雙手持機，拇指覆蓋畫面下方兩側，形成所謂的「拇指區」。因此手遊的 HUD 設計必須考慮「手指遮蔽」與「觸控可及性」。
在這種情況下，血條常常被放在畫面上方中央或左上角，而技能按鈕則集中在右下角（右手拇指區）。有趣的是，手遊的血條位置反而更接近傳統的左上角邏輯，因為上方是拇指構不到、也不會遮蔽的「安全區」。
沉浸式遊戲的「隱形 UI」
近年來，許多強調沉浸感的遊戲開始嘗試「隱形 UI」或「動態 UI」——平時隱藏血條，只在受傷或進入戰鬥時淡入。這種設計的目的是減少 UI 對畫面的干擾，讓玩家更專注於遊戲世界。
隱形 UI 並沒有推翻「左上角」的邏輯，反而是把它推向極致：因為血條不是隨時可見，所以它出現的位置必須是玩家「一看就知道去哪裡找」的地方。左上角仍然是首選，只是出現的時機變得更聰明。
五、進階應用：用視線動線設計整套 HUD
理解血條的邏輯後，我們可以把視野拉高，談談如何用視線動線設計「整套」HUD。這部分對遊戲企劃、UI 設計師與獨立開發者尤其實用。
資訊分區：三個同心圓
一個實用的思考框架，是把畫面分成三個同心圓：
血條屬於中圈，而且是中圈裡優先級最高的元素。這也解釋了為什麼它應該在左上角——那是中圈裡最靠近視覺起點的位置。
動態視線引導：用動畫把眼睛抓回來
靜態位置只是基礎，真正高明的 HUD 會用「動態」引導視線。例如：血量低於 30% 時，血條邊緣開始脈動紅光；技能冷卻完成時，圖示會短暫放大或發光；任務更新時，右上角的提示會輕輕彈跳。
這些動畫的共同點是「短暫、局部、不搶戲」。它們的任務是在玩家需要知道某件事時，用最小的視覺成本把注意力拉過去，然後立刻退場。切記：動畫是為了「引導」，不是為了「炫技」。過度華麗的 UI 動畫，反而會變成另一種注意力搶奪。
可及性與客製化
最後，別忘了可及性（Accessibility）。不同玩家的視野範圍、色覺能力、反應速度都不同。理想的 HUD 應該允許玩家調整血條位置、大小、顏色與透明度。這不只是佛心設計，也能延長遊戲壽命——因為玩家會找到最適合自己的配置，進而玩得更久。
實務上，可以提供「預設配置」與「自訂配置」兩套方案。預設配置採用左上角血條的經典佈局，降低新玩家的學習成本；自訂配置則允許進階玩家微調，滿足個人化需求。
六、實作檢查清單：你的血條放對了嗎？
最後，提供一份簡單的檢查清單，讓你在設計或評估遊戲 UI 時可以快速自檢：
血條是否位於玩家視線的「起始點」或「回歸點」？
血條是否能在周邊視覺中被察覺（長度、顏色、閃爍）？
血條是否遮蔽了畫面主體或關鍵遊戲區域？
血條的變化是否會強制中斷玩家對敵人的注視？
血條與其他 HUD 元素之間的掃視路徑是否簡短、不交叉？
是否提供了低血量警示等動態引導？
是否允許玩家調整位置、大小與顏色？
在特殊情境（Boss 戰、過場、選單）下，血條的顯示邏輯是否一致？
如果以上多數答案都是肯定的，恭喜你，你的 HUD 已經掌握了視線動線的基本功。如果有幾個項目亮了紅燈，也不必緊張——UI 設計本來就是不斷迭代的過程。重點是理解「為什麼」，而不是死記「放哪裡」。
結語：位置背後，是對玩家眼睛的尊重
血條放在左上角，表面上看起來只是一個約定俗成的慣例，實際上卻是數十年遊戲設計經驗、視覺心理學研究與玩家行為觀察的結晶。它同時滿足了閱讀慣性、周邊視覺監控、注意力預算、畫面避讓與肌肉記憶等多重需求，是一個「低調但極度合理」的設計解答。
下次當你在遊戲中瞥一眼左上角的血條，然後繼續專注於眼前的敵人時，不妨想想：這一瞬間的順暢，其實是設計師精心計算過的結果。好的 UI 從來不會讓你注意到它的存在——它只是默默地，讓你的眼睛在正確的時間，落在正確的地方。