Divi 視差滾動教學：打造立體深度感網站

視差滾動是常見的網頁特效。畫面往下滑時背景緩慢漂移、前景文字穩穩停在中間，能替品牌頁面加上深度。你打開 Divi，在背景圖片設定裡勾了「Use Parallax Effect」，預覽有了特效，可是手機表現不同、桌機圖片邊緣出現接縫，效能分數也跟著往下掉。

Divi 的深度效果可分成背景視差的兩種方法，以及套在前景模組上的 Scroll Effects。把它們混在一起，容易同時碰到手機行為不同、圖片裁切與網站變卡等問題。這篇會拆開三種工具、用「深度預算表」決定哪個區塊該做視差，再走一遍 Visual Builder 操作與行動版 fallback。

快速重點：視差滾動的本質是讓前、中、後層以不同速度移動，產生深度感。Divi 背景視差提供 CSS 與 True Parallax 兩種方法，前景則可用 Scroll Effects。不同瀏覽器與行動裝置的結果可能不同，所以要先設計好可讀的靜態 fallback。視差不會直接扣 SEO 分數，但大圖與滾動效果可能拖慢 LCP 或互動。

視差滾動其實在做一件事：把平面網頁拆出前、中、後三層

視差（parallax）這個詞是從天文學借來的。你把一根手指舉在眼前，先閉左眼、再閉右眼，手指相對遠方背景的位置會跳一下。這個「因為觀察位置不同而產生的位移差」，就是視差。把它搬進網頁，邏輯變成：螢幕在滾動的時候，離眼睛近的圖層跑得快、離眼睛遠的圖層跑得慢，大腦就會自動把它解讀成「這個畫面有深度」。這種深度感也不一定只能靠分層排版做出來，讓單張照片變 3D 動態的做法，也能在單一素材上創造類似的立體錯覺。

換句話說，視差滾動的本質是「把一個平面版面拆成立體空間」，動畫僅是它呈現出來的樣貌。一個標準的視差構圖會有三層：背景層（最遠、移動最慢）、內容層（文字與主圖、跟著滾動跑）、裝飾層（前景圖示或圖案、移動最快或反向）。你記住這個三層模型，後面所有設定都會變得很直覺，因為 Divi 的每一種視差工具，其實僅是在控制這三層的某一層。

一個常見的誤解是「視差等於背景圖片會動」。背景會動僅是其中一種實作。真正能創造驚豔立體感的，往往是前景模組在滾動時的縮放、旋轉或淡入。這也是為什麼很多新手把背景視差開到滿，畫面反而很「花」卻沒有深度：因為他們僅動了背景那一層，前景完全靜止，三層裡有兩層是死的。深度感來自「層與層之間的速度差」，而不是「某一層動得很厲害」。這個觀念一旦想通，你就不會再把視差當特效亂灑。

Divi 內建三種深度工具，先分清楚才不會拿錯工具

Divi 把深度效果分散在兩個地方：背景視差提供 CSS 與 True Parallax 兩種方法，模組則有獨立的 Scroll Effects。三者都跟滾動有關，但實作與行動版表現不同。Elegant Themes 的背景設定說明也明確列出這兩種 Parallax Method。

前兩種處理背景，Scroll Effects 處理前景。要做多層深度，可以選一種背景方法，再視需要為少量前景加 Scroll Effects，不必把所有效果疊在同一區。如果你想把 Divi 的整體操作脈絡補齊，可以回頭看Divi 主題從購買到進階設定。

特別提醒一件事：Divi 5 之後介面與效能都做過一輪重構（在Divi 5 介面與升級重點那篇已詳談），背景視差的欄位名稱與 Scroll Effects 的效能表現跟前代略有差異。如果你還在 Divi 4，看到的選項文字會跟接下來描述的幾乎一樣；如果你已經升上 Divi 5，邏輯相同，僅是面板排版更新了。

用一張「深度預算表」決定每個區塊該不該上視差

很多教學會直接叫你「把視差打開」，卻不告訴你什麼時候不該開。實務上的習慣是反過來：先假設整頁都不要視差，再用一張「深度預算表」逐區塊放行。理由很簡單，視差是一種注意力成本，一頁裡同時有四個區塊在動，讀者的眼睛會不知道該看哪，深度感反而互相抵銷。一頁式的視差額度通常預設在三到四個區塊以內，超過就開始互相打架。

