solar-duotone-bold

Solar Duotone Bold スキル

使用する場面

• 汎用的なアウトラインアイコンよりも豊かな印象で、統一感のあるアイコンが UI に必要な場合。

ワークフロー

1. デフォルトのアイコンファミリーとして Iconify Solar Duotone Bold を使用します。
2. コンポーネントグループ内でアイコンのサイズを統一します。
3. ナビゲーション、コントロール、機能カードでは、アイコンにわかりやすいラベルを組み合わせます。
4. デュオトーンの不透明度を意図的に調整し、セカンダリの塗りがメイングリフの形状を引き立てるようにします。
5. 周囲のサーフェスとのコントラストに合わせて、ストローク、塗り、色の処理を調整します。

ガードレール

• 同じコントロールセット内で、Solar Duotone Bold と無関係なアウトラインアイコンファミリーを混在させないでください。
• 慣れていない操作では、アイコンだけに頼らないでください。