クリエイティブの詳細
アプリ内メッセージで創造力を発揮する前に、いくつかのガイドラインを知っておく必要があります。すべてのアプリ内メッセージテンプレートは、最新のデバイスでさまざまな長さのテキストや画像サイズを表示できるように設計されている。すべての携帯電話、タブレット、コンピューターでメッセージがうまく表示されるようにするため、以下のガイドラインに従い、起動前に必ずメッセージをテストすることをお勧めする。
以下のメッセージタイプのクリエイティブ・スペック、またはグローバル・クリエイティブ・ディテールの記事をチェックしてほしい。
メッセージタイプ別の仕様
コンテンツのガイドライン
テキスト
アプリ内メッセージの本文やヘッダーは、1～2行、本文は3行程度に短くまとめることをお勧めする。3行を超えると、メッセージは縦にスクロールする必要があり、ユーザーはすべてのコンテンツに目を通さないかもしれない。スクロールのトリガーとなる閾値は、エンドユーザーのデバイスサイズ、カスタムスタイル、メッセージ内の画像の有無によって異なるが、通常は3行が安全である。
アプリ内メッセージの最新世代（ジェネレーション3）を使っている場合、iOSとAndroidのフォントのデフォルトはOSデフォルトのサンセリフであることがわかるだろう。Web のアプリ内メッセージはデフォルトで Helvetica になります。
画像
画像に関するガイドラインは、テキストに関するガイドラインよりも構造化されており、あらゆるモデルやサイズの携帯電話、タブレット、コンピュータで、意図したとおりにメッセージが美しく表示されるように配慮している。
一般的に、Brazeは16:10の画面に収まる画像を使用することを推奨している。
- 画像はすべて、5 MB 未満でなければなりません。
- ファイル形式はPNG、JPEG、GIFのみ受け付ける。
- オフラインメッセージ表示のためにBraze SDKが当社のCDNからアセットをダウンロードできるように、メディアライブラリに画像をホスティングすることを推奨する。
- フルスクリーンのメッセージについては、画像のセーフゾーンに関するガイドラインに従うこと。
自信を持ってアセットを創造しましょう！当社のアプリ内メッセージ画像テンプレートとセーフゾーンオーバーレイは、あらゆるサイズのデバイスでうまく動作するように設計されている。デザインテンプレートのダウンロード ZIP
| レイアウト | アセットのサイズ | メモ |
|---|---|---|
| 画像＋テキスト | アスペクト比6:5 高解像度 1200 x 1000 px 600 x 500 px 以上 |
四方がトリミングされる可能性がありますが、画像は常にビューポートの上部 50% を占めます |
| 画像のみ | アスペクト比 3:5 高解像度 1200 x 2000 px 600 x 1000 px 以上 |
背の高いデバイスでは、左右の端でクロッピングが発生することがある。 |
| レイアウト | アセットのサイズ | メモ |
|---|---|---|
| 画像＋テキスト | アスペクト比29:10 高解像度 1450 x 500 px 最小 600 x 205 px |
背の高い画像は縮小され、水平方向の中央に配置される。幅の広い画像は左右の端が切り取られる。 |
| 画像のみ | ほぼすべてのアスペクト比 最大1200 x 2000 pxの高解像度 600 x 500 px 以上 |
メッセージは、ほとんどのアスペクト比の画像に合うようにリサイズされる。 |
| レイアウト | アセットのサイズ | メモ |
|---|---|---|
| 画像+テキスト | 1:1のアスペクト比 高解像度150 x 150 px 50 x 50 px 以上 |
さまざまなアスペクト比の画像が、トリミングなしで正方形の画像コンテナに収まる。 |
GIFとビデオ
Braze は現在、アプリ内メッセージングで GIF をサポートしており、Web (標準装備)、Android、およびの iOS (標準装備) に対応しています。ただし、目的のプラットフォームの連携時に有効にしておく必要があります。アプリ内メッセージの動画については、カスタマイズのドキュメントを参照してください。
その他の考慮事項
Brazeのアプリ内メッセージには、グローバル仕様と個別クリエイティブ仕様がある。アプリ内メッセージのフルカスタマイズの詳細については、カスタマイズのページを参照してください。