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
- Рисует инертные двумерные векторные фигуры без понятия времени и логики.
- Прототипы кажутся вялыми и им не хватает реалистичной физической реакции.
- Невозможно обрабатывать реалистичные динамические данные или сложное ветвление состояний.
- Заставляет разработчиков гадать о скорости перехода и физических ощущениях.
Передача разработке
Как использовать в коде
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.