基于沉浸式體驗的虛擬看車動效設計策略研究

基金項目：本論文為2019年度教育部人文社會科學研究規劃基金項目“‘從擬態到數態’中國傳統形態參數化建構策略研究”階段性成果，項目編號：19YJAZH123

摘要：目的：本研究以汽車資訊類APP的3D虛擬看車功能為案例，旨在探索動效設計在移動端虛擬看車場景下提升用戶沉浸體驗方面的潛力與價值。方法：基于現有動效分類和沉浸式體驗相關理論研究，分析沉浸式體驗的特征，運用情感設計理論與沉浸感構建過程，構建以動效為基礎的3D虛擬看車沉浸體驗模型。結果：最終基于模型提出引導類動效、展示類動效、轉場類動效、反饋類動效四大動效設計策略和相應的設計方法。結論：研究成果為國內汽車行業的數字化體驗動效設計和用戶沉浸式體驗優化提供了有益的參考。同時，充分考慮了新技術發展趨勢，能滿足不斷變化的用戶需求，為未來的汽車數字化購車體驗注入新的活力。

關鍵詞：虛擬看車；沉浸感；動效設計；用戶體驗；設計策略

中圖分類號：J524；TP317 文獻標識碼：A 文章編號：1004-9436（2024）02-000-04

0 引言

虛擬營銷在數字時代成為汽車領域的重要推廣方式，其中移動端虛擬看車功能通過全方位界面展示汽車，為消費者提供了真實、高效的購車體驗［1］。隨著界面設計的進步和新興技術如虛擬現實（VR）、增強現實（AR）的引入，用戶對虛擬展示的關注及其沉浸感體驗需求的持續增長，在當今競爭激烈的市場中，找到獨特、難忘的營銷方式至關重要。動效設計是提升虛擬看車體驗和用戶沉浸感的關鍵工具。然而，在3D虛擬看車領域，現有動效設計仍面臨理論和實踐上的不足，導致用戶沉浸感體驗并不穩定。

1 相關概念闡述

1.1 虛擬看車動效的分類

界面動效是動態圖形的類型之一，指被運用于人機交互圖形界面所呈現出動畫效果。界面動效有著清晰的邏輯目的，具有更強的交互性和功能性，旨在幫助用戶理解當前交互發生的上下文背景，并提供恰當的反饋，本文所研究的動效主要指界面動效。具體而言，可以根據多種維度對動效進行分類。例如，網易設計團隊將動效分為引入動效、頁面動效、轉場動效和組件動效［2］。由于動效的類型和表現方式會受到實現目的、信息類型和傳達內容的影響，因此分類方式并沒有絕對全面和正確一說。在3D虛擬看車場景移動界面中，動效可以展現流暢的運動路徑，引導用戶感受車輛的各個細節，通過形狀元素變化營造出趣味的看車氛圍等。根據不同場景的功能和目的，可以將虛擬看車的界面動效大致劃分為以下幾個類型。

轉場類動效：主要用于界面之間的過渡，使用戶在不同視覺場景之間流暢切換，避免突兀的界面切換感。這種動效可以是頁面的滑動、淡入淡出、旋轉等，幫助用戶更自然地理解不同界面之間的關系，增強用戶體驗的連貫性和流暢性。

展示類動效：主要用于突出產品的核心功能和特點，引導用戶的視覺流向，降低用戶的認知負荷。通過動效輔助展示元素狀態的變化，可以更好地吸引用戶的注意力，使其關注產品的重要信息。

引導類動效：主要用于引導用戶完成特定的操作或流程，幫助用戶更好地了解界面的功能和使用方式。這種動效可以是手勢指示、高亮提示等。通過動態視覺元素和運動路徑，將用戶的注意力引導至界面中關鍵區域，有助于增強用戶的認知控制感。

反饋類動效：主要用于提供用戶操作的反饋，讓用戶了解其操作是否被成功接收和執行，具體包括按鈕點擊、頁面加載等方面的動效。通過合適的反饋動效，用戶可以獲得對其操作的即時確認，增強用戶的掌控感和滿足感。

1.2 沉浸式體驗

沉浸感作為一個重要的概念，最早由心理學家米哈里·契克森米哈賴（Mihaly Csikszentmihalyi）于1975年提出的心流理論所引入。心流是指人在活動中完全投入的狀態，能夠帶來新發現和創造感，仿佛將個體代入全新的現實［3］。《設計的法則》的作者立德威爾（Wiliam Lidwell）將沉浸式體驗解釋為個體將精力全部心流般地投注到某種活動中，無視外界的存在，以達到忘我的狀態［4］。諾瓦克（Novak）等研究指出，顧客與相關事件的關系包括身心投入（認知）和身心融入（沉浸）兩種情況［5］。努爾特（Noort）等指出，沉浸感的構成包括認知控制、專注、好奇和使用經驗等多維結構［6］。隨著互聯網技術的不斷發展，在線用戶沉浸感體驗的研究逐漸深入。有研究表明，沉浸是形成優質在線體驗的關鍵因素［7］，實際情況也證明了移動應用和網頁設計越來越注重對沉浸式體驗的營造。

