Language日本語
カテゴリ: リビング インターフェイス アーキテクチャ
リビングソフトウェア向けインタラクティブUIデザインツール
静的な四角形を描画し、それをインターフェイス デザインと呼ぶ時代は終わりました。ジェスチャーに反応し、物理学を尊重し、明確に通信する生きたソフトウェアを設計します。
What is リビングソフトウェア向けインタラクティブUIデザインツール in ExodeUI?
インタラクティブ UI デザインは、静止画像ではなく触覚的な物理システムのように動作するユーザー インターフェイスを作成する分野です。 ExodeUI は、静的なキャンバス フレームを、運用ソフトウェアに直接出荷される応答性、ステートフル、物理駆動型の UI 要素に置き換えるインタラクティブな UI デザイン エンジンです。
コアアーキテクチャ
エンジニアとデザイナーが ExodeUI を選ぶ理由
Design, logic and motion in one file that runs inside your app.
リビングキャンバス建築
ボタン、モーダル、スライダーを作成するときに、キャンバス上で直接操作します。別のプロトタイプ モードをトリガーする必要はありません。
ビジュアルロジックノード
複雑な命令コードに取り組むことなく、イベント (クリック、ドラッグ、ホバー) を条件や状態遷移に接続します。
マルチステートコンポーネント
シームレスなスプリング補間を使用して、包括的なコンポーネントの状態 (デフォルト、ホバー、フォーカス、アクティブ、読み込み、エラー、成功) を設計します。
開発者との直接的な調整
デザイナーは視覚的な状態で考えます。開発者はステートマシンで考えます。 ExodeUI は両方の言語を流暢に話します。
客観的な評価
ExodeUI との比較 Static Wireframing Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- コンポーネントは描画キャンバス上でライブかつインタラクティブに動作します
- 実際のオペレーティング システムのスプリング、タッチ、ジェスチャをシミュレートします
- 状態同期エラーによる UI バグがゼロであることを保証します
- ビジュアルデザインと100%一致する製品コードをエクスポートします。
Static Wireframing Tools
- 時間やロジックの概念を持たない不活性な 2D ベクトル形状を描画します
- プロトタイプは鈍く感じられ、現実的な物理的反応に欠けます
- 現実的な動的データや複雑な状態分岐を処理できない
- 開発者は遷移速度と物理的な感触を推測する必要があります
開発への引き継ぎ
コードでの使い方
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
import { ExodeUICanvas } から 'exodeui';
// スプリング、ステート、タイミングは .exode ファイル内に存在します (
// エディター）。コードは入力を渡し、イベントを受信します。
エクスポート関数 LivingAuthButton() {
戻る (
<ExodeUIキャンバス
src="/living_auth_button.bexode"
onTrigger={(名前) => console.log('ExodeUI イベント:', 名前)}
/>
);
}ご質問はありますか
よくある質問
本物の動きで、生きたコンポーネントを作る。
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.