Language한국어
카테고리: 모션 디자인 소프트웨어
제품팀을 위한 모션 디자인 소프트웨어
모션 토큰을 정의하고, 다중 요소 안무를 조정하고, 개발자가 프로덕션에 투입할 수 있는 대화형 구성 요소를 제공하세요. 이것은 사람들이 실제로 사용하는 인터페이스에 대한 모션 디자인이지 렌더링된 비디오가 아닙니다.
What is 제품팀을 위한 in ExodeUI?
제품용 모션 설계 소프트웨어는 팀이 소프트웨어 인터페이스의 모션(전환, 마이크로 상호 작용, 로딩 상태 및 이들을 하나로 묶는 타이밍)을 정의, 테스트 및 제공하는 곳입니다. ExodeUI는 영상 툴이 아닌 제품 UI를 위한 모션 디자인 소프트웨어입니다. 모션은 모션 토큰, 스프링 곡선 및 상태 머신이 포함된 하나의 열린 .exode 파일에 존재하며 런타임을 통해 앱 내부에서 재생됩니다. 대신 비디오 및 방송 모션을 찾고 있다면 그것은 모션 그래픽 소프트웨어이자 다른 종류의 도구입니다.
핵심 아키텍처
엔지니어와 디자이너가 ExodeUI를 선택하는 이유
Design, logic and motion in one file that runs inside your app.
모션 디자인 토큰
스프링 매개변수와 이징 곡선을 Tailwind CSS, CSS 변수 또는 테마 UI용 형식의 재사용 가능한 디자인 토큰으로 내보냅니다.
시차 안무
자동 스태거 오프셋 및 계층 구조 순서 지정을 통해 다중 요소 입력 및 종료 전환을 조정합니다.
모션 사양 검사기
개발자는 임의의 요소를 클릭하여 스프링 상수(강성, 감쇠, 질량), 지속 시간 및 명확한 코드 표기법으로 트리거 기준을 검사할 수 있습니다.
접근 가능한 감소된 모션
선호 감소 모션 미디어 쿼리에 대한 지원이 내장되어 있어 모든 사용자가 제품에 완벽하게 액세스할 수 있습니다.
객관적 평가
ExodeUI와 비교하기 Video Motion Design Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- 대화형 소프트웨어 인터페이스를 위해 특별히 설계되었습니다.
- 평면 비디오를 렌더링하는 대신 디자인 토큰 및 코드를 출력합니다.
- 실시간으로 계산된 기본 스프링 물리학
- 시각적 캔버스와 코드 구현 간의 1:1 패리티 유지
Video Motion Design Tools
- 방송 비디오, TV 광고, 영화 타이틀 시퀀스용으로 제작됨
- DOM 요소, 구성 요소 트리 또는 반응형 레이아웃에 대한 이해가 없습니다.
- 엔지니어는 타이밍을 확인하고 이징 곡선을 추측해야 합니다.
- 사용자 상호 작용 또는 반응 상태에 대한 지원 없음
개발 인계
코드에서 사용하기
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
'exodeui'에서 { ExodeUICanvas } 가져오기;
// 스프링, 상태 및 타이밍은 .exode 파일에 있습니다(
// 편집자). 코드는 입력을 전달하고 이벤트를 다시 듣습니다.
내보내기 함수 StaggeredList({ 항목 }) {
반환 (
<ExodeUI캔버스
src="/list_entrance.bexode"
입력={{ 항목 }}
onTrigger={(이름) => console.log('ExodeUI 이벤트:', 이름)}
/>
);
}Topic Cluster Network
관련 개념과 도구 살펴보기
궁금한 점이 있나요?
자주 묻는 질문
실제 움직임으로 살아 있는 컴포넌트를 만드세요.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.