以一個室內設計工作室的一頁式網站為例，把預算表套到實際版面會看得更具體。這類站的版面通常由上到下是：全螢幕首屏（作品集封面照）、設計理念、六個案例卡、服務流程、報價方案、聯絡區。對應的深度預算分配如下。

注意這張表裡「否」的欄位比「是」還多。這背後的原因是深度感來自對比，跟視差本身好不好無關：有幾個安靜的區塊襯託，那幾個會動的區塊才會顯得有力量。如果你六個區塊全開視差，使用者僅會覺得暈，根本感受不到深度。這個「留白襯託」的原則，跟排版設計裡的留白是同一件事，僅是搬進了時間軸。想更深入看一頁式的版面規劃邏輯，延伸閱讀可以看Divi 一頁式設計實戰。

這類室內設計首屏可以比較 True Parallax 與 CSS 方法，按實測效能和想要的速度感選擇。較重的背景效果適合留在情緒區，讓空間照緩慢位移；案例卡則保持靜態，因為它的任務是讓人快速比對作品，背景移動會影響讀者聚焦。把「動」留給情緒區、「靜」留給資訊區，是分配預算時反覆用到的主軸。

還有一個判斷維度：這個區塊的「主訊息」是什麼？如果主訊息是數字、價格、條款、合約重點，那就完全不要動，因為讀者要穩定地讀它；如果主訊息是情緒、氛圍、品牌印象，那就可以放視差進去。視差是情緒工具，不是資訊工具，記住這句話你就不會把報價表做成雲霄飛車。

在 Divi Visual Builder 開啟背景視差：逐欄位實戰

觀念講完了，這裡用背景 True Parallax 當主範例。CSS Parallax 也在同一個面板裡切換，步驟相同。

第一步，在 Visual Builder 裡點你想加視差的那個 Section 的齒輪圖示，進入 Section 設定。視差是掛在 Section 或 Row 的背景上，不是模組本身，這是新手最常找錯地方的原因。背景設定的路徑是 Content → Background → Background Image。

第二步，先上傳或選一張背景圖。這裡有一個關鍵：視差需要的圖片尺寸要比一般背景更大。因為視差會讓背景在容器內上下位移，如果圖片剛好等於容器高度，位移時上下就會露出空白或重複拼接的縫。實務上的經驗值是背景圖的高度至少要是該 Section 顯示高度的 1.5 倍以上，寬度則維持在 1920px 以上、視區塊寬度而定。圖片素材的選擇可以從免費圖庫挑高解析度素材，再進到下一步壓縮。

第三步，圖片上傳完，往下展開 Background Image 的進階選項，你會看到 Use Parallax Effect 與 Parallax Method。把開關打開，再於 True Parallax 和 CSS 兩種方法之間選擇。

第四步，決定速度。True Parallax 沒有顯式的「速度數值」欄位，它的速度感來自圖片尺寸與 Section 高度的比例：圖片相對越高，背景能夠被推動的距離越長，看起來越「滑」。所以調整視差速度的實務做法，往往是回頭調圖片高度，沒有一個數字可以直接轉。這也是為什麼前面特別強調圖片尺寸要先給足。

第五步，按下 Save，到前端預覽。預覽的時候不要僅看桌機，一定要把視窗縮到手機寬度，因為你桌機看到的 True Parallax，在手機上很可能完全沒有動。這件事後面會專門講。

背景視差圖片雖然常作為裝飾，仍可能成為首屏最大的資源。未壓縮的大圖加上滾動效果，可能拖慢 LCP 或操作流暢度。每次上傳視差背景圖，都應先經過圖片壓縮工具，並在 WordPress 媒體庫完成圖片優化，再以實際頁面測量結果判斷。

如何挑一張上得了視差的背景圖：構圖、主體、留白

設定再正確，一張不對的背景圖會讓視差整組壞掉。實務上歸納出的習慣是：視差背景圖的挑選標準，在於它能不能在垂直位移後仍然成立、文字壓上去還讀得到，單純漂亮還不夠。這件事在一般的背景圖教學裡很少被單獨提出來講，但它是視差成敗的另一半。