情感體驗在用戶產生沉浸感時起到了重要作用。唐納德·諾曼（Donald Norman）的情感設計理論以及其他研究進一步拓展了沉浸感的概念，他基于情感認知總結了情感化的三個層次：給用戶帶來感官刺激的部分是本能層；控制人身體行為的部分是行為層；大腦思考的部分是反思層［8］。王菁等人提出情感投入、文化體驗和好奇心是使用購物網站的在線用戶沉浸感的表現［9］。具體可以解釋為情感投入提升用戶的認知控制和對新功能的嘗試；文化體驗能加深用戶對品牌和設計的感知，形成專注效應；好奇心體驗則有助于培養用戶嘗試新服務、重復訪問和搜索的瀏覽習慣。這三種體驗分別對應認知控制、專注和好奇這三種關鍵的沉浸表現。

可以看出，在移動交互界面設計中，用戶情感影響著用戶對界面的投入和參與度，進而影響沉浸感的持續。動效設計在這一過程中作為重要的載體，分別在本能層、行為層和反思層產生影響。本能層通過動態元素的選擇激發用戶的情感反應，行為層通過動態的過渡、反饋和反應影響用戶的情感，而反思層則通過讓用戶感受到界面的意義和價值，來引發其情感共鳴和滿足感。

2 3D虛擬看車沉浸體驗的界面動效設計模型

2.1 沉浸感與動效設計的聯系

動效影響著用戶體驗的不同層面。交互動效主要影響用戶的感知和交互層面，其通過輔助用戶理解界面功能、提供操作反饋并增強感知流暢性，有助于塑造用戶對認知控制感和專注性的體驗。視覺動效不僅能幫助用戶理解界面功能，還在情感反思層面施加影響，著重于品牌理念和價值的傳達，這一過程的目標在于激發用戶的情感共鳴，利用用戶自身的情感訴求，喚起用戶的內心渴望并認可產品的價值觀。這種情感體驗不僅會令用戶留下深刻印象，還有助于增強整體的沉浸感。

沉浸感的塑造包含整個產品使用階段，動效的觸發和生成鏈路也包含喚醒動效前的動機、觸發動效的行為、動效的動作、觸發后的結果，與沉浸感的構成也相對應，影響最終的動效設計策略。

2.2 3D虛擬看車沉浸體驗的界面動效設計模型建構

在3D虛擬看車場景的沉浸式體驗中，動效貫穿用戶使用過程的感官體驗、行為交互和情感認知共鳴，對應于沉浸感建立過程的認知控制、專注、好奇和使用經驗層面。本研究緊密結合情感設計理論與沉浸感構建過程，創建了一個提供沉浸式體驗的動效模型（見圖1）。

由于用戶的沉浸感會隨著情感體驗逐層深入，所以動效設計模型涵蓋情感體驗的三個關鍵層次：本能層、行為層和反思層。本能層的焦點是模擬用戶對車輛環境的感知，通過視覺、聽覺和觸覺效果，以及動效的動畫運動路徑，構建出與實際看車情境相符的虛擬3D車輛模型。通過融合情感元素，本能層的動效營造了良好的情感氛圍，有助于用戶更迅速地理解和適應3D虛擬車輛的展示環境，從而奠定認知控制感的基礎。行為層聚焦于用戶與界面的互動行為和界面對用戶行為的引導。通過巧妙的視覺元素和動效引導，用戶的視覺焦點被引導至特定的界面元素，激發了用戶主動參與界面操控的愿望。該層次的動效設計要符合用戶的行為習慣和滿足用戶的預期，從而幫助用戶逐步建立持續的專注力，進而實現沉浸感的專注構成要素。反思層則關注動效的設計規范和情感共鳴，包括視覺風格、物理運動設計等方面的一致性。此外，情感化元素和品牌要素的融入，能進一步喚起用戶的好奇心并激發其對品牌理念的情感共鳴。通過這一過程，用戶得以累積操作經驗，對品牌也會產生更深層次的認知和情感聯結，感到省心省力，從而提升整體的沉浸感體驗，能夠在3D虛擬看車環境中獲得更深入和有意義的參與體驗。

