モバイルのアイコン

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む1読むのに数分
  • アイコンを使用して、モバイルアプリケーションのナビゲーションとアクションに一意の識別子を提供します。

    アイコンは、モバイルアプリの次の場所で使用できます。

    注:
    アイコン コードの一覧については、で使用する モバイルアイコン参照アイコン フォント ファミリのトピックを参照してください。
    • ナビゲーションバー
    • ボタン
    • カードとカードレコード
    • アプリのアイコンセクションのタイル
    • リスト内のアイテム
    • クイックアクションの機能
    • 従業員プロファイルへのリンク

    アイコンタイプ

    アイコンには 3 つの基本的なタイプがあります。

    • フォントアイコン
    • ユーザーアイコン
    • 画像アイコン

    各タイプは、モバイルアプリ内の明確な目的と場所で使用するように設計されています。

    フォントアイコン

    フォント アイコンは、アイコンの最大のグループです。特定の用途向けに設計されたいくつかのフォントファミリがあります。

    • now-mobile-icons フォントファミリー

      これらのアイコンは、画面で使用するように設計されています。リスト、リスト画面やブラウザー画面に移動するセクション移動先に使用します。これらのアイコンを使用して、ユーザーが移動するワークフローまたは画面を表します。

    • now-mobile-icons-cards フォントファミリー

      カードの本文でこれらのアイコンを使用します。

    • now-mobile-icons-buttons フォントファミリー

      これらのアイコンは、機能に使用するように設計されています。カードにあるボタンやクイックアクションで使用できます。

    • now-mobile-icons-ALPnavbar フォントファミリー

      これらのアイコンはモバイル画面の右上隅に表示され、別の画面へのナビゲーションとして使用されます。

    画像アイコン

    画像アイコンはフォントタイプのアイコンではありません。これらは、ナビゲーションタブと画像タイプのセクション宛先で使用するように設計されています。これらは、フォントファミリーの now-mobile-icons フォントアイコンが使用されるのと同じセクション宛先です。

    ユーザーアイコン

    これらのアイコンは、ログインしているユーザーを表し、ログインしているユーザーのプロファイルを起動するために使用されます。ランチャー画面のヘッド機能で使用できます。一覧画面、カレンダ画面、マップ画面など、他の画面タイプのヘッダ機能では使用できません。