設計實務

商品情境圖腳本範本：一頁腳本表，把情境照拍成會賣的畫面

2026年8月15日・ViewInternet 編輯部

情境圖是電商最有說服力的一種照片，因為它讓消費者看見商品在生活裡的樣子，而不只是躺在白底上的孤零零一件物。但很多品牌拍情境圖靠的是現場臨場發揮，攝影師到了才開始想要怎麼擺，結果拍了半天沒幾張能用，重點還常常漏拍。真正省時又拍得準的做法，是拍攝前先寫好一份情境圖腳本。這篇提供一套可以直接套用的腳本範本，把每一欄的填法與範例講清楚，讓你和攝影師在按快門前就對齊畫面。情境圖最終是要放進頁面轉換動線的，建議先看我們談電商網站設計的整體邏輯，理解照片在頁面裡扮演什麼角色。

為什麼情境圖要先寫腳本

沒有腳本的拍攝，最常見的下場是三種。一是拍完才發現角度不對，商品的賣點沒被拍到，得重約一次。二是每張照片風格不統一，放到頁面上像拼貼，削弱品牌質感。三是道具與場景臨時湊，畫面雜亂搶了商品的鏡頭。腳本的價值就在於把這些決定提前做完，讓現場只需要執行。一份好腳本會回答四件事：這張要傳達什麼情緒、主體怎麼放、要用哪些道具與光線、以及一次要拍哪幾個分鏡。把這四件事寫下來，拍攝效率與命中率都會大幅提升。

情境圖腳本的五個欄位

範本的核心是一張五欄的腳本表，每個商品填一列。第一欄是情境設定，寫這張照片的使用場景與目標客群的生活片段。第二欄是主體與構圖，寫商品放在畫面的哪個位置、佔多大、用什麼角度。第三欄是道具清單，列出要一起入鏡的搭配物。第四欄是光線與色調，寫光的方向與整體氛圍。第五欄是分鏡數量，寫這個情境要拍幾種變化。把這五欄填滿，攝影師拿到就能直接執行，不用來回猜你要什麼。這張表也能當成拍攝當天的檢查清單，拍一列勾一列，避免漏拍。

一列填好的完整範例

以一款「保溫隨行杯」為例，示範怎麼填。情境設定：都會上班族的早晨，在辦公桌前手握熱飲的療癒片刻，傳達溫暖與從容。主體與構圖：杯子放在畫面右下三分之一處，四十五度俯角，杯身 logo 面向鏡頭，佔畫面約三成，留白給桌面元素。道具清單：筆電一角、一本翻開的筆記本、一支筆、窗邊的小盆栽，全部霧面材質避免搶反光。光線與色調：清晨側光從左方進來，暖白色調，帶一點通透感，不要死板的棚燈。分鏡數量：三張，分別是手握特寫、桌面全景、以及杯蓋掀開冒煙的動態。這一列填完，攝影師就知道要準備什麼、怎麼拍、拍幾張。把每個商品都這樣寫一列，一場拍攝的效率會完全不同。

分鏡清單怎麼排才不漏拍

分鏡是腳本裡最容易被省略卻最關鍵的一欄。建議每個情境固定拍三到四種分鏡，涵蓋不同用途。第一種是主圖候選，最能代表商品的一張，通常會放在頁面最上方。第二種是細節特寫，把材質、質感或功能拍近，回答理性買家的疑問。第三種是使用中的動態，讓人想像自己使用的樣子。第四種是全景或情境全貌，交代環境與氛圍。把這幾種都拍齊，同一款商品就能在頁面不同區塊各司其職，主圖抓眼球、特寫建立信任、動態勾動渴望。想更完整地把這些照片排進頁面，可以參考我們的商品頁設計方法。

從腳本到落地的收尾

腳本寫好只是開始，拍完還要選圖與後製。選圖時回頭對照腳本的情境設定，留下真正傳達到那個情緒的照片，其餘再美也先放一邊，避免頁面失焦。後製要守住一致的色調，讓整組情境圖看起來像同一個品牌拍的，這種一致性正是專業感的來源。若品牌每檔新品都要重拍，或商品線多到自己排不完腳本，把情境企劃、拍攝與頁面呈現交給同一個團隊，會比各自外包更省事也更一致。ViewInternet 提供電商官網的設計與改版服務，能把情境圖的腳本規劃與頁面視覺一起接手，讓拍出來的每一張照片都真的用在會賣的位置上。