賽車 Arcade 遊戲視覺心流分析

從視覺設計角度拆解玩家心流體驗的建立、維持與強化

流程總覽

從待機到接關,12個階段的玩家心理旅程

各階段分析

遊戲流程中的視覺心流觸發與維持

Stage 1:待機 — PV影片

吸引力 期待感 強烈視覺衝擊

被機台播放的高畫質展示吸引而駐足觀看。

GIF 動圖
✓ Positive Case
車輛破框畫面演出,展示遊戲特色,營造緊張刺激的氛圍
動畫運鏡
📖 心流理論依據

心流理論強調「清楚的目標」是進入心流前提。PV以破框構圖直接傳達遊戲核心——速度與衝擊感,讓路過玩家瞬間理解遊戲類型。

GIF 動圖
✓ Positive Case
大螢幕尺寸加上車輛特寫構圖,讓玩家感受到真實車輛尺寸與魄力
動畫運鏡
📖 心流理論依據

視覺引導原則中,物體佔畫面比例越大,情感衝擊力越強。大螢幕配合特寫構圖製造1:1的臨場感。

GIF 動圖
✓ Positive Case
影片呈現節奏感快慢有變化,預告接下來會發生的事情,讓玩家產生期待感
動畫運鏡
📖 心流理論依據

張力波形理論中,節奏快慢交替製造「緊繃→釋放」循環,持續抓住觀者注意力並建立期待。

GIF 動圖
✗ Negative Case
避免車輛過小,看起來會像玩具車
動畫運鏡
📖 心流理論依據

視覺比例直接影響威脅感知。車輛在畫面中佔比過小會降低速度感與衝擊力,無法觸發腎上腺素反應。

GIF 動圖
✗ Negative Case
車輛輪胎要貼地,用深色陰影強化接觸面,避免輪胎浮空,破壞沉浸感
動畫運鏡
📖 心流理論依據

認知中斷理論:物理規則的違反(浮空)會觸發分析性思維,將觀者從沉浸狀態拉回現實。

Stage 2:待機 — 投幣頁

吸引力 準備迎接挑戰的興奮感

決定遊玩,投入代幣或感應卡片伴隨清脆音效確認開始,準備進入競速世界。

授權車輛陣容展示
✓ Positive Case
授權重機與超跑一字排開,呈現豐富的正版授權車陣容
動畫運鏡
📖 心流理論依據

選擇多樣性激發「探索動機」,豐富車款陣容讓玩家預期遊戲內容深度,強化投幣意願。

快節奏PV片段剪接
✓ Positive Case
使用PV片段剪接出快節奏的影片,吸引玩家目光
動畫運鏡
📖 心流理論依據

張力波形中的快節奏剪輯持續給予視覺刺激,防止注意力衰退,維持投幣前的興奮狀態。

GIF 動圖
✓ Positive Case
投幣資訊擺在玩家視線正中間,須顧及1~4P位的左右留空位置皆要擺在安全範圍內
UI設計 達到心流
📖 心流理論依據

根據Fitts' Law,目標越靠近視線中心、面積越大,操作決策越快。減少視覺搜尋成本降低認知負荷。

Stage 3:流程 — 選擇對戰

競爭感 社交期待

根據與親友同遊或是自己練技術決定是否對戰,或者直接挑一個預設的選項。

GIF 動圖
✓ Positive Case
將選項置於視線範圍中間,利用大小比例來引導玩家,並不一定要用箭頭指引
UI設計
📖 心流理論依據

格式塔原則中的「大小對比」自動引導注意力,不需額外指示元素即可建立視覺層級。

GIF 動圖
✓ Positive Case
使用全版面海報式設計強調畫面感吸引親友同遊
達到心流 UI設計
📖 心流理論依據

社交動機是Arcade遊戲留存的核心驅力。全版面視覺衝擊製造「值得分享」的感受,降低邀請同玩的心理門檻。

GIF 動圖
✓ Positive Case
深色背景凸顯前後選項
UI設計
📖 心流理論依據

