Lilacpane / 部落格

截圖設計與創作教學

了解截圖加入裝置外框、照片創作、圖片清晰度及匯出方法,查閱 App Store 截圖尺寸和影片規格,完成產品展示作品。

為截圖加入 iPhone 邊框

選擇設備展示範本,替換框內截圖,再調整顯示位置、機型、角度與背景。不要用邊框遮住重要內容。檢查小尺寸下的文字,再匯出作品。

閱讀教程 ↗

全部教程

17

部落格

為截圖加入 iPhone 邊框

選擇設備展示範本,替換框內截圖,再調整顯示位置、機型、角度與背景。

閱讀教程 →
部落格

App Store 截圖尺寸

尺寸工具只檢查像素,不檢查透明度、畫面內容或 App Review 核准。

閱讀教程 →
部落格

iPad 與 Mac 截圖尺寸

尺寸工具只檢查像素,不檢查透明度、畫面內容或 App Review 核准。

閱讀教程 →
部落格

App 預覽影片規格

先準備已有錄屏,選擇設備框與版式,再將框內媒體替換為影片。

閱讀教程 →
部落格

App Store 截圖規範

使用實際 App 內容,避免虛構功能或誤導性展示。

閱讀教程 →
部落格

截圖背景設計

背景應襯托畫面,不搶走內容。

閱讀教程 →
部落格

批次匯出作品

先完成一份基礎版式,再替換圖片與文字。

閱讀教程 →
部落格

App 發布宣傳作品

使用實際 App 內容,避免虛構功能或誤導性展示。

閱讀教程 →
部落格

手機截圖樣機製作

選擇設備展示範本,替換框內截圖,再調整顯示位置、機型、角度與背景。

閱讀教程 →
部落格

為錄屏加入設備框

先準備已有錄屏,選擇設備框與版式,再將框內媒體替換為影片。

閱讀教程 →
部落格

產品官網設備展示圖

選擇設備展示範本,替換框內截圖,再調整顯示位置、機型、角度與背景。

閱讀教程 →
部落格

作品集中的 iPhone 與 iPad 樣機

選擇設備展示範本,替換框內截圖,再調整顯示位置、機型、角度與背景。

閱讀教程 →
部落格

社群產品展示作品

背景應襯托畫面,不搶走內容。

閱讀教程 →
部落格

截圖隱私檢查

分享前檢查姓名、電子郵件、通知、帳號、位置及其他私人資訊。

閱讀教程 →
部落格

截圖解析度與匯出倍率

DPI 不會增加像素。

閱讀教程 →
部落格

截圖多語言在地化

以目標語言撰寫標題與說明,也替換截圖中可見的文字。

閱讀教程 →
部落格

產品截圖的圖片 SEO

使用簡短且描述內容的檔名與替代文字,搭配頁面中的相關說明。

閱讀教程 →

實用圖片處理指南

先整理適合網頁或分享的圖片,再用 Lilacpane 繼續創作。