構圖與畫框:讓螢幕錄影看起來像精心設計過

運用留白、圓角、陰影與安全區,把原始的螢幕錄影變成看起來經過精心設計的成品影片。

構圖與畫框:讓螢幕錄影看起來像精心設計過

兩個人用同一個應用程式、同一份腳本錄下完全相同的操作流程,一支影片看起來像工單附件,另一支卻像產品發表影片。差別很少在內容,多半在畫框處理。

畫框指的是環繞錄製畫面的一切:它有多少留白、邊緣如何處理、背後是什麼,以及重要的像素落在哪裡。Recorded 在編輯器中提供這些控制項,花幾分鐘調整就能改變影片的專業感。

為什麼畫框很重要

未經處理的螢幕錄影會把每個像素填滿到邊緣。這在技術上很完整,視覺上卻令人疲乏:視線無處停留,也沒有任何提示告訴觀眾該看哪裡。畫框一次解決三個問題:

  • 層次:留白告訴觀眾該看哪裡
  • 脈絡:畫框把「這個應用程式」和「介紹這個應用程式的影片」區分開來
  • 一致性:系列影片使用相同畫框,會讓它們看起來成套

從合適的擷取範圍開始

構圖在按下錄製鍵之前就開始了。擷取整片 4K 螢幕再縮小,會讓介面在手機上小到看不清楚。

正確做法是貼近主體擷取:單一應用程式用視窗模式,特定區域用區域模式。擷取範圍越緊湊,在不犧牲可讀性的前提下留給畫框的空間就越多。如果已經知道成品要發到社群媒體,請在錄製時就以直式或正方形規劃,而不是在剪輯階段補救。

用留白創造呼吸空間

留白會把錄製畫面從畫布邊緣往內收,露出四周的背景。它是所有畫框調整中效益最高的一項。

不錯的起點是約為影片寬度 4%–8% 的留白。少於這個量會像是失誤;多太多,內容就成了大海報中央的一枚郵票。要留意兩種失敗:

  • 留白太少:陰影被裁掉,畫面顯得侷促
  • 留白太多:在小螢幕上應用程式內的文字變得難以辨認

請以觀眾實際觀看的尺寸預覽。在 27 吋顯示器上顯得通透的版面,在手機上可能根本讀不了。

柔化邊緣:圓角與陰影

圓角搭配柔和的陰影,會讓錄製畫面讀起來像懸浮於背景之上的獨立物件,而不是貼上去的一個矩形。

兩者都要克制。圓角半徑接近一般視窗本身的圓角就很自然;再大就會開始吃掉靠近角落的介面元素。陰影方面,優先選擇大範圍、柔和、低不透明度的擴散陰影,而不是緊湊的深色陰影——硬陰影像貼紙,瀰散的陰影才讀作景深。

選擇襯托內容的背景

背景的作用是讓錄製畫面更突出,而不是與它爭奪注意力。實用建議:

  • 漸層與純色是最穩妥的預設選擇,低彩度的色調尤其合適
  • 品牌色很適合示範與發表影片,前提是對比度足夠
  • 照片風險較大:繁雜的影像會把注意力從介面上拉走

如果錄製內容整體偏亮(明亮的文件、白色主題的應用程式),較深的背景能製造分隔。如果應用程式是深色主題,請避免接近純黑的背景,否則畫框會完全消失。

把主體留在安全區內

設定好留白後,檢查真正的內容落在哪裡。選單、工具列與播放控制項往往擠在影片外緣,而社群平台會在下三分之一疊加字幕與按鈕。

盡量把你正在講解的部分——點擊的按鈕、變化的數值——保持在畫面中段。縮放效果在這裡很有用:以操作為中心的縮放會自動把主體從邊緣拉回來。

讓構圖符合發布平台

不同的去處需要不同的畫框:

  • 文件與知識庫:適度留白、中性背景、最大程度的可讀性
  • 到達頁與產品示範:充足留白、品牌背景、明顯的陰影
  • 社群與行動裝置:直式或正方形畫布、緊湊擷取、大字級、主體置中
  • GIF 與嵌入:留白降到最低——檔案很小的時候每個像素都珍貴

畫框快速檢查清單

匯出之前,先過一遍這份清單:

  1. 擷取範圍是否夠緊湊,介面文字是否清晰可讀?
  2. 留白是否既容得下陰影,又沒有擠壓內容?
  3. 圓角是否與你其他影片保持一致?
  4. 背景與應用程式主題是否形成對比?
  5. 關鍵操作是否遠離外緣?
  6. 是否以觀眾會使用的最小尺寸預覽過?

結語

畫框是螢幕錄影中最便宜的品質升級。內容一模一樣,觀感卻天差地遠。把留白、圓角、陰影與背景確定一次,在每支影片中重複使用,你的錄影作品就會開始像出自同一間工作室——因為它們確實如此。