圖地反轉原則:深色背景讓前景選項獲得更高對比度與視覺權重,加速判讀。

Stage 4:流程 — 選擇模式

控制感 目標確立

根據自身喜好,選擇一般競速、計時賽或特殊挑戰模式,或者直接挑一個預設的選項。

GIF 動圖
✓ Positive Case
選項文字及選項大小做出大差異,玩家能清楚了解選項內容
達到心流 UI設計
📖 心流理論依據

Hick's Law指出選項之間差異越明確,決策時間越短。視覺層級分明降低認知負荷,加速進入遊戲。

GIF 動圖
✓ Positive Case
選擇中選項內物件破框的演出方式來增加臨場感
達到心流 UI設計
📖 心流理論依據

破框設計打破2D介面的平面感,暗示玩家即將進入3D沉浸世界,建立心理過渡。

GIF 動圖
✓ Positive Case
切換選項時整個選項左右移動增強操作回饋感
達到心流
📖 心流理論依據

即時回饋原則:操作立即產生視覺位移,建立「輸入→反應」的因果連結,強化操控感與參與感。

Stage 5:流程 — 選擇場景

探索欲 好奇心

瀏覽不同賽道圖,評估難度與喜好做選擇,或者直接挑推薦的賽道。

GIF 動圖
✓ Positive Case
利用直版大螢幕,UI展開場景預覽的上下邊界,增加玩家的沉浸感
達到心流 UI設計
📖 心流理論依據

視覺佔有率越高,沉浸感越強。展開邊界等於擴大「視覺窗口」,讓玩家感覺已經身處賽道中。

GIF 動圖
✓ Positive Case
將流程的虛擬燈箱收起增加螢幕的場景預覽範圍
達到心流 UI設計
📖 心流理論依據

減少UI元素等於減少認知干擾,讓注意力完全聚焦於場景本身,提前啟動空間記憶與路線規劃。

GIF 動圖
✓ Positive Case
全版畫面增加臨場感,選到的場景可搭配動態影片展示
UI設計 達到心流
📖 心流理論依據

動態預覽觸發「心理模擬」——玩家在選擇階段就開始想像自己駕駛的感覺,提前建立心流前置狀態。

Stage 6:流程 — 選擇車輛

個性化展現 期待感

看著各種帥氣車輛,選擇喜好的款式或者限定的車款,對選到的車輛會有所期待。

GIF 動圖
✓ Positive Case
車輛、選項配置以參考實際視野範圍,將車輛展示放在玩家能最清楚看到的位置
達到心流 UI設計
📖 心流理論依據

人因工程中的「舒適視角」設計,將關鍵資訊放在視野中心30度內,減少頭部移動與認知負荷。

GIF 動圖
✓ Positive Case
虛擬燈箱放大展示機車廠牌LOGO,強調原廠授權
達到心流
📖 心流理論依據

品牌認同觸發情感連結。正版授權強化「這是真實車輛」的認知,提高玩家對車輛的情感投資。

GIF 動圖
✓ Positive Case
畫面主角為中間3D汽車,UI選項不應搶過風頭,擺在視覺中心即可
UI設計 達到心流
📖 心流理論依據

視覺層級原則:3D車輛是情感連結的載體,UI僅為功能輔助,主次分明避免注意力競爭。

Stage 7:流程 — Loading

醞釀情緒

跟朋友聊天之餘,有時間會盯著螢幕上的教學,心理上準備進入比賽。

GIF 動圖
✓ Positive Case
教學提示及成就放在視野安全範圍內
達到心流 UI設計
📖 心流理論依據

認知負荷理論:等待期間提供適量資訊(非過量)維持認知活性,同時不造成焦慮。

GIF 動圖
✓ Positive Case
依照教學提示搭配圖示,增加圖文關聯性
達到心流
📖 心流理論依據

雙碼理論(Dual Coding):圖像+文字同步呈現的記憶留存率遠高於純文字,提高教學有效性。

GIF 動圖
✓ Positive Case
主要放置教學資訊及成就資訊,讓玩家明確知道進入遊戲後的目標
UI設計
📖 心流理論依據