第一個篩選條件是構圖的垂直容忍度。視差會讓背景在容器裡上下跑，如果主體剛好在畫面正中央、上下都是不留餘地的滿版細節，位移一下主體就被裁掉一半。所以實務上偏好主體稍微偏上、或整體屬於上重下輕的構圖，這樣背景往下推的時候，主體還在框內。如果一張圖的主體置中而且邊緣全是關鍵細節，通常會直接換掉，因為它跟視差本質上不相容。

第二個篩選條件是文字落點的留白區。你要先決定標題與副標題落在背景的哪個位置，再回頭找一張那個區域相對乾淨的圖。理想是文字背後有一片低細節的色塊，例如牆面、天空、景深虛化的暗部。最糟的情況是文字剛好壓在樹葉、人群、或圖裡自帶的文字招牌上，那會變成一場視覺車禍，再強的遮罩都難救。也因此，實務上不太建議用空拍人群或市集這類高頻率細節的圖當視差背景，它們在靜態時很美，配上文字就崩潰。

第三個篩選條件是跨裁切相容性。同一張背景圖要在桌機寬版、平板、手機直式三種比例下都能用（或至少能手機獨立換一張），所以挑圖的時候會先在腦海裡跑一次裁切測試：這張圖縮到手機的直立比例，主體還在不在？左右兩側被切掉之後，構圖會不會失衡？能通過這個測試的圖，才有資格進視差背景的候選名單。素材來源可以從免費圖庫裡鎖定「建築空間」「自然景觀」「極簡靜物」這類先天留白多的分類去找，命中率會高很多。

把這三個篩選條件記下來，你會發現視差背景圖的挑選邏輯，其實比較接近「找一個安靜的舞台讓文字表演」，最吸睛的攝影作品在這裡反而不適任，因為它太想搶當主角。這個心態轉過來，你的視差版面才會從「熱鬧」走向「有層次」。

進階玩法：用 Scroll Effects 把任何模組綁到滾動軸

背景視差僅能動背景，真正讓畫面「活起來」的是 Scroll Effects 這套系統。它的邏輯跟背景視差完全不同：你選定任何一個模組（一段文字、一張圖、一個按鈕），然後定義「當使用者滾動到這個模組的某個進度時，它要位移多少、縮放多少、旋轉幾度、透明度多少、模糊多少」。它是一條以滾動進度為 X 軸、以某個視覺屬性為 Y 軸的動畫曲線。

開啟路徑是：點任何模組的齒輪 → Advanced → Scroll Effects。展開後可設定 Vertical Motion、Horizontal Motion、Fade In and Out、Rotating、Scaling Up and Down 與 Blur。

每一種效果的設定邏輯都一樣：你指定一個「起始滾動點」和「結束滾動點」，然後給它起始與結束的數值。例如 Vertical Motion，起始點設 0%（模組剛進入視窗底部）、結束點設 100%（模組離開視窗頂部），起始位移 20%、結束位移 0%，模組就會從下方 20% 的位置慢慢往上飄到定位。把它跟背景 True Parallax 同時開，就會出現「背景慢慢推、前景標題往上浮」的雙層深度，這是視差最迷人的地方。

Scroll Effects 真正強大的是它可以疊加。一個標題模組可以同時垂直位移、淡入、微微旋轉，做出很有個性的進場。但這裡也是失控的重災區：建議單一模組同時開的效果不要超過兩個，否則動畫曲線會互相打架，看起來像在抖而不是在飄。Scroll Effects 面板裡還有一個「在手機上停用」的選項，這個選項務必打開，原因下一節會講清楚。

Scroll Effects 還能跟 Divi 的 Sticky（黏性）功能搭配。一個模組先設成 Sticky（滾動時釘在某個位置），再疊上 Scroll Effects 的縮放，就可以做出「標題先釘住、然後縮小變形」的導覽列效果。不過這種組合的 JavaScript 成本會疊加，一頁裡用一兩個就夠，不要整頁都釘都縮。如果想看更多可以疊加的官方模組與第三方擴充，可以從Divi Supreme 模組擴充或先前整理的必裝 Divi 外掛清單挑搭配。

三個實務上重複在用的 Scroll Effects 配方

講完原理，直接給你三個實務上反覆使用的組合，你可以照著參數套，再依版面微調。這三個配方涵蓋了「進場」「強調」「轉場」三種最常見的需求，套得好就能撐起一整頁的動態層次。

