モックアッププレースホルダー画像の生成
ノートPC画面、スマートフォン画面、タブレットディスプレイ、ブラウザウィンドウを含むデバイスモックアップ用のプレースホルダー画像を作成。一般的な画面サイズとアスペクト比。
Use Cases
詳細な説明
モックアッププレースホルダー画像
デバイスモックアップは、リアルなデバイスフレーム（ノートPC、スマートフォン、タブレット、ブラウザウィンドウ）内にデザインを表示します。効果的なモックアップを作成するには、各デバイスの正確な画面寸法に一致するプレースホルダー画像が必要です。
一般的なデバイス画面サイズ
スマートフォン
| デバイス | 画面サイズ | アスペクト比 |
|---|---|---|
| iPhone 15 Pro | 1179×2556 | ~9:19.5 |
| iPhone SE | 750×1334 | ~9:16 |
| Pixel 8 | 1080×2400 | 9:20 |
ノートPC
| デバイス | 画面サイズ | アスペクト比 |
|---|---|---|
| MacBook Air 13" | 2560×1664 | ~3:2 |
| 標準1080pノートPC | 1920×1080 | 16:9 |
モックアッププレースホルダーのコツ
- デバイスの向きに合わせる — スマートフォンは通常ポートレート、ノートPCはランドスケープ
- セーフエリアを考慮 — ノッチや角丸のある最新スマートフォンにはコンテンツが及ばないセーフエリアがあります
ユースケース
デザイナーやマーケターは、アプリデザイン、Webサイトリデザイン、製品機能を紹介するためにデバイスモックアッププレゼンテーションを作成します。正しいサイズのプレースホルダーを使用することで、モックアップがリアルに見え、デザインがデバイスフレーム内に自然にフィットします。