XCode 14.2 日本語化計画：New Human Interface Guideline

メッセージの吹き出しの内容

Apple Pay の支払い要求、リッチリンク、ピッカーなどの標準的な操作的メッセージのメッセージの吹き出しには、タイトルが含まれ、オプションで追加のテキストとイメージ (ビデオサムネイルの場合もあり) を含めることができます。オプションのテキストには、第 1、第 2、第 3 のサブタイトル、およびイメージのタイトルとサブタイトルが含まれます。

メッセージの吹き出しのレイアウトスタイル

標準的な操作的メッセージの吹き出しは、以下のレイアウトスタイルをサポートしています。

レイアウトスタイルに基づいてイメージを縮尺します。 複数のレイアウトスタイルに同じイメージを使用する場合は、レイアウトスタイルごとに拡大縮小されたイメージのバリエーションを提供して下さい。サイズのガイダンスについては、イメージサイズ を参照してください。

メッセージの吹き出しのイメージ

会話では、操作的なメッセージの吹き出しにイメージを追加して、より詳細なコンテキストを提供できます。たとえば、顧客に製品を選択するように求める場合、リストピッカーに製品の写真を表示して、人々が視覚的に項目を区別できるようにします。または、支払いを要求するときに、Apple Pay のメッセージの吹き出しに購入中の項目を表示することもできます。

ビデオへのリッチリンクをメッセージの吹き出しに含める場合は、ビデオを表すサムネイルイメージを提供して下さい。以下のサイズと解像度のガイドラインは、イメージとビデオのサムネイルに等しく適用されます。

イメージサイズ

イメージが使用される場所に基づいて、以下のサイズでイメージを提供して下さい。同じイメージを複数のサイズで表示する場合は、サイズごとに別のイメージを用意してください。

高解像度イメージの設計

標準解像度のディスプレイのピクセル密度は 1:1 (@1x) で、1 ピクセルは 1 ポイントに相当します。高解像度ディスプレイはピクセル密度が高く、倍率 2.0 または 3.0 (@2x および @3x と呼ばれます) を提供します。その結果、高解像度ディスプレイでは、より多くのピクセルのイメージが要求されます。

たとえば、100x100 px の標準解像度 (@1x) のイメージがあるとします。このイメージの @2x バージョンは 200x200 px になり、@3x バージョンは 300x300 px になります。

@3x の倍率を持つ高解像度のイメージを常に提供してください。 提供する @3x のイメージは、低解像度で表示されるために @2x または @1x に自動的に縮尺されます。

適切な形式でアートワークを作成します。 ビットマップ/ラスターのアートワークにはインターレースでない PNG ファイルを使用します。写真は JPEG を使用します。

完全な 24 ビットカラーを必要としない PNG グラフィックス用の 8 ビットカラーパレットを使用します。 8 ビットのカラーパレットを使用すると、画質を低下させることなくファイルサイズが縮小します。

JPEG ファイルを最適化して、サイズと品質のバランスを見つけます。 ほとんどの JPEG ファイルは、結果のイメージを著しく劣化させることなく圧縮できます。少量の圧縮でも、ディスク容量を大幅に節約できます。各イメージの圧縮設定を試して、許容できる結果が得られる最適な値を見つけてください。

リソース

関連

ビジネスアカウント向けメッセージ