LanguageБългарски
Категория: Жива интерфейсна архитектура
Интерактивен инструмент за проектиране на потребителски интерфейс за жив софтуер
Ерата на рисуване на статични правоъгълници и това наричане дизайн на интерфейс приключи. Проектирайте жив софтуер, който реагира на жестове, зачита физиката и комуникира ясно.
What is Интерактивен инструмент 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
- Компонентите са живи и интерактивни направо върху платното за рисуване
- Симулира реални пружини, докосвания и жестове на операционната система
- Гарантира нулеви грешки в потребителския интерфейс, причинени от грешки при синхронизиране на състоянието
- Експортира производствен код, който съответства на 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() {
връщане (
<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.