アイコンは、Alius プラットフォーム全体でアクション、カテゴリー、状態の視覚的短縮表現を提供します。一貫性があり、認識可能で、機能的である必要があります — 決して装飾的ではありません。
アイコンスタイル
Alius アイコンシステムは以下のスタイルルールに従います:
- リニアスタイル — すべてのアイコンはデフォルトで塗りつぶしまたはデュオトンバリアントではなくアウトライン/ラインアートを使用
- 幾何学的シンプルさ — 形状は基本的な幾何学的形(円、矩形、三角形、線)から構成
- 統一ストローク幅 — すべてのアイコンはセット内で同じストローク幅を使用;細いストロークと太いストロークの混在なし
- 統一ボーダー半径 — コーナーはデザインシステムと同じ半径ルールに従う(XS 〜 S 範囲)
- 過度なリアリズムを避ける — アイコンは抽象化された表現であり、ミニチュアイラストレーションではない
- 複雑な AI シンボルを避ける — 脳、ニューラルネットワーク、光る回路、ステレオタイプな「AI」画像なし
アイコンカテゴリー
ナビゲーションアイコン
インターフェース内の移動用アイコン:
- ホーム、戻る、進む、メニュー、サイドバー切替、パンくず
- 展開、折りたたみ、検索、フィルター、ソート
機能アイコン
一般的なアクション用アイコン:
- 追加、削除、編集、消去、コピー、ダウンロード、アップロード
- 保存、リフレッシュ、同期、共有、リンク、外部リンク
- 設定、構成、切替、ロック、アンロック
ステータスアイコン
システムと操作状態用アイコン:
- サクセス、エラー、ワーニング、情報、ローディング
- オンライン、オフライン、保留中、処理中、完了
- 有効、無効、非推奨、新規
ハードウェアアイコン
物理製品とコンポーネント用アイコン:
- ロボット、関節、サーボ、モーター
- センサー、カメラ、ディスプレイ、バッテリー
- ケーブル、コネクタ、マウントブラケット
- 開発ボード、3D プリンター、ワークベンチ
ソフトウェアアイコン
デジタル製品とツール用アイコン:
- ターミナル、CLI、コードエディタ、設定
- エージェント、モデル、アルゴリズム、パイプライン
- ダッシュボード、ログ、モニター、デバッグ
コミュニティアイコン
コミュニティとコラボレーション機能用アイコン:
- ユーザー、チーム、組織、コントリビューター
- フォーラム、ディスカッション、コメント、リアクション
- リポジトリ、プルリクエスト、イシュー、リリース
ファイルタイプアイコン
ファイルフォーマットの識別用アイコン:
- ドキュメント、マークダウン、PDF
- 画像、動画、音声
- コードファイル、設定ファイル、データファイル
- アーカイブ、パッケージ、ファームウェア
使用ガイドライン
- アイコンはテキストラベルを補助するために使用し、置き換えない — 特にナビゲーションと重要なアクションで
- 同じコンテキスト内で一貫したサイズを維持(例:すべてのナビゲーションアイコンは同じサイズ)
- すべてのアイコンにアクセシブルなテキスト代替(alt テキスト、aria-label)を提供
- 同じ概念にはどこでも同じアイコンを使用 — 異なる場所で「ダウンロード」に異なるアイコンを使用しない
- アイコンはピクセルパーフェクトではなく光学的にバランスを取る — 同じピクセル寸法の円と正方形は視覚的に等しく見えるべき