心流前提之一「清楚的目標」。Loading期間建立明確目標(打破紀錄、達成成就),讓玩家帶著目的進入比賽。

Ingame — 起跑 Cutscene

競賽開始瞬間的心流觸發與沉浸感建立

Stage 8:Ingame — 起跑Cutscene

競爭感 沉浸感 緊張感

感受要開始比賽的緊張感,在倒數結束前清楚自己的位置及起跑時間,熟練的人會有挑釁或耍帥的操作。

車輛起跑鏡頭展示
✓ Positive Case
明確呈現玩家車輛位置,第1-4cut鏡頭都以玩家車輛為target
動畫運鏡 達到心流
📖 心流理論依據

心流理論強調「清楚的目標」與「即時回饋」是進入心流的前提條件。起跑鏡頭固定以玩家車輛為中心,讓玩家在比賽開始前建立空間定位感與自我認同,降低認知負荷,快速進入專注狀態。

巨大3D倒數數字
✓ Positive Case
巨大3D UI數字明確讓玩家有準備並提高緊張感
動畫運鏡 UI設計 達到心流
📖 心流理論依據

根據張力波形理論,起跑倒數是「緊繃感」的最高點。巨大的3D倒數數字透過視覺衝擊力集中注意力,同時提供明確的時間預期,讓玩家從準備狀態瞬間切換到全神貫注的競賽模式。

催油門燒胎動畫回饋
✓ Positive Case
催油門會有相應的燒胎動畫、煙塵、及引擎聲互動,讓玩家有沉浸感並有互動回饋
動畫運鏡 特效後製 達到心流
📖 心流理論依據

心流模型中「行動與意識合一」的要素需要即時操作回饋。催油門觸發燒胎動畫、煙塵與引擎聲,建立「輸入→反應」的感覺迴路,強化玩家與虛擬車輛之間的情感連結與操控信任感。

Cutscene UI退場
✓ Positive Case
cutscene時UI退場,增加畫面沉浸感
UI設計 達到心流
📖 心流理論依據

根據心流理論的「自我意識消融」原則,減少外部介面提示有助於玩家完全融入遊戲世界。Cutscene期間移除UI元素,讓視覺專注於賽道與車輛,最大化沉浸感受。

車輛浮空問題
✗ Negative Case
鏡頭拍攝時要避免車子浮空沒有接地,會破壞沉浸感
動畫運鏡 特效後製 避免中斷
📖 心流理論依據

心流狀態極度脆弱,任何破壞真實感的視覺異常都會觸發「認知中斷」。車輛浮空違反玩家對物理世界的直覺認知,迫使大腦從沉浸狀態切換到分析模式,直接打斷心流。

地面貼圖浮空問題
✗ Negative Case
避免地面毀損貼圖浮空破壞沉浸感
場景設計 避免中斷
📖 心流理論依據

速度感設計依賴環境的視覺連貫性。地面貼圖浮空產生的視覺錯位會破壞深度感知,降低玩家對速度的感受。根據可讀性原則,場景元素必須符合物理預期才能維持沉浸感。

GIF 動圖
✗ Negative Case
起跑鏡頭Target不要換來換去,以玩家車為主
動畫運鏡 避免中斷
📖 心流理論依據

心流需要「注意力集中於有限的刺激範圍」。頻繁切換鏡頭目標會分散注意力、增加認知負荷,違反心流理論中「專注當下」的核心要素,讓玩家無法建立穩定的空間感。

鏡位過度旋轉造成暈眩
✗ Negative Case
鏡位不可過度激烈旋轉,造成玩家暈眩與破壞專注度
動畫運鏡 避免中斷
📖 心流理論依據

根據攝影機設計原則,過度旋轉造成前庭覺與視覺資訊不一致,引發暈眩反應(VR Sickness同理)。暈眩直接破壞專注度,是心流狀態最強烈的中斷因素之一。

