如何在螢幕截圖上加入 iPhone 外框

拍攝乾淨的螢幕截圖

樣機的品質不會超過放在裡面的螢幕截圖。擷取前先關閉通知、隱藏個人資料，並確保畫面只呈現一個清楚的重點，例如單一功能、結果或訊息。

• Face ID iPhone：同時按下側邊按鈕與音量增加按鈕。
• 主畫面按鈕 iPhone：同時按下側邊（或頂端）按鈕與主畫面按鈕。
• Mac：按 Shift-Command-4 擷取區域，按 Shift-Command-3 擷取整個螢幕，或按 Shift-Command-5 取得更多選項。

如果要呈現網頁而不是 App，Safari 風格的瀏覽器視窗通常比手機外框更能說明脈絡。請參閱瀏覽器與裝置樣機。

在 Collage Easy 中加入 iPhone 外框

1. 開啟 Collage Easy，使用螢幕截圖開始新專案。Collage Easy 可在 App Store 免費下載，適用於 iPhone、iPad、搭載 Apple 晶片（M1 或後續版本）的 Mac，以及 macOS 14 或後續版本。
2. 開啟 Mockups 面板，選擇 iPhone 外框。螢幕截圖會出現在裝置畫面內。
3. 檢查是否合適。在 iPhone 上拍攝的截圖最適合 iPhone 外框。如果使用其他裝置的截圖，先裁切，讓重要部分填滿畫面區域，但不要拉伸。
4. 選擇背景。紀錄用途選單色，活潑內容選圖案，溫暖氛圍選自然景色，地點很重要時則選自己的圖片。
5. 調整尺寸與位置。在外框周圍保留可見留白，讓裝置邊緣清楚可讀。先嘗試筆直版本，再比較輕微傾斜的版本。
6. 需要時加入脈絡。使用文字工具在外框外加入簡短標題，通常比把箭頭放在介面上更能說明內容。
7. 匯出並檢查。儲存圖片，在照片 App 中開啟，並以觀眾實際會看到的尺寸檢視。

讓樣機看起來專業

• 每張圖片傳達一個訊息。如果需要三個畫面才能說明，就製作三張圖片，或使用相同外框與背景的小型拼貼。
• 先顧對比，再加裝飾。深色 App 畫面放在深色背景上會消失。換成較亮或更有色彩的背景，或把外框移到較安靜的區域。
• 保持可信。輕微傾斜能增加活力，但大幅旋轉會讓介面文字難以閱讀。
• 保持一致。無論是 App Store 展示、作品集或產品更新，每張圖片都使用相同外框、背景風格與留白。一致性看起來更有意圖。
• 文字應放在畫面外。把說明放在背景上，不要跨過介面，讓截圖保持誠實且容易閱讀。

選擇正確的匯出尺寸

細部調整前先決定樣機會在哪裡被看見。直式貼文適合 1080 × 1350 像素（4:5），限時動態適合 1080 × 1920（9:16），網站主視覺通常需要橫式形狀。我們的拼貼尺寸指南列出 Instagram、限時動態、Pinterest 與印刷的目前尺寸。如果同一個樣機要服務多個地方，先製作主版，再為每種格式建立變體。裁切前先選擇匯出格式的指南會說明原因。

修正常見問題

• 螢幕截圖看起來被拉伸：重新匯入原始圖片，在不強迫改成其他形狀的情況下再次調整。
• 文字太小：裁切到重要區域、放大外框，或減少周圍元素。
• 外框融入背景：換成對比更高的背景。請參閱設計能襯托拼貼的背景。
• 匯出後才發現個人資料：重新拍攝螢幕截圖。不要只依賴貼圖來隱藏敏感資訊。