• 配方一：標題淡入上浮（Vertical Motion 加 Fade In and Out）。模組起始位置設在視窗下方約 15% 處，Fade 從 0 到 100%，結束點設在模組進入視窗中段。這是章節標題最安全也最通用的進場，幾乎百搭。要留意 Fade 的起始點不要設得太早，否則使用者還沒看到標題，它就已經播完一半。
• 配方二：數字與圖示的微縮放（Scaling Up and Down）。模組從 1.1 倍縮到 1.0 倍，幅度很小但很有感，常用在統計數字、服務步驟的圖示上，製造一種「它朝你靠近然後定位」的份量感。這個配方最忌諱幅度過大，一旦超過 1.3 倍就會從強調變成晃動，反而像故障。
• 配方三：章節之間的橫向漂移（Horizontal Motion）。把一個裝飾性圖示或副標設成從左側或右側橫向漂入，用來標示一個新章節的開始。它單獨存在時效果有限，但放在兩個全寬區塊的交界處，能做出像電影過場的轉換感。這個配方記得關掉手機版，因為窄螢幕上的橫向位移很容易超出視窗造成橫向卷軸。

這三個配方的共通原則是「幅度小、時間長」。新手最容易犯的錯是把幅度開大、希望「效果明顯」，結果看起來像在抽動。成熟的視差動畫幾乎都是你「感覺得到、卻說不上哪裡在動」的那種微妙位移，這需要你願意把數值調得比直覺更小一點。

手機上的視差是另一個世界：先準備可讀的 fallback

True Parallax 在手機上的表現可能和桌機不同，結果會受 Divi 版本、瀏覽器與裝置設定影響。不要把桌機預覽當成行動版保證。

觸控裝置的效能與互動模型不同，瀏覽器也可能限制背景固定或滾動效果。穩妥做法是把靜態背景當成基礎，確認動畫停用、未觸發或表現不同時，文字對比與構圖仍然成立。

根據 Statista 的全球統計（2026 年 4 月），行動裝置佔整體網頁流量的比例近年來持續超過六成。Google 的 mobile-first indexing（2023 年 10 月）則表示主要以行動版內容建立索引，不是獨立的行動版排名加分。因此，靜態 fallback 應被視為完整設計，而不是故障時才勉強出現的備案。

所以正確的工作順序不是「先調桌機視差，最終再看手機」，而是反過來：「先設計好手機那張靜態背景圖的構圖與對比，確認它在沒有動畫的情況下也成立，再回頭加桌機視差當加分」。一張在手機上構圖混亂、文字壓在圖片雜點上讀不出來的背景，加上視差僅會讓桌機也跟著難看，不會救它。

實務上有三個動作一定要做。第一，在 Section 背景設定裡針對手機獨立設一張構圖更簡潔、主體置中的圖（Divi 的背景圖可以針對桌機、平板、手機分別指定）。第二，背景圖上的文字一定要加半透明遮罩或深色漸層，確保在任何螢幕亮度下都讀得到，這也是無障礙的基本要求。第三，Scroll Effects 裡那個「在手機上停用」的開關，全部打開，讓手機版回到乾淨的靜態版面。手機版的排序與版面邏輯，可以搭配先前整理的Divi 手機版排序調整一起規劃，才不會桌機很美、手機卻順序錯亂。

這裡也帶出一個觀念：響應式不是「把桌機版縮小塞進手機」，而是「桌機與手機是兩個不同的閱讀情境，各自有各自的最佳狀態」。視差是這個觀念最鮮明的例子，因為它在兩個情境下的行為根本不同。完整的響應式設計思維，推薦再讀一篇響應式網頁設計的基礎整理。

視差不會直接扣 SEO 分，但可能拖累 Core Web Vitals

Google 沒有「用了視差就扣分」的規則。視差是前端表現手法，僅有在大圖、主執行緒負擔或版面位移變差時，才會影響頁面體驗；Google 在 2020 年 5 月對頁面體驗的評估說明也指出，Core Web Vitals 在排名系統中是小幅訊號，內容相關性仍更重要。

Core Web Vitals 有三個指標：LCP 衡量主要內容載入、INP 衡量互動回應、CLS 衡量視覺穩定。視差可能影響其中一項或多項，但影響幅度要用實際頁面測量，不能從「有視差」直接推算結果。