重要物體跨屏被切割
✗ Negative Case
重要物體跨越邊框,沉浸感被打斷
動畫運鏡 避免中斷
📖 心流理論依據

視覺連續性是沉浸感的基礎。當重要物體被螢幕邊緣切割時,玩家的視覺系統會意識到「這是一個有限的螢幕」而非「一個延伸的世界」,打破第四道牆,中斷沉浸體驗。

Ingame — 比賽

核心遊戲體驗的心流維持與優化策略

Stage 9:Ingame — 比賽

競爭感 速度感 心流狀態 腎上腺素飆升

專注於賽道,享受車輛操控,避免撞牆,與對手展開拉鋸。

✓ Positive Case
氮氣在按下一瞬間衝出呈現強烈速度線、風切及FOV效果
動畫運鏡 達到心流 特效後製
📖 心流理論依據

速度感來自「環境相對運動」而非絕對車速。FOV擴張結合速度線模擬了人眼在加速時的視覺壓縮現象,瞬間製造腎上腺素反應。這符合張力波形中「週期性高潮刺激」的設計原則。

✓ Positive Case
撞擊敵車時呈現慢動作製造行為反饋
動畫運鏡 達到心流
📖 心流理論依據

慢動作是經典的「時間操控」回饋手段,放大關鍵瞬間的戲劇性。撞擊敵車觸發慢動作讓玩家感受到行為後果的重量感,強化「行動→回饋」循環,屬於正向增強的心流維持機制。

✓ Positive Case
室內外場景交替及明暗變化,豐富整體的視覺
達到心流 場景設計
📖 心流理論依據

根據「緊繃/釋放」理論與五條曲線同步設計法中的「視覺節奏曲線」,環境明暗交替製造視覺刺激的週期性變化。隧道的壓迫感(緊繃)接上開闊路段(釋放),維持玩家的注意力活性。

✓ Positive Case
場景上車輛、物件被撞到,零件噴飛及不同物理重量表現,提高真實性
達到心流 場景設計
📖 心流理論依據

環境對玩家行為的動態反應強化「操控感」。物件被撞飛時的差異化物理重量表現(輕的飛遠、重的滾動)提供豐富的感覺回饋,讓玩家相信這是一個「活的」世界,深化沉浸感。

✓ Positive Case
真實的車輛反射烤漆,會隨著不同路段有不同的反射變化
場景設計 車輛設計 達到心流
📖 心流理論依據

視覺細節的動態變化是「環境敘事」的一部分。車身反射隨路段改變(城市霓虹→森林綠蔭→隧道燈光),持續給視覺系統新鮮刺激,防止感覺適應(Sensory Adaptation)導致的注意力下降。

高辨識度世界地標場景
✓ Positive Case
高辨識度世界地標作為核心場景,高辨識度主題加強代入與沉浸感
達到心流 場景設計
📖 心流理論依據

熟悉的地標啟動「場所記憶」與情感連結,玩家不需要學習就能認知所在位置,降低空間理解的認知負荷,讓注意力完全投入操控。

360度旋轉特技
✓ Positive Case
經典360度旋轉與滾筒特技,打破現實物理限制,把飛躍與空中特技變成常規操作,極具觀賞性
達到心流 動畫運鏡
📖 心流理論依據

「超現實操作」提供現實中不可能的體驗,觸發「奇觀效應」。玩家在執行特技時處於高度專注狀態,挑戰與技能達到平衡點——心流的核心條件。

✓ Positive Case
多樣化的路面材質切換,賦予賽道更豐富的視覺質感與沉浸感
場景設計 達到心流
📖 心流理論依據

材質多樣性防止「視覺疲勞」。不同路面(柏油、沙地、雪地)改變車輛操控反饋,持續製造新鮮的挑戰變化,維持心流所需的「技能-挑戰平衡」。

✓ Positive Case
隨路面材質即時切換輪胎粒子特效(如噴沙、濺雪、磨擦煙霧)
特效後製 達到心流
📖 心流理論依據

即時回饋原則的延伸:路面材質的視覺回饋(粒子噴濺)讓操控感更立體。玩家不只「看到」路面不同,還能「感受到」車輛與地面的互動,強化沉浸。

