モバイルのアイコン
アイコンを使用して、モバイルアプリケーションのナビゲーションとアクションに一意の識別子を提供します。
アイコンは、モバイルアプリの次の場所で使用できます。
- アイコン コードの一覧を見つけるには、 モバイルアイコン参照で使用するアイコン フォント ファミリのトピックを参照してください。
- モバイルアイコンの視覚的な概要については、YouTube.com の ServiceNow Community Mobile App Academy のレッスン「アイコンセクションによるモバイル UX の改善」を参照してください。
- ナビゲーションバー
- ボタン
- カードとカードレコード
- アプリのアイコンセクションのタイル
- リスト内のアイテム
- クイックアクション機能
- 従業員プロファイルへのリンク
アイコンタイプ
アイコンには 3 つの基本的なタイプがあります。
- フォントアイコン
- ユーザーアイコン
- 画像アイコン
各タイプは、モバイルアプリ内の異なる目的と場所で使用するように設計されています。これらのアイコンの視覚的な例については、 モバイルアイコン参照を参照してください。
フォントアイコン
フォントアイコンは、アイコンの最大のグループです。特定の用途向けに設計されたいくつかのフォントファミリがあります。
now-mobile-icons フォントファミリ
これらのアイコンは、画面で使用するように設計されています。これらは、リスト、リスト画面およびブラウザー画面に移動するセクション宛先に使用します。これらのアイコンを使用して、ユーザーが移動するワークフローまたは画面を表します。
now-mobile-icons-cards フォントファミリ
これらのアイコンをカードの本文に使用します。
now-mobile-icons-buttons フォントファミリ
これらのアイコンは、機能に使用するように設計されています。カードにあるボタンやクイックアクションに使用できます。
now-mobile-icons-ALPnavbar フォントファミリ
これらのアイコンはモバイル画面の右上隅に表示され、別の画面へのナビゲーションとして使用されます。
画像アイコン
画像アイコンはフォントタイプのアイコンではありません。これらは、ナビゲーションタブと画像タイプのセクション宛先で使用するように設計されています。これらは、 now-mobile-icons フォントファミリのフォントアイコンが使用されるのと同じセクション宛先です。
アイコンセクション宛先の構成については、「 アイコンセクションへの画像の追加」を参照してください。
ユーザーアイコン
これらのアイコンはログインしているユーザーを表し、ログインしているユーザーのプロファイルを起動するために使用されます。ランチャー画面のヘッド機能で使用できます。一覧画面、カレンダ画面、マップ画面など、他の画面タイプのヘッダ機能では使用できません。