構圖與畫框:讓螢幕錄影看起來像精心設計過
運用留白、圓角、陰影與安全區,把原始的螢幕錄影變成看起來經過精心設計的成品影片。
構圖與畫框:讓螢幕錄影看起來像精心設計過
兩個人用同一個應用程式、同一份腳本錄下完全相同的操作流程,一支影片看起來像工單附件,另一支卻像產品發表影片。差別很少在內容,多半在畫框處理。
畫框指的是環繞錄製畫面的一切:它有多少留白、邊緣如何處理、背後是什麼,以及重要的像素落在哪裡。Recorded 在編輯器中提供這些控制項,花幾分鐘調整就能改變影片的專業感。
為什麼畫框很重要
未經處理的螢幕錄影會把每個像素填滿到邊緣。這在技術上很完整,視覺上卻令人疲乏:視線無處停留,也沒有任何提示告訴觀眾該看哪裡。畫框一次解決三個問題:
- 層次:留白告訴觀眾該看哪裡
- 脈絡:畫框把「這個應用程式」和「介紹這個應用程式的影片」區分開來
- 一致性:系列影片使用相同畫框,會讓它們看起來成套
從合適的擷取範圍開始
構圖在按下錄製鍵之前就開始了。擷取整片 4K 螢幕再縮小,會讓介面在手機上小到看不清楚。
正確做法是貼近主體擷取:單一應用程式用視窗模式,特定區域用區域模式。擷取範圍越緊湊,在不犧牲可讀性的前提下留給畫框的空間就越多。如果已經知道成品要發到社群媒體,請在錄製時就以直式或正方形規劃,而不是在剪輯階段補救。
用留白創造呼吸空間
留白會把錄製畫面從畫布邊緣往內收,露出四周的背景。它是所有畫框調整中效益最高的一項。
不錯的起點是約為影片寬度 4%–8% 的留白。少於這個量會像是失誤;多太多,內容就成了大海報中央的一枚郵票。要留意兩種失敗:
- 留白太少:陰影被裁掉,畫面顯得侷促
- 留白太多:在小螢幕上應用程式內的文字變得難以辨認
請以觀眾實際觀看的尺寸預覽。在 27 吋顯示器上顯得通透的版面,在手機上可能根本讀不了。
柔化邊緣:圓角與陰影
圓角搭配柔和的陰影,會讓錄製畫面讀起來像懸浮於背景之上的獨立物件,而不是貼上去的一個矩形。
兩者都要克制。圓角半徑接近一般視窗本身的圓角就很自然;再大就會開始吃掉靠近角落的介面元素。陰影方面,優先選擇大範圍、柔和、低不透明度的擴散陰影,而不是緊湊的深色陰影——硬陰影像貼紙,瀰散的陰影才讀作景深。
選擇襯托內容的背景
背景的作用是讓錄製畫面更突出,而不是與它爭奪注意力。實用建議:
- 漸層與純色是最穩妥的預設選擇,低彩度的色調尤其合適
- 品牌色很適合示範與發表影片,前提是對比度足夠
- 照片風險較大:繁雜的影像會把注意力從介面上拉走
如果錄製內容整體偏亮(明亮的文件、白色主題的應用程式),較深的背景能製造分隔。如果應用程式是深色主題,請避免接近純黑的背景,否則畫框會完全消失。
把主體留在安全區內
設定好留白後,檢查真正的內容落在哪裡。選單、工具列與播放控制項往往擠在影片外緣,而社群平台會在下三分之一疊加字幕與按鈕。
盡量把你正在講解的部分——點擊的按鈕、變化的數值——保持在畫面中段。縮放效果在這裡很有用:以操作為中心的縮放會自動把主體從邊緣拉回來。
讓構圖符合發布平台
不同的去處需要不同的畫框:
- 文件與知識庫:適度留白、中性背景、最大程度的可讀性
- 到達頁與產品示範:充足留白、品牌背景、明顯的陰影
- 社群與行動裝置:直式或正方形畫布、緊湊擷取、大字級、主體置中
- GIF 與嵌入:留白降到最低——檔案很小的時候每個像素都珍貴
畫框快速檢查清單
匯出之前,先過一遍這份清單:
- 擷取範圍是否夠緊湊,介面文字是否清晰可讀?
- 留白是否既容得下陰影,又沒有擠壓內容?
- 圓角是否與你其他影片保持一致?
- 背景與應用程式主題是否形成對比?
- 關鍵操作是否遠離外緣?
- 是否以觀眾會使用的最小尺寸預覽過?
結語
畫框是螢幕錄影中最便宜的品質升級。內容一模一樣,觀感卻天差地遠。把留白、圓角、陰影與背景確定一次,在每支影片中重複使用,你的錄影作品就會開始像出自同一間工作室——因為它們確實如此。