Language한국어
카테고리: 리빙 인터페이스 아키텍처
살아있는 소프트웨어를 위한 대화형 UI 디자인 도구
정적인 직사각형을 그려 인터페이스 디자인이라고 부르는 시대는 끝났습니다. 제스처에 반응하고 물리학을 존중하며 명확하게 의사소통하는 살아있는 소프트웨어를 디자인합니다.
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
- 구성 요소는 그리기 캔버스에서 실시간으로 대화형으로 작동합니다.
- 실제 운영 체제의 스프링, 터치 및 제스처를 시뮬레이션합니다.
- 상태 동기화 오류로 인한 UI 버그 제로 보장
- 시각적 디자인과 100% 일치하는 제작 코드 내보내기
Static Wireframing Tools
- 시간이나 논리의 개념 없이 비활성 2D 벡터 모양을 그립니다.
- 프로토타입이 느리게 느껴지고 현실적인 물리적 반응이 부족합니다.
- 현실적인 동적 데이터 또는 복잡한 상태 분기를 처리할 수 없습니다.
- 개발자가 전환 속도와 물리적인 느낌을 추측하게 합니다.
개발 인계
코드에서 사용하기
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
'exodeui'에서 { ExodeUICanvas } 가져오기;
// 스프링, 상태 및 타이밍은 .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.