アイコン
Spaceshipのアイコンは、複雑な操作やアイデアを瞬時に認識できるシンボルに変換し、ユーザーが簡単にナビゲートし操作できるようにします。
汎用性がありながら個性も備えた当社のアイコンは、ブランドを構成する最小単位であり、ひと目で認識できるよう設計されると同時に、Spaceshipらしさを明確に保っています。
バージョン
すべてのSpaceshipアイコンは、アウトライン（主要）と塗りつぶし（補助）の2つのバージョンで利用できます。
構成
アイコンは、ベースグリッドからストロークのパラメータに至るまで、定義されたルールに従って設計されており、一貫性がありバランスの取れた結果を実現します。
サイズ
拡張可能な設計により、アイコンはシステム全体で明瞭さと視覚的な調和を保つため、5つのサイズで使用する必要があります。
カラー
色は、特定のインターフェース内でユーザーが自分の製品をより簡単に識別するのに役立つ重要な要素です。これらのUIコンテキストで一貫性を確保するため、アイコンには Spaceship Design Systemのカラーが使用されます。
ブランドカラー
Spaceshipのコアカラーとして、これらはアイコンの第一選択肢であるべきです。プラットフォームUIのような機能的な文脈でも、製品ページで機能を表現するような、より説明的な用途でも同様です。詳しくはカラーページをご確認ください。
製品カラー
各製品のメインカラーは、それぞれのアイコンに適用する必要があります。これは、Spaceshipエコシステム全体における製品の認知と識別において重要です。
通知カラー
通知カラーは、アラートメッセージをより強調するために使用します。これらはアラートアイコンにのみ適用すべきですが、別のアイコンが成功、エラー、または警告の状態も表す場合には、例外的に使用されることがあります。
ガイダンス
ここでは、アイコン使用時に避けるべき例をいくつか紹介します。
アイコンを変形、回転、反転しないでください。拡大縮小は必ず縦横比を保って行ってください。
40x40pxを超える大きさでアイコンを使用しないでください。要素間のバランスを意識してください。
色の濃淡は使用しないでください。