iPhoneモックアップジェネレーター

アプリをスマートフォンフレームで見せる

スマートフォンフレーム内のアプリのスクリーンショットは、モバイルアプリを紹介する標準的な方法です — App Store、ランディングページ、ピッチデック、SNS上で。フレームはスケール感をすぐに伝え、平面的なスクリーンショットを誰かの手の中の本物のデバイスのように見せます。

このジェネレーターはスクリーンショットを丸み角とノッチスタイルのカットアウトを持つモダンなスマートフォンフレームで包み、パディングとシャドウを添えた背景の上に配置します。スクリーンショットはフル解像度のままなので、モックアップはRetina ディスプレイや印刷にも十分なクオリティです。

iPhoneモックアップの作り方

1. アプリのスクリーンショットを開く。 縦長のスクリーンショットがスマートフォンフレームに最適です。ドラッグ、貼り付け、またはファイルを選択します。
2. スマートフォンフレームを選ぶ。 スクリーンショットが丸み角を持つスマートフォンの画面にはまります。
3. 背景を追加。 グラデーションまたは単色を選び、パディング、シャドウ、わずかな傾きを調整します。
4. ダウンロード。 高解像度のPNG、JPG、またはWebPのスマートフォンモックアップを保存します。

フルスクリーンのスクリーンショットを使う

最もきれいな結果を得るには、スマートフォンのネイティブ解像度でフルスクリーンのアプリスクリーンショットをキャプチャします（ステータスバーの要素は可能なら除外）。実際のスマートフォンに近い縦長のアスペクト比が、すき間なくフレームを埋めます。