カテゴリー:
Material Design
閲覧数:479 配信日:2022-03-19 10:29
二次色(Secondary Color)とは？
二次色(Secondary Color)は、UIの重要な部分にアクセントを付けるために使用される色です。
原色の補色や類似色を使用することができますが、単に原色の明暗を表すだけであってはなりません。
周囲の要素とのコントラストを考慮し、アクセントとして控えめに使用します。
2色目のカラーは、以下のような場合に最適です。
・ボタン、フローティングアクションボタン、ボタンテキスト
・テキストフィールド、カーソル、テキスト選択
・プログレスバー
・選択コントロール、ボタン、スライダー
・リンク
・ヘッドライン
セカンダリーカラーの使用は任意です。
原色のバリエーションでアクセントをつけるのであれば、不要です。
セカンダリーカラーの配色は、カラフルである必要はありません。
周囲の要素とのコントラストがあり、UI全体で控えめに使用されればよいのです。
アプリ内での色の使用
大きなUIエリアやエレメントは、プライマリーカラーで彩るのが基本です。
小さな領域は、二次色でアクセントをつけるとよいでしょう。
2次色がない場合は、1次色で代用することができます。