モーダルのアプリ内メッセージ
モーダルは、デバイスの画面の中央に表示され、アプリのバックグラウンドから目立つように画面オーバーレイが表示されます。これらは、ユーザーにセールやプレゼントを利用するようにそれとなく提案するのに最適です。
画像の仕様
モダル・イン・アプリ・メッセージは、選択したイメージまたはコピーのサイズと比率に忠実であると同時に、デバイスを可能な限り最適かつ最大の充填率に収めるように設計されています。
アプリ内メッセージに含めることができるテキスト文字数に制限はありませんが(ボタン、ヘッドライン、メインボディなどと同様に)、使用するテキスト文字数を調整します。テキストが多すぎると、ユーザーはメッセージを展開してスクロールする必要があります。
アプリ内メッセージはすべて、推奨画像サイズ500KB、最大画像サイズ5MB、およびPNG、JPG、およびGIF ファイルタイプをサポートしています。
| タイプ | アスペクト比 | 画質 | メモ |
|---|---|---|---|
| テキスト付き縦型フルスクリーン | 6:5 | 高解像度 1200 x 1000 px 最小解像度 600 x 500 px |
クロッピングはすべての面で発生しますが、イメージは常にビューポートの上位50% を占めます。 |
| 縦型フルスクリーン(画像のみ、ボタンあり/なし) | 3:5 | 高解像度 1200 x 2000 px 最小解像度 600 x 1000 px |
高いデバイスでは、左右の端でクロップが発生することがあります。 |
| タイプ | アスペクト比 | 画質 | メモ |
|---|---|---|---|
| テキストを含む横画面 | 10:3 | 高解像度 2000 x 600 px 最小解像度 1000 x 300 px |
クロッピングはすべての面で発生しますが、イメージは常にビューポートの上位50% を占めます。 |
| 横向きフルスクリーン(画像のみ、ボタンあり/なし) | 5:3 | 高解像度 2000 x 600 px 最小解像度 1000 x 600 px |
高いデバイスでは、左右の端でクロップが発生することがあります。 |
| タイプ | アスペクト比 | 画質 | メモ |
|---|---|---|---|
| スライドアップ | 1:1 | 高解像度 150 x 150 px 最小解像度50 x 50 px |
さまざまなアスペクト比の画像が、トリミングなしで正方形の画像コンテナに収まる。 |
| タイプ | アスペクト比 | 画質 | メモ |
|---|---|---|---|
| モーダル(画像のみ) | 1:1 | 高解像度 1200 x 2000 px 最小解像度 600 x 600 px |
メッセージは、ほとんどのアスペクト比の画像に合うようにリサイズされる。 |
| テキスト付きモーダル | 29:10 | 高解像度 1450 x 500 px 最小解像度 600 x 205 px |
背の高い画像は縮小され、水平方向の中央に配置される。幅の広い画像は左右の端が切り取られる。 |
より大きな画面
タブレットやデスクトップブラウザでは、次のスクリーンショットのように、モーダルアプリ内メッセージがアプリ画面の中央に表示されます。
GitHub でこのページを編集
「このページはどの程度役に立ちましたか?」
New Stuff!