例如，汽車資訊類APP“懂車帝”的3D看車功能，最初通過在加載頁面、車型選擇、空間尺寸展示、技術數據呈現等方面運用動效，以視覺和動態元素引導用戶的情感反應，提高用戶本能層的感知控制力。在看車的使用過程中，采用精細視覺動效元素，在3D視圖中突出顯示重要的細節和特征，吸引用戶的注意力，使他們更專注于車輛的外觀、內飾和特點，以及使用動態元素，如過渡、變換和彈性效果，引導用戶注意到不同方面的車輛細節。最后，在看車體驗中的交互和視覺細節處理以及體驗結束后巧妙運用過渡效果，不僅能讓用戶在使用虛擬看車功能的過程中體驗到樂趣，更能在情感上與產品產生共鳴，增強其對產品的好奇心和價值認同感，對購車決策的形成和品牌價值的傳遞產生積極影響。

3 基于沉浸感體驗的3D看車界面動效設計策略

3.1 引導類動效設計策略

引導類動效在3D虛擬看車應用中主要用于引導用戶探索使用功能。通過界面元素的巧妙變化，引導動效能將用戶的注意力聚焦到特定區域，減輕其他視覺元素的干擾，從而增強用戶對界面的認知控制感，具體設計策略如下。

3.1.1 視線導引和焦點聚焦

引導動效的首要目標是引導用戶的視線，使其自然地關注到特定的車輛部位或功能。在3D虛擬看車應用中，可以將動效應用于車輛外觀的亮點部分，如獨特的車燈造型、輪胎設計等。動效的流暢過渡和視覺吸引力能夠促使用戶的視線自然聚焦在這些區域，增強其對特定車輛特點的認知。

3.1.2 操作引導與掌控感

引導動效應在用戶操作時提供清晰的引導，幫助用戶決定下一步的操作。在3D虛擬看車過程中，當用戶進行手勢操作以旋轉車輛或切換視角時，適當的動效應用可以使操作變得更加自然和流暢，增強用戶的掌控感。例如，在用戶旋轉車輛視角時，引導動效根據車模的旋轉角度，提示車身當前方位，以便用戶準確掌握操作效果。

3.1.3 新手引導與功能介紹

引導動效還可用于向新用戶介紹應用的基本功能。在用戶首次使用時，可引導其簡單操作，如拖動、縮放以及展示基本功能按鈕的動效，可以幫助用戶快速了解應用的操作方式和功能。這不僅增強了用戶的認知控制感，還降低了用戶的學習難度，使他們更快地投入虛擬看車體驗中。

3.2 展示類動效設計策略

展示類動效在3D虛擬看車應用中具有突出產品特點和加強視覺效果，從而吸引用戶的作用。經過精心設計的動效，可以將用戶的注意力吸引到特定的車輛部位或功能，從而突出產品的獨特之處。動效中融入沉浸視覺元素或改動界面結構，可以提升產品的視覺吸引力，增加用戶與虛擬車輛的互動。情感化視覺動效元素的設計，也能為使用過程營造氛圍感，具體設計策略如下。

3.2.1 強調產品特點

展示類動效的首要目標是通過動態效果突出產品的核心特點和賣點。在3D虛擬看車應用中，可以運用動效來突出車輛的外觀設計、內飾布局以及特色功能。例如，強調流線型車身、獨特的車燈設計、寬敞的內部空間等。動效的呈現應以視覺效果為主，通過縮放、高亮、漸變等效果將用戶的視線引導到關鍵部位。

3.2.2 制造視覺沖擊

展示類動效應該具備視覺吸引力，能夠吸引用戶的眼球并引發其興趣。在3D虛擬看車應用中，可以使用一些視覺沖擊效果，如漸進式呈現、逐層展示等，使用戶在觀看車輛外觀或內飾時感受到一種逐漸撥開迷霧的效果，增強視差感，激發用戶的好奇心。

3.2.3 動靜結合，增強感官體驗

展示類動效可以巧妙地將動態效果與靜態展示結合起來，以提升感官體驗。在3D虛擬看車應用中，可以通過動態切換不同人稱視角，逐層展示車輛外觀、內飾布局的方式，增強用戶的空間感和沉浸感，使用戶更好地理解車輛的整體結構和特點。另外，在視覺上添加動態的氛圍元素，形成符合自然或人體的節奏感，從而營造平和的看車氛圍。

3.3 轉場類動效設計策略

轉場類動效在3D虛擬看車應用中扮演著連接不同場景、頁面的橋梁的角色。這些動效是為了使用戶在切換不同內容時感受到平滑和自然的過渡，更重視為用戶帶來流暢的體驗，設計策略如下。

3.3.1 視覺流暢，無縫連接

確保轉場動效的設計能夠無縫連接不同場景，避免用戶在切換過程中感到突兀。動效的起始和結束狀態應與前后場景的視覺效果保持一致，以便用戶能夠平穩過渡。

運用平滑、連貫的運動路徑，確保轉場動效在視覺上能夠流暢引導用戶的視線。通過視覺流暢的設計，用戶能夠自然地從一個場景切換到另一個場景，增強其與虛擬環境的聯系感。

3.3.2 情境預期

