Hana 출시

Hana 열기

Hana는 인터랙티브 디자인에 대한 새로운 접근을 제시합니다. 성능을 핵심으로 처음부터 새로 만든 Hana는 세련된 인터페이스부터 역동적인 비주얼까지 인터랙티브 2D 경험을 디자인하고 애니메이션으로 만들어 실서비스로 전달하는 실시간 캔버스입니다.

Hana로 빠르고 무한한 캔버스 안에서 동작하고, 반응하고, 응답하는 풍부한 상태 기반 콘텐츠를 만들 수 있습니다.

기능

Hana를 위해 벡터 데이터를 실시간으로 아주 빠르게 처리할 수 있는 새로운 종류의 렌더 엔진을 만들었습니다. 크리에이터는 최신 벡터 네트워크 편집, 상태 기반 트랜지션, GPU 가속 이펙트를 모두 브라우저 기반의 협업 환경에서 사용할 수 있습니다.

Hana에서 디자인하는 모든 것은 기본적으로 실서비스에 바로 쓸 수 있습니다. 단순한 셰이프든 복잡한 인터랙티브 경험이든, Hana의 엔진은 어떤 웹사이트나 앱에도 쉽게 임베드할 수 있는 실시간 인터랙션을 처리하도록 만들어졌습니다.

정밀한 벡터 드로잉부터 부드러운 그림자와 블러까지, Hana는 강력함과 단순함을 가볍지만 한계 없는 방식으로 결합합니다.

실시간 디자인 협업

Hana의 프레임은 에디터 안에서 독립적으로 동작하는 재생 가능한 컴포넌트가 될 수 있습니다. 그래서 별도의 "애니메이트" 모드가 필요 없어 제작 과정이 단순해집니다. 대신 에디터의 프레임에서 경험을 바로 재생하며 상호작용하면 됩니다. 프레임은 개별적으로 라이브 URL, 이미지 등으로 내보낼 수 있으며, 앞으로 더 많은 형식이 추가될 예정입니다.

링크를 공유하면 협업자가 바로 들어와 캔버스를 경험하고 작업에 참여할 수 있습니다. 모든 편집이 실시간으로 나타나고, 피드백은 즉각적입니다. 처음부터 멀티플레이어를 위해 제대로 설계했습니다.

Hana는 이미 지원되고 있는 Spline 3D 에디터의 실시간 협업 시스템을 활용하므로, 팀이 더 빠르게 움직이며 항상 같은 상태를 유지할 수 있습니다.

실시간 벡터 네트워크

벡터 네트워크(2016년 Figma가 소개한 개념)는 한 점에 두 개 이상의 선을 연결할 수 있게 해 주어 온갖 셰이프를 더 쉽게 만들 수 있습니다.

Hana는 이 접근을 한 단계 더 끌어올려, 실시간 환경에서 벡터 네트워크를 만들 수 있는 최초의 시스템을 선보입니다.

또한 다단계 불리언으로 고급 셰이프와 유려한 효과를 만들어, 애니메이션 가능한 복잡한 셰이프를 쉽게 완성할 수 있습니다.

인터랙션과 애니메이션

호버 상태부터 키보드 입력까지, 이벤트 기반 인터랙션으로 디자인에 동작을 더하세요. 툴을 바꿀 필요 없이 캔버스에서 바로 트랜지션에 애니메이션을 적용하고, 흐름을 만들고, 모션을 실험할 수 있습니다.

Hana에서는 모션과 인터랙션이 나중에 덧붙이는 것이 아니라 디자인 과정의 일부가 됩니다.

실서비스를 위한 내보내기와 공유

Spline의 3D 에디터처럼 Hana에서도 어떤 프레임에서든 라이브 인터랙티브 링크를 생성할 수 있습니다. 모든 것이 실서비스 환경에 임베드하도록 최적화되어 있어, 배포된 결과물도 에디터에서와 똑같이 멋지게 보입니다.

인터랙티브의 다음 시대

인터랙티브한 사고를 위한 새로운 매체입니다. 제품을 디자인하든, UI 인터랙션을 다듬든, 풍부한 인터랙티브 경험을 만들든, Hana가 아이디어를 현실로 만드는 데 도움을 줄 수 있습니다.

Hana는 앞으로 다가올 더 많은 것의 토대입니다.

2D/3D 디자인과 인터랙션이 매끄럽게 어우러지고 배포되는, 지금의 Spline 생태계라는 더 큰 비전을 향한 첫걸음입니다.

여러분이 Hana로 만들 작품이 정말 기대됩니다!

— Spline 팀 🌸

자세히 알아보기