網站拍照怎麼準備？開拍前先想清楚 4 件事

辦一桌流水席，如果沒先跟總鋪師講好桌數、菜色、忌口，現場一定手忙腳亂。這桌臨時要加一道菜，那桌小孩得多一份白飯，喊修改永遠來不及。網站拍照常常也踩進同一個坑，多數經營者找攝影師，先想到的是談價錢、約時間，卻沒先想清楚要拍什麼、拍多少張、場地道具誰準備，結果拍攝當天邊拍邊臨時決定，棚拍時間都花在現場討論上，事後也常拍出一種說不出哪裡怪的成品。

網站拍照怎麼準備，說穿了關鍵不在攝影師的技術好不好，而在開拍前有沒有把幾件事想清楚：每個頁面要幾張照片、橫式直式怎麼分配、場景道具誰準備。這幾件事想清楚了，攝影師當天才知道要跑幾個場景、留多少時間，拍出來的照片也才貼得上網站原本要傳達的樣子，不會事後才發現某個頁面漏拍，又得重新約時間補拍。

這幾件事要嘛留在腦子裡打轉，要嘛攤開清單一一列出來，差別會直接反映在拍攝當天的效率上。先從第一件事講起，網站每個頁面得先算好要拍幾張。

想清楚一：網站每個頁面，先算好要拍幾張

很多經營者找攝影師，第一句話幾乎都是「多少錢、什麼時候能來」，卻很少想過網站有幾個頁面、每個頁面各自需要幾張照片。這份清單沒先列出來，攝影師到現場只能看到什麼拍什麼，回頭才發現某個頁面缺照片，又得重新約時間補拍。

先從最重要的首頁講起。首頁最上方那張主視覺，決定的是訪客對你的第一印象，它不只是一張好看的背景圖，而是要在幾秒內傳達出這是一家什麼樣的品牌。HubSpot 在分析首頁主視覺的文章裡指出，一張定調得好的主視覺能建立品牌與訪客的連結、傳達清楚的價值主張，並把視覺引導到該按的按鈕上；反過來說，如果這張圖只是隨便找一張通用的素材庫照片充數，訪客感受不到品牌的真實樣貌，後面文案寫得再好也補不回來。

「關於我們」頁則是完全不同的邏輯，這裡靠的不是產品好不好看，而是真人、團隊與場地照堆出來的信任感。訪客想知道網站背後是誰在經營，只放產品照沒有說服力。服務或產品頁要依項目複雜度分配張數，不是每一項服務都只給一張。流程簡單的項目一張示意圖就夠，牽涉多個步驟或多種選擇的服務，則得拆成好幾張才講得清楚。

案例或實績頁更吃重過程感，光放成品照沒辦法佐證這件事真的做過，得靠拍攝或施作過程的情境畫面撐場面。最容易被漏掉的，是部落格與最新消息用的特色縮圖，這類圖片數量最多，卻常常被排在需求清單的最後面，結果變成臨時東拼西湊。

這跟 Google 官方對商家檔案照片的分類邏輯其實相通。Google 建議店家把照片依用途分成外觀、內部環境、產品、服務過程、團隊等好幾個類別，每一類至少要有三張，才撐得起完整的印象。網站的道理一樣，不是有拍就好，而是先想清楚每個頁面性質不同，該配的照片種類也不同。只是頁面與種類想清楚了還不算完，同一張照片要放進哪種比例的版位，現場沒先講好，後製階段照樣會卡關。

想清楚二：橫式、直式、方形，各要留多少張

同一張照片，裁成橫式跟裁成方形，構圖跟留白的位置完全不一樣。現場沒把取景範圍留夠，後製幾乎救不回來。想把遠處那盆植栽也納進畫面，卻發現拍攝當下已經把它排除在取景框外，這種損失事後補不回來。

Google 底下的開發者文件 web.dev，在討論響應式設計時提到一個概念，叫做「art direction」。這個概念指的是同一個主題，在不同裝置或版位上顯示的，往往不是同一張圖片縮放後的結果，而是構圖完全不同的另一張圖。文件特別強調，這麼做的理由是純粹的美學考量，不是為了網頁效能；換句話說，先決定好每個版位需要的構圖，本來就是設計上該做的事，不是可有可無的細節。

放回網站拍攝的現場，比例大致分三種。橫式（16:9）最常用在首頁大圖、內頁橫幅這類需要寬幅鋪陳的版位；直式則是手機版滿版背景、或以人像為主角的畫面需要的比例，取景時得刻意把主體留在畫面中段，才不會被上下裁掉重點；方形則多半用在頭像、商家檔案、縮圖這類小尺寸的版位，構圖要更靠中央，四周留白要夠。同一個場景，只要現場先講好安全的取景範圍，一次就能裁出好幾種比例，不用為了不同版位重拍。