視差背景圖若是首屏主要視覺，可能成為 LCP 候選；滾動效果佔用主執行緒時，可能影響互動；載入後若改變區塊尺寸，也可能增加 CLS。三者都要在行動裝置與真實網路條件下測量。

要守住這三個指標，視差網站上線前實務上有四道固定的效能守門：

1. 壓縮與正確格式：背景圖先壓到 200KB 以內，優先轉 WebP 或 AVIF，WordPress 端搭配系統性的圖片優化流程。
2. 延遲載入：視差背景圖原則上不 lazy load（它是首屏 LCP 候選），但頁面下方其他視差區塊的圖一定要開延遲載入，避免一次把整頁大圖全拉下來。
3. CDN 與快取：靜態資源走CDN，頁面層用快取外掛把 HTML 與資產快取住，這是任何 WordPress 站的基本動作，視差站更要守住。完整的速度體系可參考另一篇網站速度優化完整指南，跟著對照做一遍。
4. 視差額度：回到前面那張深度預算表，控制一頁裡的視差與 Scroll Effects 數量；增加效果後用 Performance 與 PageSpeed 實測主執行緒負擔。

這四道守門做下來，視差網站一樣可以拿到綠色的 Core Web Vitals。關於這三個指標怎麼看、怎麼用 Search Central 的報表追蹤，可以延伸讀Core Web Vitals 與 SEO 的關係，以及上線後用Search Console實際監測數值。視差與 SEO 的關係，本質上來說一句話：視差本身不會扣分，會扣分的是你沒補齊的效能功課。

視差跟其他 Divi 功能能不能一起用：三個最常被問的疑問

實作到一半，讀者最常卡住的點，往往是「視差跟某個功能能不能同時開」這種組合問題，視差本身的設定通常不是最難的那一關。這裡把最常被問的三個狀況一次講清楚，幫你省下交叉測試的時間。

疑問一：視差跟 Sticky 黏性選單會不會打架？可以同時用，但 z-index 階層一定要分清楚。Sticky 選單必須永遠在視差背景之上，否則滾動時選單會被背景圖蓋過。固定做法是 Sticky 選單設一個明確的高 z-index（例如 999），視差背景壓在預設值，前景模組在中間。同時給錨點目標加 scroll-margin-top，預留 Sticky 選單的高度，才不會錨點跳轉時標題被選單遮住。

疑問二：WooCommerce 商品頁能不能用視差背景？能用，但範圍要嚴格收斂在頁面最上方的品牌主視覺那一塊。商品圖庫、價格、購買按鈕、規格表格這些區塊絕對不要疊視差背景，原因有兩個：一是價格與規格屬於必須穩定可讀的資訊，任何位移都會降低信任；二是商品圖庫本身已經是一組互動元素，再加上背景視差的 JavaScript 監聽，INP 很容易吃緊。把視差當成商品頁的「開場裝飾」，用一次就停手，是比較安全的拿捏。

疑問三：視差背景跟影片背景能不能同時上？技術上 Divi 讓你在同一個 Section 二選一，但實務上強烈建議不要想把兩者疊起來。影片背景本身就吃大量頻寬與解碼資源，再疊上視差的位移運算，手機端幾乎一定卡。如果你真的需要動態背景，優先順序是「單純影片背景」大於「單純視差圖片背景」，兩者擇一即可。會想同時用的人，多半是想要更強的視覺衝擊，但衝擊過頭的代價是流失，這在轉換漏斗裡從來不划算。

五個最常見的視差地雷：動暈、對比、尺寸、錨點、階層

講了這麼多該做的事，這一節講實作上最常踩到的坑。每一個都附上解法，你直接對著檢查。

地雷一：動暈症與無障礙。視差會讓一部分前庭敏感的讀者頭暈甚至噁心，這是醫學上確認存在的前庭反應，不是矯情。正確做法是尊重系統的 prefers-reduced-motion 設定，當使用者開啟這個作業系統層級的「減少動態效果」時，網站要自動把視差與 Scroll Effects 關掉。Divi 5 對這個設定的支援比前代好，但不要假設它全包了，上線前用系統設定實測一次最保險。一個會讓使用者頭暈的網站，再多深度感都救不了轉換率。

