Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →

Kategória: Élő felület-architektúra

Interaktív felhasználói felület-tervező eszköz élő szoftverekhez

A statikus téglalapok rajzolásának és interfésztervezésnek nevezett korszaka véget ért. Tervezz olyan élő szoftvert, amely reagál a gesztusokra, tiszteletben tartja a fizikát és világosan kommunikál.

What is Interaktív felhasználói in ExodeUI?

Az interaktív felhasználói felület tervezése olyan felhasználói felületek létrehozásának tudománya, amelyek tapintható, fizikai rendszerként viselkednek, nem pedig statikus képek. A ExodeUI egy interaktív felhasználói felület-tervező motor, amely a statikus vászonkereteket érzékeny, állapotjelző és fizikavezérelt felhasználói felület elemekkel helyettesíti, amelyek közvetlenül az éles szoftverbe kerülnek.

Core Architecture

Miért választják a mérnökök és tervezők a ExodeUI

Design, logic and motion in one file that runs inside your app.

Élő vászon építészet

Közvetlenül a vásznon lévő gombjaival, modáljaival és csúszkáival interakcióba léphet, miközben elkészíti őket. Nincs szükség külön prototípus mód aktiválására.

Core Architecture

Vizuális logikai csomópontok

Csatlakoztassa az eseményeket (kattintás, húzás, lebegtetés) feltételekhez és állapotátmenetekhez anélkül, hogy bonyolult kötelező kóddal birkózik.

Core Architecture

Többállapotú komponensek

Tervezze meg az átfogó komponensállapotokat (alapértelmezett, lebegés, fókusz, aktív, betöltés, hiba, sikeres) zökkenőmentes rugóinterpolációval.

Core Architecture

Közvetlen fejlesztői igazítás

A tervezők vizuális állapotokban gondolkodnak; a fejlesztők állapotgépekben gondolkodnak. A ExodeUI mindkét nyelvet folyékonyan beszéli.

Core Architecture

Objektív értékelés

Hogyan ExodeUI ehhez képest Static Wireframing Tools

Where ExodeUI is stronger, and what to weigh before you switch.

The ExodeUI Architecture

ExodeUI

Erősségek
  • Az összetevők élő és interaktívak közvetlenül a rajzvászonon
  • Valódi operációs rendszer rugókat, érintéseket és gesztusokat szimulál
  • Garantálja, hogy az állapotszinkronizálási hibák miatt nulla UI hiba lép fel
  • Olyan gyártási kódot exportál, amely 100%-ban megfelel a látványtervnek
Compared with

Static Wireframing Tools

Trade-offs
  • Inert 2D vektor alakzatokat rajzol idő vagy logika nélkül
  • A prototípusok lomhának érzik magukat, és hiányzik a reális fizikai reakció
  • Nem tudja kezelni a valósághű dinamikus adatokat vagy az összetett állapotelágazásokat
  • A fejlesztők találgatni hagyják az átmenet sebességét és a fizikai érzést

Fejlesztői átadás

Használja a kódjában

Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.

import { ExodeUICanvas } from 'exodeui';

// A rugók, állapotok és időzítés élőben a .exode fájlban (a
// szerkesztő). A kód bemeneteket továbbít, és visszahallgatja az eseményeket.
export function LivingAuthButton() {
  vissza (
    <ExodeUIVászon
      src="/living_auth_button.bexode"
      onTrigger={(név) => console.log('ExodeUI esemény:', név)}
    />
  );
}

Kérdései vannak?

Gyakran Ismételt Kérdések

Építsen élő alkatrészeket valódi mozgással.

Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.

Próbáld ki ingyen