入力の説明の色変数のサポート
色変数を使用してモバイル入力の説明のテーマを変更する方法について説明します。
入力の [ 説明 ] フィールドで色変数を使用して、テキストの色を制御します。 [説明] フィールドが HTML として構成されている場合は、入力の [説明] フィールドで色変数を使用してテキストの色を制御します。 たとえば、 入力の詳細については、「」を参照してください 入力フォーム画面を構成する。 |
説明のカラーガイドを入力
色変数は以下に分けられます。 設計ガイドラインを使用して、ユースケースに適した色変数を特定します。
- アラートのカラーパレット
- アラートカラーパレットの色は、重要なステータス、ステータス、およびタスクを強調表示します。アラートの色は、装飾や整理のためではなく、特定の意味を伝えるために使用します。
- グループ化されたカラーパレット
- グループ化されたカラーパレットの色は、業種別の色の規則に従います。これらの色を使用して、色付きのアイテムが特定の業界または基幹業務に関連付けられていることを示します。各色の意味はコンテキストによって異なりますが、アプリ内では一貫している必要があります。
| 色名 | 例 | 色変数 |
|---|---|---|
| 重大 |
|
|
| 高 |
|
|
| 訓告 |
|
|
| 中 |
|
|
| 情報 |
|
|
| 好意的 |
|
|
| 低 |
|
|
| 無効 |
|
|
| 重大 (代替) |
|
|
| 高 (代替) |
|
|
| 警告 (代替) |
|
|
| 中 (代替) |
|
|
| 情報 (代替) |
|
|
| 正 (代替) |
|
|
| 低 (代替) |
|
|
| 無効 (代替) |
|
| 色名 | 例 | カラーバリエーション |
|---|---|---|
| 青 |
|
|
| 茶色 |
|
|
| グレイ |
|
|
| 緑 |
|
|
| 緑黄 |
|
|
| マゼンタ |
|
|
| オレンジ |
|
|
| ピンク |
|
|
| 紫 |
|
|
| 青緑 |
|
|
| 黄 |
|
|
| 青 (代替) |
|
|
| ブラウン(オルタネート) |
|
|
| グレー (代替) |
|
|
| 緑 (代替) |
|
|
| 緑黄(交互) |
|
|
| マゼンタ(代替) |
|
|
| オレンジ (代替) |
|
|
| ピンク(オルタネート) |
|
|
| 紫 (代替) |
|
|
| 青緑 (代替) |
|
|
| 黄 (代替) |
|