用 Gemini 把 UI 搬進真實世界，製作更有創意的商品展示影片

https://www.youtube.com/shorts/udVzbLtJ73E

最近我正在測試一個新的 AI 影片方向。

不是單純幫實拍畫面加入爆炸、光效或華麗轉場，而是把原本只存在於手機、購物網站或遊戲裡的「UI 介面」，真正搬進現實世界，讓虛擬操作變成畫面中實際發生的事件。

這次我選擇的是「商品選擇介面」。

你可以把它想像成：我們平常在購物網站左右滑動商品、選擇款式，最後按下確認。現在，這整個操作過程不再發生於手機螢幕裡，而是直接出現在真實街道上。

這次的影片概念

影片場景是一個繁忙的十字路口。

街道上原本只有來往的車輛與人群，接著畫面上方突然浮現一個半透明的商品選擇框。不同商品像遊戲中的裝備欄一樣快速切換，最後游標選定其中一項商品。

確認選擇後，商品直接脫離介面，從空中掉進十字路口中央。

我想呈現的不是單純「把商品圖片放進影片」，而是讓 UI 和真實環境產生互動。當商品能夠被選取、掉落，甚至影響現實場景時，整支影片就會開始有事件感與故事性。

製作前準備

這次我準備了三張參考圖片：

• 圖一：繁忙的十字路口，作為主要場景
• 圖二：第一項展示商品
• 圖三：第二項展示商品

如果要套用自己的商品，場景不一定要由 AI 生成，也可以直接使用自己拍攝的照片或影片。

例如你可以拍攝辦公桌、房間、街道、咖啡廳或旅遊景點，再思考：「如果這個地方突然出現一個數位操作介面，會發生什麼事？」

這個問題通常就是創意的起點。

原始生成 Prompt

圖一是一個繁忙的十字路口，突然畫面上方出現一個透明的選擇框，上面出現圖二商品，接著自動往右切換成圖三商品。商品快速來回切換，像遊戲中的物品選擇畫面，最後點選圖二商品，圖二商品從選擇框中掉落到馬路中央。

這段提示詞並沒有加入太多複雜的攝影術語，主要是把以下幾件事情交代清楚：

1. 哪一張圖片是主要場景
2. 哪幾張圖片是要展示的商品
3. 商品出現與切換的順序
4. 最後要發生什麼關鍵事件

寫 AI 影片提示詞時，我認為最重要的不一定是詞彙看起來多專業，而是「事件的因果關係」夠不夠清楚。

先出現介面，介面中再切換商品，選定商品之後，商品才從介面掉進現實。只要順序混亂，AI 就可能把商品直接放在馬路上，或讓整個 UI 和場景一起亂動。

沒有創意方向，也可以先丟給 AI

很多人看到完成的影片，可能會覺得這種創意要先在腦中想得非常完整，才能開始製作。

其實不一定。

如果你只有一個商品，卻不知道能放進什麼場景、搭配哪種 UI，完全可以先把商品資料和使用情境交給 AI，請它幫你發想。

例如你可以這樣問：

我想使用 AI 製作一支商品展示影片，概念是把手機或購物網站裡的 UI 搬到真實世界。我的商品是「65W 三孔充電器」，請幫我提出 10 個適合的真實場景、UI 介面與結尾事件。創意要容易看懂，並且能自然呈現商品特色。

AI 可能會提供「電量選擇介面」、「裝置配對介面」、「充電功率儀表板」等方向。

如果其中一個概念讓你有感覺，就可以繼續追問：

請把「電量選擇介面出現在咖啡廳」的構想寫得更具體，告訴我畫面會先看到什麼、UI 如何出現、商品怎麼進入現實，以及結尾如何呈現。

這時候 AI 的功能就不只是替你寫提示詞，而是先幫你把模糊的念頭變成一個具有畫面感的概念。

當你看得見那個畫面，才比較容易判斷它是否適合你的商品，再進一步修改。

不要只讓 AI 一次產出答案

我覺得比較有效的方式，是把 AI 當成一起討論創意的協作者。

你可以先告訴它商品、場景與目的，請它提出幾個方向；看到喜歡的概念後，再叫它延伸畫面、補上動作，最後才整理成生成影片使用的提示詞。

整個協作過程可以拆成：

提供商品資料 → 發想應用方向 → 選擇喜歡的概念 → 建立畫面流程 → 整理生成 Prompt → 實際生成後再修改

第一次生成不夠理想也很正常。

你可以把結果重新描述給 AI，例如：「商品切換速度太慢」、「UI 太像貼圖」、「商品掉下來沒有重量感」，再請它針對問題修改提示詞。

這種來回調整的方式，通常比一開始就要求 AI 寫出一條「完美提示詞」更實用。

UI 現實化可以怎麼應用？

UI 不只可以做商品選擇框，還能延伸成很多形式：

• 購物車：把商品從購物車拖進現實
• 顏色選單：切換選項時，真實商品同步變色
• 尺寸介面：點擊放大後，商品瞬間巨大化
• 電量顯示：低電量警告出現在真實設備旁
• 裝備欄：選定自拍桿後，商品掉進人物手中
• 地圖介面：點選目的地後，場景直接切換
• 滑桿控制：拖動畫面上的數值，改變燈光或速度
• 星級評分：評分出現後，周圍場景產生不同反應
• 結帳按鈕：按下購買後，整個空間變成品牌展示區

真正值得思考的不是「我要加什麼特效」，而是：

這個 UI 被搬到現實之後，可以控制或改變什麼？

只要介面會對現實產生影響，影片就不會只是多一層漂亮的圖案，而會形成一個觀眾能理解的小故事。

讓效果更像真的

如果希望商品真的像是從數位世界掉進現實，可以在提示詞中補充幾個重點：

• 商品落地時要有符合重量的速度
• 地面出現接觸陰影
• 掉落後有輕微彈跳或碰撞
• UI 保持半透明並固定於空間中
• 路人或周圍環境對事件產生反應
• 商品外觀、比例與 Logo 不要改變

這些細節會直接影響畫面的可信度。

尤其是使用真實商品圖時，不要一次安排太多複雜動作。先讓「介面出現、商品切換、選定掉落」這條主線成功，再慢慢加入光影、粒子或路人反應，生成結果通常會比較穩定。

AI 的價值，是幫你把模糊想法變成畫面

這次的製作讓我更確定，使用 AI 不一定要先具備非常完整的創意。

你可以只有一個模糊方向，甚至只是覺得「我想讓這個商品以不一樣的方式出現」。接著把商品、使用場景與目的交給 AI，讓它先提供幾種可能性。

你不需要全盤接受它的答案，而是從裡面挑選一個讓自己有畫面感的方向，再繼續追問、修改和測試。

AI 負責幫你擴展可能性，你則負責判斷什麼適合自己的商品與觀眾。

這才是我認為比較實際的協作方式。

本篇內容與提示詞皆為原創，免費公開分享。如果你喜歡這類 AI 商品影片、提示詞拆解與實際修改邏輯，可以點選下方加入免費會員，就不會錯過我之後發布的新內容囉！