Lilacpane / ブログ

スクリーンショットと画像制作ガイド

デバイスフレーム、写真のレイアウト、画像の画質と書き出しを学ぶ実践ガイド。App Store のスクリーンショットサイズやプレビュー動画の仕様も確認できます。

スクリーンショットに iPhone フレームを追加

デバイス展示テンプレートを選び、画面内の画像を差し替えます。位置、機種、角度、背景を調整し、重要な内容が隠れないようにします。小さく表示して文字を確認してから書き出してください。

ガイドを読む ↗

すべてのガイド

17

ブログ

スクリーンショットに iPhone フレームを追加

デバイス展示テンプレートを選び、画面内の画像を差し替えます。

ガイドを読む →
ブログ

App Store スクリーンショットのサイズ

サイズツールが確認するのは画素数のみです。

ガイドを読む →
ブログ

iPad・Mac のスクリーンショットサイズ

サイズツールが確認するのは画素数のみです。

ガイドを読む →
ブログ

App プレビュー動画の仕様

既存の画面録画を準備し、デバイスフレームとレイアウトを選んで動画を配置します。

ガイドを読む →
ブログ

App Store スクリーンショットのルール

実際の App 内容を使い、架空の機能や誤解を招く表現を避けます。

ガイドを読む →
ブログ

スクリーンショットの背景デザイン

背景は内容を引き立てるものにします。

ガイドを読む →
ブログ

作品をまとめて書き出す

基本レイアウトを完成させてから画像と文字を差し替えます。

ガイドを読む →
ブログ

App 公開のためのビジュアル

実際の App 内容を使い、架空の機能や誤解を招く表現を避けます。

ガイドを読む →
ブログ

スマートフォンのスクリーンショットモックアップ

デバイス展示テンプレートを選び、画面内の画像を差し替えます。

ガイドを読む →
ブログ

画面録画にデバイスフレームを追加

既存の画面録画を準備し、デバイスフレームとレイアウトを選んで動画を配置します。

ガイドを読む →
ブログ

製品サイトのデバイスビジュアル

デバイス展示テンプレートを選び、画面内の画像を差し替えます。

ガイドを読む →
ブログ

ポートフォリオの iPhone・iPad モックアップ

デバイス展示テンプレートを選び、画面内の画像を差し替えます。

ガイドを読む →
ブログ

SNS 向け製品ビジュアル

背景は内容を引き立てるものにします。

ガイドを読む →
ブログ

スクリーンショットのプライバシー確認

共有前に名前、メール、通知、アカウント、位置情報などを確認します。

ガイドを読む →
ブログ

スクリーンショットの解像度と書き出し倍率

DPI を変えても画素数は増えません。

ガイドを読む →
ブログ

スクリーンショットの多言語対応

見出しや説明だけでなく、画像内の文字も対象言語にします。

ガイドを読む →
ブログ

製品スクリーンショットの画像 SEO

内容を説明する簡潔なファイル名と代替テキストを使い、ページ内の関連説明を添えます。

ガイドを読む →

画像を準備するためのガイド

ウェブや共有用に画像を整えたら、Lilacpaneで作品づくりを続けられます。