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