地雷二：背景圖上的文字讀不出來。這是最常見、也最致命的一個。漂亮的背景照上面直接壓白字，結果背景剛好也有大片白雲或亮面，文字瞬間消失。解法的關鍵是加一層半透明深色遮罩（例如 rgba(0,0,0,0.45)）或由下而上的深色漸層，把文字與背景之間永遠維持足夠的對比，單純換字色通常救不回來。這層遮罩順便也幫你過無障礙的對比檢查。文字本身的層級與排版，想深入可以讀文字排版技巧。

地雷三：圖片尺寸不夠造成邊緣重複。前面提過，視差需要背景圖比容器大，否則位移到極限時邊緣會露出空白，瀏覽器會把圖片重複拼接，出現一條明顯的接縫。解法有兩個方向：一是給足圖片高度（至少 1.5 倍），二是在背景設定裡把重複（repeat）關掉、改成 cover 模式，並把背景位置錨點（background position）設成 center top 或 center center，讓它即使位移也盡量不露餡。

地雷四：錨點跳轉撞上位移。一頁式網站常用導覽列錨點跳到某個區塊，但如果該區塊或它前面的模組有 Scroll Effects 的垂直位移，錨點落點會跟著偏移，使用者點「服務流程」卻落到流程區的中間。解法是給有 Scroll Effects 的目標區塊加一個 scroll-margin-top 緩衝，並在測試階段把每一個錨點都實際點過一次，確認落點。這件事沒有捷徑，就是手動走一遍。

地雷五：z-index 階層衝突。視差背景、Sticky 導覽列、Scroll Effects 前景、彈出選單，全部都在搶 z 軸的前後順序。當 Sticky 選單被視差背景蓋過、或前景圖示穿透到不該出現的區塊，畫面就會出現「怎麼有東西浮在那裡」的靈異現象。解法是上線前畫一張簡單的 z-index 階層表：導覽列最高、彈窗再高一層、內容區與視差背景在底層，固定下來不要隨手亂加。這個習慣會幫你省下無數個「為什麼它跑到上面去了」的深夜除錯。

上線前的七步驟驗收清單，直接拿去用

把上面所有觀念收斂成一張可以照著跑的清單。這是實務上每個視差專案上線前一定走完的七步，你也可以直接搬到團隊的 SOP 裡。

1. 盤點深度預算：把整頁的區塊列出來，標出哪幾個要視差、用哪種工具，總額度控制在三到四個區塊以內，主訊息是數字或條款的區塊一律不動。
2. 準備兩套背景圖：桌機用高解析度大圖（寬 1920px 以上、高為顯示高度 1.5 倍以上），手機則準備一張構圖簡潔、主體置中的版本，兩張都先過壓縮與 WebP 轉檔。
3. 逐區塊設定：背景視差在 Section 設定裡開、Scroll Effects 在模組設計裡開，單一模組同時開的效果不超過兩個，手機停用的開關全打開。
4. 加對比遮罩：每一個背景圖上的文字區，都加半透明深色遮罩或漸層，確保對比通過無障礙檢查。
5. 驗證 prefers-reduced-motion：在系統層開啟減少動態效果，確認視差與 Scroll Effects 全部靜止，這是動暈症讀者的安全網。
6. 測錨點與 z-index：把導覽列每一個錨點實際點過一次，確認落點沒被位移吃掉；檢查 Sticky、彈窗、視差背景的 z-index 階層一致。
7. 跑效能與行動測試：用 PageSpeed Insights 跑桌機與手機分數，確認 LCP、INP、CLS 都在綠色區間，再到實機手機上滑一遍，確認沒有卡頓與接縫。

這七步走完，你的視差網站才算是「可以對外負責」的狀態。視差這件事的迷人之處，就在它把網頁從一份平面文件拉成了一個有空間感的場景；而它的麻煩之處，也在這個空間感需要你用工程紀律去守護，否則它很快會從驚豔退化成驚嚇。把預算表、手機 fallback、效能守門、無障礙這四件事記住，你就能放心享受它帶來的深度。

如果你手上正好有一個用 Divi 蓋的品牌站或作品集站，想把視差做得有層次又不拖垮效能，卻不想自己摸完整條工程鏈，Whoops SEO 也提供從版面規劃、Divi 實作到效能與 SEO 一起看的顧問服務。需要的時候再來找我們就好，Whoops 很樂意陪你把特效與效能一起權衡。先從上面的七步清單開始，你會發現視差其實沒有那麼難駕馭。