Motion Blur過高問題
✗ Negative Case
Motion Blur避免過高,以免降低速度感
場景設計 避免中斷
📖 心流理論依據

適度的Motion Blur增強速度感,但過高反而模糊了環境細節與深度資訊。根據速度感設計原則,速度感來自「能看清環境在高速移動」,如果一切都糊掉,反而失去相對運動帶來的速度參照。

轉彎箭頭背景需單純
✗ Negative Case
箭頭後方的背景不能太複雜,避免遮蔽或稀釋轉彎提示,確保轉彎提示清晰明確
場景設計 避免中斷
📖 心流理論依據

根據視覺引導與可讀性原則:「每一個高難度路段都應有清楚的視覺預告」。轉彎提示是關鍵導航資訊,背景過於複雜會稀釋提示的視覺權重,增加認知負荷,違反心流中「目標清晰」的要素。

賽後階段

成就感爆發與再挑戰動機建立

Stage 10:Ingame — 衝線

壓力釋放 成就感

伴隨慢動作與特殊音效衝過終點,如果是險勝,會忍不住歡呼或緊繃的肌肉瞬間放鬆。

衝線顯示名次
✓ Positive Case
衝線瞬間馬上顯示名次,並在前三名的表現做出差異化
達到心流 UI設計
📖 心流理論依據

即時回饋是心流循環的收尾。衝線瞬間顯示名次將「抽象的勝負」轉為「具體的成就數字」,前三名差異化強化正向情緒峰值。

衝線甩尾出框演出
✓ Positive Case
衝線後的螢幕出框甩尾演出,表現獲得名次的帥氣感
達到心流 動畫運鏡
📖 心流理論依據

「高潮瞬間」的戲劇化處理延長情緒峰值的持續時間。出框甩尾打破螢幕邊界,暗示成就「溢出」遊戲框架,強化玩家的勝利感。

GIF 動圖
✓ Positive Case
衝線加入彩帶等特效,讓玩家加大獲得成就感
達到心流 特效後製
📖 心流理論依據

多感官正向回饋(視覺彩帶+音效)觸發大腦獎勵系統,強化「努力→獎勵」的因果認知,提高再挑戰動機。

Stage 11:結算 — 排行榜

成就感 比較心理

看著自己的名字與名次出現在榜單上,若超越朋友或打破紀錄會感到極大滿足。

GIF 動圖
✓ Positive Case
背景使用重播畫面影片,讓玩家產生回味感,畫面中文字資訊以一頁能看完為優先
達到心流 UI設計
📖 心流理論依據

重播畫面觸發「情節記憶」回味,延長正向情緒。資訊一頁呈現符合認知負荷理論——結算階段玩家認知資源已低,需最小化閱讀負擔。

Stage 12:結算 — 接關

近失效應 意猶未盡 再挑戰動機

跟親友聊剛剛的差一點就能贏的遺憾,因為不甘心而繼續下一局。或者看著有新車新挑戰的獎勵,在倒數計時壓力繼續下一局。

接關獎勵展示
✓ Positive Case
將接關可獲得新服裝與新車的好處實際演出,吸引玩家投幣
達到心流
📖 心流理論依據

「近失效應」加上具體獎勵視覺化,觸發損失規避心理——「如果不繼續就會錯過已經快到手的獎勵」。

GIF 動圖
✓ Positive Case
將接關可獲得額外氮氣瓶的好處用UI動畫表現
動畫運鏡
📖 心流理論依據

具體利益的動畫展示比文字描述更有說服力。動態UI將抽象的「遊戲優勢」轉為可視的「即時戰力提升」。

GIF 動圖
✓ Positive Case
畫面主角為中間3D汽車,UI選項不應搶過風頭,擺在視覺中心即可
UI設計 達到心流
📖 心流理論依據

接關畫面的3D車輛維持情感連結不中斷。玩家看著「自己的車」會激活擁有感(Endowment Effect),提高放棄的心理成本。