Headline

ヘッドラインは、画面の中央に短いテキストフレーズを目立つように表示します。これは、あらゆるデバイスモードに対応する全画面のレスポンシブ対応テンプレートです。Headlineテンプレートは、Header、Footer、Backgroundの各レスポンシブ対応コンポーネントと合わせて使用します。

headline template

Headlineテンプレートの使用方法

ヘッドラインには、メインとサブのコンテンツを含めることができます。メインコンテンツは、画面全体に表示される最大2行のテキストで構成されます。ユーザーに向けて、メインのアクションや、その時点で注目してもらいたいスキルコンテンツを大きく強調して表示します。

サブコンテンツは1行に制限されており、メインコンテンツの後ろに表示されます。小型のデバイスモードでは、サブテキストは切り捨てられます。

ヘッドラインは、ようこそメッセージの表示に最適です。「カップケーキショップへようこそ。 お好きなカップケーキをお選びください。」のように表示します。 ヒントテキストを使って、ユーザーにカップケーキの注文方法を伝えることもできます。 「単に『チョコレートカップケーキ』などと言うことも、別の種類のカップケーキから始めることもできます。」

ベストプラクティス

  • ヘッドラインは可能な限りメインテキストのみにとどめてください。メインのアクションやその時点でのスキルコンテンツを簡潔に説明するだけにして、長々と読みにくいものにならないようにします。
  • アクションやコンテンツが複雑で補足が必要な場合にのみ、サブテキストを使用します。通常、サブテキストは切り捨てられます。重要な情報はサブテキストに含めないでください。

試してみる

APLドキュメントの作成と編集を参照してください。

 

開発者向けドキュメント