如果這批照片以後還要挪去網站以外的地方，各平台官方訂出來的規格又不太一樣。Google 我的商家的官方建議是照片解析度落在 720×720 像素上下，屬於方形；Facebook 的官方說明則是封面照建議 851×315 像素，大頭貼建議 320×320 像素，並且會被裁成圓形；LinkedIn 公司頁面的官方規格更極端，橫幅建議尺寸是 4200×700 像素，寬度是高度的六倍。這三份規格擺在一起看就知道，同一天現場只顧著拍橫式，事後要挪去別的版位，不是得重新約時間，就是只能用軟體硬裁湊合。

把每個頁面與用途需要的比例、張數先列成對照表，攝影師才照得著拍，不會拍完才發現某個比例事前沒設定好：

比例和張數整理成清單之後，現場還有一件事更容易被忽略：場地、道具、由誰準備的人力，如果沒先講好，清單再完整也擋不住當天卡關。

想清楚三：場景、道具、人力，先講好誰準備

場地要先分清楚是棚拍還是實景。棚拍現場的燈光、背景都在掌控之中，變數少；實景則是辦公室、店面或戶外，現場的光線、動線、雜物都得靠事先場勘打點好，不能等到拍攝當天才發現某個角落堆滿雜物，或某個時段逆光嚴重。要選哪一種，關鍵在於你想呈現的是產品本身，還是品牌的真實場域，想清楚了才知道要不要多約一次場勘。

接下來是道具。樣品、招牌、桌椅擺設這類需要入鏡的東西，得在事前逐項列出來，並且寫清楚是自己準備還是請攝影師那邊準備。不少服務型店家吃過這種虧，以為對方會帶道具，對方卻以為客戶會自己準備，現場才發現兩邊都沒帶，只能拿手邊現有的東西將就。這種落差，提前列一份清單溝通就能避掉。

如果拍攝當天需要有人入鏡，不論是負責人、員工，還是服務進行中的畫面，也得先講好誰要出現、當天的服裝儀容怎麼準備。這件事拖到當天才決定，常見的結果是員工穿著便服臨時上場，或負責人剛好請假，整批照片因此得延期重拍。

最後一項常被漏掉的是後製需求。去背、調色、合成這些加工要不要做，得在事前就講清楚，不是拍完看到成品才臨時追加；後製範圍一變，原本談好的交件時間也會跟著往後推。

場地、道具、人力這三件事想清楚之後，接下來要做的，是把它們跟前面兩件事全部收進同一張清單裡，而不是分散記在腦子裡、到現場再口頭講。

想清楚四：一張清單，讓攝影師一次抓到你要什麼

一份堪用的拍攝需求清單，至少要有這幾個欄位：每個場景或畫面要拍什麼、對應網站的哪個頁面、要橫式還是直式、各要幾張、有沒有風格參考圖。前面四項，把這篇前三段想清楚的內容謄過去就有了；最後一項風格參考圖，反而是最多人卡關的地方。

手上沒有現成的照片可以參考時，多數人只能用「文青風」「質感一點」這類形容詞描述，但攝影師聽到的畫面，跟你腦子裡想的畫面往往對不上。

這裡有個現在才有的新做法。沒有參考照片，可以先用 AI 圖像工具生成幾張風格示意圖當溝通素材。像 Adobe 官方推出的 Firefly Boards，就是設計給團隊快速對齊風格用的情緒板工具，能生成或匯入圖片、套用風格參考，把想要的調性拼成一塊參考畫布。用這種方式生成的示意圖，比單純用形容詞描述精準很多，也讓攝影師不用靠猜的去補足你沒說清楚的部分。

清單整理好之後，先給攝影師看過、確認可行，再排定拍攝時間。順序顛倒過來，先約好時間，清單才邊拍邊補，這才是多數人卡在臨時決定的真正原因。清單先走過一輪溝通，能省掉大部分現場才發現的狀況，拍攝當天的時間也才真正花在拍照上，而不是花在討論上。

回到一開始的比喻，一桌流水席能不能順利上菜，關鍵從來不是總鋪師手藝好不好，而是主人家有沒有在開桌前把桌數、菜色、忌口講清楚。網站拍照要怎麼準備，道理其實一樣。攝影師的技術再好，現場沒有先想清楚的清單，時間照樣會花在臨時討論上。下次找攝影師之前，先把清單整理好，給對方看過確認，再排定拍攝的日子。想清楚的順序對了，拍攝當天才不會卡在邊拍邊決定，交出來的成品也才貼得上你原本想要的樣子。