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