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