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 →

Κατηγορία: Living Interface Architecture

Διαδραστικό εργαλείο σχεδίασης διεπαφής χρήστη για λογισμικό Living

Η εποχή της σχεδίασης στατικών ορθογωνίων και της αποκαλούμενης σχεδίασης διεπαφής έχει τελειώσει. Σχεδιάστε ζωντανό λογισμικό που ανταποκρίνεται στις χειρονομίες, σέβεται τη φυσική και επικοινωνεί καθαρά.

What is Διαδραστικό εργαλείο in ExodeUI?

Η διαδραστική σχεδίαση διεπαφής χρήστη είναι η πειθαρχία της δημιουργίας διεπαφών χρήστη που συμπεριφέρονται σαν απτικά, φυσικά συστήματα αντί για στατικές εικόνες. Το ExodeUI είναι μια διαδραστική μηχανή σχεδίασης διεπαφής χρήστη που αντικαθιστά τα στατικά πλαίσια καμβά με στοιχεία διεπαφής χρήστη με απόκριση, κατάσταση και με γνώμονα τη φυσική και αποστέλλονται απευθείας στο λογισμικό παραγωγής.

Βασική Αρχιτεκτονική

Γιατί οι μηχανικοί και οι σχεδιαστές επιλέγουν ExodeUI

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

Ζωντανή Αρχιτεκτονική Καμβά

Αλληλεπιδράστε με τα κουμπιά, τα modal και τα ρυθμιστικά απευθείας στον καμβά καθώς τα δημιουργείτε. Δεν χρειάζεται να ενεργοποιήσετε μια ξεχωριστή λειτουργία πρωτοτύπου.

Core Architecture

Visual Logic Nodes

Συνδέστε συμβάντα (κλικ, σύρετε, τοποθετήστε το δείκτη του ποντικιού) σε συνθήκες και μεταβάσεις καταστάσεων χωρίς να παλέψετε με πολύπλοκο κώδικα προστακτικής.

Core Architecture

Συστατικά πολλαπλών καταστάσεων

Σχεδιάστε ολοκληρωμένες καταστάσεις στοιχείων (προεπιλογή, αιώρηση, εστίαση, ενεργή, φόρτωση, σφάλμα, επιτυχία) με απρόσκοπτη παρεμβολή ελατηρίου.

Core Architecture

Άμεση ευθυγράμμιση προγραμματιστή

Οι σχεδιαστές σκέφτονται σε οπτικές καταστάσεις. οι προγραμματιστές σκέφτονται σε κρατικές μηχανές. Το ExodeUI μιλά άπταιστα και τις δύο γλώσσες.

Core Architecture

Αντικειμενική Αξιολόγηση

Πώς συγκρίνεται το ExodeUI με Static Wireframing Tools

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

The ExodeUI Architecture

ExodeUI

Δυνατά σημεία
  • Τα στοιχεία είναι ζωντανά και διαδραστικά ακριβώς στον καμβά του σχεδίου
  • Προσομοιώνει πραγματικά ελατήρια, αγγίγματα και χειρονομίες του λειτουργικού συστήματος
  • Εγγυάται μηδενικά σφάλματα διεπαφής χρήστη που προκαλούνται από σφάλματα συγχρονισμού κατάστασης
  • Εξάγει τον κωδικό παραγωγής που αντιστοιχεί στο 100% της οπτικής σχεδίασης
Compared with

Static Wireframing Tools

Trade-offs
  • Σχεδιάζει αδρανή δισδιάστατα διανυσματικά σχήματα χωρίς έννοια χρόνου ή λογικής
  • Τα πρωτότυπα αισθάνονται υποτονικά και στερούνται ρεαλιστικής φυσικής απόκρισης
  • Δεν είναι δυνατός ο χειρισμός ρεαλιστικών δυναμικών δεδομένων ή σύνθετης διακλάδωσης κατάστασης
  • Αφήνει τους προγραμματιστές να μαντεύουν τις ταχύτητες μετάβασης και τη φυσική αίσθηση

Προγραμματιστής Handoff

Χρησιμοποιώντας το στον Κώδικά σας

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

εισαγωγή { 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.

Δοκιμάστε δωρεάν