考慮用戶在轉場之前的情境，使動效能夠在用戶心理層面提前建立轉場的預期。這有助于降低用戶的認知負荷，使他們在場景切換時能夠更順暢快速地適應變化。

3.3.3 適應用戶行為

了解用戶在3D虛擬看車應用中的典型操作路徑，將轉場動效與這些操作路徑相結合。例如，當用戶查看不同車輛部件時，動效可以根據用戶的操作路徑來引導場景切換，提供更符合用戶期望的體驗。

3.4 反饋類動效設計策略

反饋類動效在3D虛擬看車應用中不僅是為了確認操作結果，更是為了增強用戶與虛擬環境的互動，從而增強沉浸感，具體設計策略如下。

3.4.1 感知性反饋

充分考慮動效的感知性特點，以確保用戶能夠通過觸覺、視覺和聽覺等感官獲得反饋。例如，在用戶對虛擬汽車部件進行操作時，通過視覺變化、觸覺反饋和聲音效果來傳達操作結果，從而增強用戶的參與感和沉浸感。

3.4.2 環境一致性

確保反饋動效與3D虛擬看車場景的整體環境保持一致。動效的視覺效果、運動路徑和時機應該與虛擬環境相協調，以避免用戶在體驗過程中的認知斷裂感，從而深化沉浸體驗［10］。

3.4.3 自然過渡

運用平滑且自然的動效過渡，避免突兀的效果。動效的出現和消失應該符合物體的物理特性，以及用戶在現實世界中的預期。這樣的過渡有助于用戶更好地融入虛擬場景，增強其感知的真實感。

3.4.4 個性化反饋

考慮用戶的個體差異，反饋動效應具有個性化特點。用戶在與3D虛擬場景互動時，能夠獲得與其操作風格和偏好相匹配的反饋，從而加深他們與看車應用之間的連接感。

4 結語

本文以移動端3D虛擬看車功能為例，探索了動效設計在提升用戶沉浸體驗方面的潛力?；诂F有的動效分類，深入分析沉浸式體驗的定義與特征，基于情感設計理論，結合沉浸感的構建過程，構建以動效為基礎的用戶虛擬看車沉浸體驗模型，并提出相關的虛擬看車動效設計策略。在引導類動效的設計策略中，將注重通過動效的視覺效果和運動路徑，引導用戶自然而然地聚焦于界面中的特定元素，從而減少其他視覺元素的干擾，增強用戶的認知控制感。展示類動效的設計策略致力于突出產品核心功能和特點，吸引用戶的視覺流向，進而增強用戶的專注感。轉場類動效的設計策略則通過平滑的過渡，幫助用戶理解不同場景之間的變化，避免因突兀的界面切換產生視覺干擾，從而讓用戶保持專注。最后，在反饋類動效設計中，強調通過統一的設計風格和運動速率，為用戶提供一致的界面操作經驗，同時注重情感化因素和品牌元素的融入，以激發用戶的好奇心和情感共鳴。本研究希望能為移動端界面動效設計和用戶沉浸式體驗優化提供有益參考，從而為汽車行業的數字化體驗創新注入新的活力。

參考文獻：

［1］ 甄文媛.汽車之家：云車展如何破局數字化營銷［J］.汽車縱橫，2020（5）：34-37.

［2］ 王子禹，劉顏楷.基于手游玩家沉浸體驗的動效設計策略研究［J］.設計，2021，34（18）：127-129.

［3］ 趙珊.心流理論視閾下沉浸式設計路徑探析［J］.四川戲劇，2021（2）：77-79.

［4］ 立德威爾，霍頓，巴特勒.設計的法則［M］.沈陽：遼寧科學技術出版社，2010：10-14.

［5］ 諾瓦克，霍夫曼，楊.在線環境中測量客戶體驗：結構建模方法［J］.市場科學，2000，19（1）：22-42.

［6］ 范·努爾特，福爾費爾德，范·雷默斯達爾.品牌網站中的互動性：消費者在線流體驗的認知、情感和行為反應［J］.互動營銷雜志，2012，26（4）：223-234.

［7］ 斯楚滕，麥克亞歷山大，科尼格.卓越的顧客體驗與品牌社群［J］.營銷科學學院雜志，2007，35（3）：357-368.

［8］ 唐納德·諾曼.情感化設計［M］.付秋芳，程進三，譯.

北京：電子工業出版社，2005：30-33.

［9］ 王菁，李妍星.在線顧客體驗的形成路徑：基于沉浸理論的實證研究［J］.中國地質大學學報（社會科學版），2015，15（2）：132-139.

［10］ 周睿.啟動時態界面中動效的交互設計研究［J］.包裝工程，2015，36（8）：83-86.

作者簡介：李星瑞（1999—），女，四川攀枝花人，碩士在讀，研究方向：交互與體驗設計。