Lyotic · 패턴
형태 전환
같은 업무 표면이 현재 판단에 맞는 모양으로 바뀝니다. 사용자는 다른 카드로 이동하는 대신 같은 일을 계속 다룬다고 이해할 수 있어야 합니다.
하나의 표면을 유지하는 이유
이 컴포넌트들은 사용자가 보는 화면에서는 하나의 통합된 표현으로 구성될 수 있다. 처음에는 Work Object Shell이 간결하게 보이다가, 비교가 필요하면 Source Record와 Claim Block이 드러난다. 선택이 필요하면 Alternative Set과 Impact Preview가 들어오고, 실행 이후에는 Execution Trace와 Verification Result가 같은 객체 안에서 이어진다. 내부 책임은 분리되어 있지만 외부 경험은 한 업무를 계속 다루고 있다는 감각을 유지한다. 이것이 우리가 원했던 통합 컴포넌트의 의미다.
바꾸는 것과 보존하는 것
다만 하나의 통합 컴포넌트라는 요구가 모든 정보를 작은 카드 안에 넣으라는 뜻은 아니다. 대상이 수백 개이거나 관계가 복잡하다면 전체 작업 공간으로 확장될 수 있다. 보존해야 하는 것은 작은 외곽선이 아니라 동일한 Case와 Object, 판단 맥락, 현재 선택이다. 컴포넌트의 물리적 크기를 고정하는 것보다 사용자가 어디에서 무엇을 결정하고 있는지 잃지 않게 하는 것이 우선이다.
이 구분 때문에 시각적 일관성과 의미적 일관성을 따로 검사할 수 있다. 동일한 브랜드 색상을 사용했어도 한 화면에서는 초록색이 실행 접수를 의미하고 다른 화면에서는 결과 검증을 의미한다면 의미가 불안정하다. 반대로 서로 다른 브랜드 테마를 사용해도 제안, 실행, 검증의 구분과 행동 계약이 같다면 Lyotic의 의미는 유지될 수 있다. 따라서 Lyotic은 자체 비주얼 라이브러리를 제공하면서도 다른 디자인 시스템 위에 구현될 수 있어야 한다.
모션은 로딩 표시가 아닙니다
Morphing은 이 의미 구조가 렌더러에서 드러나는 방식 중 하나다. 업무 상태가 다른 이해나 제어를 요구할 때 표현이 변하고, 그 변화가 같은 객체의 연속성으로 읽히도록 움직임을 설계한다. 로딩을 감추기 위해 의미 없는 변형을 반복하거나, AI가 작동 중이라는 인상을 주기 위해 컨테이너를 계속 움직이는 것은 Lyotic의 목적과 관계없다. 움직임은 상태의 의미를 설명해야 한다.
중간에도 방향을 바꿀 수 있습니다
새 목표가 들어오면 현재 속도에서 spring을 다시 향하게 합니다. 애니메이션을 처음부터 재생하기 위해 입력을 막지 않습니다. 떠나는 형태는 즉시 inert가 되어야 하며 포커스·입력 보존은 별도로 지킵니다.