アイコンの色変数のサポート
色変数を使用してモバイルマップ画面のテーマを変更する方法を学びます
モバイルアイコンには、アイコンの外観を定義するために使用される [ 外観を設定 ] セクションがあります。FontColorVariable スタイルオプションを使用して、色変数 a 色を使用します。 このスタイルを使用すると、UX テーマプロパティ [sys_ux_theme_property] テーブルから任意の色変数を定義できます。利用可能な変数のリストについては、以下のカラーデザインガイドを参照してください。 マップ画面の作成の詳細については、「 アイコン UI セクションの構成」を参照してください。 モバイルでのアイコンの作成の詳細については、「 モバイルアイコン」を参照してください。 |
モバイルアイコンのカラーガイド
色変数は次のように分類されます。 デザインガイドラインを使用して、ユースケースに適した色変数を特定します。
- アラートカラーパレット
- アラートカラーパレットの色は、重要なステータス、状況、およびタスクをハイライト表示します。アラートの色は、装飾や整理のためではなく、特定の意味を伝えるために使用します。
- グループ化されたカラーパレット
- グループ化されたカラーパレットの色は、業界の色規則に従います。これらの色を使用して、色付きのアイテムが特定の業界または基幹業務に関連付けられていることを示します。各色の意味はコンテキストによって異なりますが、アプリ内で一貫性を保つ必要があります。
各サポートの色には、アセスメント可能なオプションを含む 3 つのオプションがあります。ユーザーのナビゲーション性を向上させるために、テキストが含まれていないアイコンにはアクセス可能な色オプションを使用することを検討してください。
| 色名 | 例 | 色の変数 |
|---|---|---|
| 重大 |
|
|
| 高 |
|
|
| Warning |
|
|
| 中 |
|
|
| Info |
|
|
| 陽性 |
|
|
| 低 |
|
| 色名 | 例 | 色オプション |
|---|---|---|
| 青 |
|
|
| 茶色 |
|
|
| グレイ |
|
|
| 緑 |
|
|
| 緑黄 |
|
|
| マゼンタ |
|
|
| オレンジ |
|
|
| ピンク |
|
|
| 紫 |
|
|
| 青緑 |
|
|
| 黄 |
|