Rive는 새로운 기능 레이아웃을 시작하여 애니메이션 그래픽의 화면 적응을 완전히 변경했습니다! 지루한 적응 작업에 작별 인사를하면 디자이너와 개발자는 다양한 화면 크기와 장치에 자동으로 적응할 수있는 역동적이고 반응적인 애니메이션을 쉽게 만들 수 있으며 항상 Rive의 고유 한 상호 작용과 유창성을 유지할 수 있습니다. 레이아웃 기능은 각 플랫폼에 대해 별도의 버전을 만들지 않고도 다른 플랫폼에서 애니메이션을 완벽하게 제시 할 수있는 "범용 레이아웃 아티팩트"와 같습니다. 깊은 중첩 및 유연한 레이아웃을 지원하며 Rive의 제약 시스템과 결합하여보다 세련되고 안정적인 애니메이션 효과를 달성 할 수 있습니다.
디자이너와 개발자는 최근 "스크린 적응"에 의해 지배 될 것이라는 두려움을 제거 할 수 있습니다! 시그니처 대화식 및 부드러운 애니메이션 효과.
레이아웃이 정확히 무엇입니까?
레이아웃을 사용하면 디자이너는 휴대 전화와 컴퓨터에 완벽하게 표시되는 버튼, 목록 또는 메뉴와 같이 화면 크기에 자동으로 적응하는 레이아웃을 쉽게 만들 수 있습니다. 디자이너는 레이아웃 규칙을 따르는 요소와 독립적으로 표시 할 수있는 요소를 자유롭게 선택할 수 있습니다.
또한 레이아웃 요소에 애니메이션을 추가하여 인터페이스를보다 생생하고 유연하게 만들 수 있습니다. 예를 들어, 모든 장치에 맞게 위치, 크기, 내부 여백 및 외부 여백에 따라 자동으로 크기를 조정하는 그래픽을 설계 할 수 있습니다. 레이아웃을 사용할 때는 애니메이션 효과를 잃지 않고 화면 크기에 따라 그래픽을 조정 및 재 변형 할 수 있습니다.
레이아웃의 하이라이트는 교차 기기 호환성입니다. 그래픽은 자동차 대시 보드와 스마트 폰 사이의 원활한 전환을 허용하여 일관된 시각적 효과를 유지합니다. 디자이너는 그래픽을 한 번만 만들면됩니다. 각 플랫폼에 대해 별도의 버전을 작성하지 않고 각 플랫폼에서 자동으로 조정됩니다.
레이아웃도 다국어를 지원하며 언어 길이에 따라 레이아웃 크기를 자동으로 조정할 수 있습니다. 예를 들어, 텍스트가 길면 레이아웃은 다른 언어의 디스플레이 요구 사항에 맞게 텍스트 상자를 재 배열하거나 크기를 조정할 수 있습니다. 이를 통해 모든 언어가 일관되게 표시되도록하고 개발자는 다른 언어로 인한 레이아웃 문제에 대해 걱정할 필요가 없습니다.
복잡한 레이아웃을 만들어야하는 디자이너의 경우 레이아웃은 깊은 중첩 및 유연한 레이아웃을위한 옵션을 제공합니다. 설계자는 정렬, 라인 브레이크 및 간격 옵션을 사용하여 다단계 UI 요소 또는 다른 화면에서 조정 해야하는 복잡한 구조와 같은 복잡한 UI 레이아웃을 만들 수 있습니다.
레이아웃은 또한 브레이크 포인트를 지원하는데,이 점은 너비, 높이 또는 구성 요소의 비율을 기반으로 Rive의 상태 머신을 트리거하고 다른 애니메이션 또는 레이아웃 변경을 수행 할 수 있습니다. 예를 들어, 화면이 조경에서 초상화로 전환되면 레이아웃이 자동으로 다른 레이아웃 또는 애니메이션 상태로 전환 될 수 있습니다.
다른 디자인 도구와 달리 Rive 레이아웃을 사용하면 디자이너가 객체가 레이아웃 엔진에 참여하는지 여부를 자유롭게 선택하고 언제든지 레이아웃 규칙을 해제하고 자유롭게 디자인 할 수 있습니다. 이는 디자이너가 고도로 애니메이션 캐릭터와 같은 무료 요소를보다 구조화 된 레이아웃에 포함하여 유연한 디자인 효과를 달성 할 수 있음을 의미합니다. 레이아웃을 조정하더라도 캐릭터의 애니메이션은 매끄럽게 유지 될 수 있으며 레이아웃 엔진에 의해 제한되지 않습니다.
또한 레이아웃은 Rive의 제약 시스템과의 통합을 지원하여 디자인의 전통적인 계층 적 관계를 가능하게합니다. UI 레이아웃이 변경 되더라도 애니메이션은 원래 위치와 모양을 정확하고 제어 할 수있어 시각적 효과의 안정성을 보장합니다. 예를 들어, 페이지 레이아웃이 변경되면 제약 시스템은 레이아웃 장애를 피하기 위해 관련 요소를 자동으로 조정합니다.
레이아웃의 구성 요소는 Rive의 상태 머신을 통해 제어 할 수 있으며 구성 요소의 너비, 높이 또는 비율에 따라 다른 상태 변경을 트리거합니다. 이를 통해 디자이너는 다른 애니메이션 시퀀스를 트리거하거나 장치 화면에 따라 반응 형 효과와 같은 대화 형 애니메이션을 레이아웃에 추가 할 수 있습니다. Rive의 State Machine을 사용하면 레이아웃 조정시 애니메이션의 모든 세부 사항을 제어 할 수 있으므로 디자이너는 하나의 디자인으로 여러 반응 형 및 대화식 애니메이션을 혼합하여 사용자에게 풍부한 시각적 경험을 제공 할 수 있습니다.
세부 사항 : https://rive.app/blog/introducing-layouts
요컨대, Rive 레이아웃의 출현은 애니메이션 디자인에 혁신적인 변화를 가져와 스크린 적응 프로세스를 단순화하여 디자이너와 개발자가 전례없는 자유와 창의적인 공간을 제공하여 애니메이션 디자인을보다 효율적이고 편리하고 유익하게 만듭니다. 서두르고 라이브 레이아웃을 경험하고 페인팅 디자인의 새로운 장을 시작하십시오!