LanguageУкраїнська
Категорія: Архітектура живого інтерфейсу
Інструмент інтерактивного дизайну інтерфейсу користувача для живого програмного забезпечення
Епоха малювання статичних прямокутників і називання це дизайном інтерфейсу закінчилася. Створюйте живе програмне забезпечення, яке реагує на жести, поважає фізику та чітко спілкується.
What is Інструмент інтерактивного in ExodeUI?
Інтерактивний дизайн інтерфейсу користувача — це дисципліна створення користувальницьких інтерфейсів, які поводяться як тактильні фізичні системи, а не як статичні зображення. ExodeUI — це механізм інтерактивного дизайну інтерфейсу користувача, який замінює статичні кадри полотна адаптивними елементами інтерфейсу користувача, що керуються фізичними властивостями, які надсилаються безпосередньо до робочого програмного забезпечення.
Основна архітектура
Чому інженери та дизайнери обирають 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
- Компоненти живі та інтерактивні прямо на полотні малювання
- Імітує пружини, дотики та жести реальної операційної системи
- Гарантує відсутність помилок інтерфейсу користувача, спричинених помилками синхронізації стану
- Експортує робочий код, який на 100% відповідає візуальному дизайну
Static Wireframing Tools
- Малює інертні 2D векторні форми без поняття часу чи логіки
- Прототипи відчувають себе млявими та не мають реалістичної фізичної реакції
- Неможливо обробляти реалістичні динамічні дані або розгалуження складного стану
- Змушує розробників здогадуватися про швидкість переходу та фізичне відчуття
Розробник Handoff
Використання цього у вашому коді
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
імпорт { ExodeUICanvas } з 'exodeui';
// Пружини, стани та синхронізація живуть у файлі .exode (розроблено у
// редактор). Ваш код передає вхідні дані та заслуховує події.
функція експорту LivingAuthButton() {
повернення (
<ExodeUICanvas
src="/living_auth_button.bexode"
onTrigger={(name) => console.log('ExodeUI event:', name)}
/>
);
}Виникли запитання?
Часті запитання
Створюйте живі компоненти за допомогою реального руху.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.