デザインシステム概要

Alius デザインシステムは、Alius 具身知能プラットフォームの統一デザイン言語および実行規範です。

以下に対応します：

これは単なる「カラーとフォントの仕様」ではなく、ブランドミッション、製品ポジショニング、ユーザー体験、インタラクションサイエンス、ビジュアルシステム、コンポーネントリソース、エンジニアリング実装を結びつける長期的なデザインインフラです。

デザインバリュー

デザインは、オープンで共有可能な参加型のコミュニティの雰囲気を表現すべきです。

Alius はロボティクス業界に入りたい人々を対象としています。デザインは理解コストを下げる必要があります。

Alius はロボティクスと AI のエンジニアリングプラットフォームです。信頼性、精度、実行可能性を反映する必要があります。

Alius は冷たい企業テック美学だけでなく、「自分でやって、早く検証する」という創造的な精神を保つべきです。

過度に「AI フレーバー」な複雑なグラデーション、グロー、無意味な装飾を避ける。

Alius デザインシステムは「インタラクションサイエンス」として定義できます。単なるインターフェースの美化ではなく、科学的で検証可能な再利用可能なデザインルールを通じて、ユーザーが複雑なロボットシステムでより速く理解し、より少ないエラーで、より簡単にタスクを完了できるようにします。

コア目標：

すべてのコアビジュアル要素はパラメトリックであるべきです。角丸、間隔、フォントサイズ、行の高さ、シャドウ、ボーダー、アイコンサイズ、カードサイズ、ボタンの高さ、入力の高さ、ページの最大幅が含まれます。

パラメータは任意に設定されるのではなく、ブランドストーリーに対応します：

関連するコンテンツは一緒に、無関係なコンテンツは距離を保つ。フォームフィールド、ドキュメントセクション、カードコンテンツ、画像キャプション、ボタングループに適用。

すべてのページ要素は統一グリッドに従う。見出し、本文、アイコン、カード、テーブル、ボタン、画像に適用。

フォントサイズ、ウェイト、カラー、間隔で階層を確立する。見出しは目立ち、本文は快適、注釈は控えめ、警告は目立つ、プライマリボタンは明確。

同じビジュアルパターンを繰り返し使用し、ユーザーの学習コストを削減する。カードスタイル、ボタンスタイル、アイコンサイズ、ページレイアウト、コードブロックスタイル、テーブル構造に適用。

複雑なシステムはデザインによって簡略化する必要がある。無意味な情報のスタック、複雑な背景、装飾の滥用なし — すべての要素に目的があるべき。

デザインの決定は説明可能でなければならない。例：なぜボタンの高さがこの値なのか？なぜ角丸が完全な直角ではないのか？なぜアイコンがリニアスタイルを維持しているのか？