Apresentamos o Hana

Um novo canvas para o design interativo.

Abrir o Hana

O Hana apresenta uma nova abordagem ao design interativo. Construído de raiz com o desempenho como prioridade, o Hana é um canvas em tempo real para desenhar e animar experiências 2D interativas — de interfaces cuidadas a elementos visuais dinâmicos — e levá-las até à produção.

O Hana permite-te criar conteúdos ricos, baseados em estados, que se comportam, respondem e reagem num canvas rápido e infinito.

Passa o cursor ou toca para interagir (experiência feita com o Hana)

Capacidades

Para o Hana, construímos um novo tipo de motor de renderização, capaz de processar dados vetoriais muito depressa, em tempo real. Dá aos criadores acesso à edição moderna de redes vetoriais, a transições baseadas em estados e a efeitos acelerados por GPU — tudo num ambiente colaborativo e nativo do browser.

Tudo o que desenhas no Hana está pronto para produção por predefinição. Seja uma forma simples ou uma experiência interativa complexa, o motor do Hana foi feito para lidar com interações em tempo real que podem ser facilmente incorporadas em qualquer site ou app.

Do desenho vetorial preciso às sombras suaves e desfocagens, o Hana combina potência e simplicidade de uma forma que parece leve — mas sem limites.

Experiências feitas com o Hana

Colaboração de design em tempo real

No Hana, as frames podem ser componentes reproduzíveis que funcionam de forma independente, tudo dentro do editor. Isto simplifica o processo de criação, eliminando a necessidade de um modo "Animate". Em vez disso, podes simplesmente interagir com a tua experiência reproduzindo-a diretamente numa frame no editor. No futuro, as frames também poderão ser exportadas individualmente como URLs ativos, imagens e muito mais.

Partilha um link e os colaboradores podem entrar de imediato para experimentar e contribuir para o teu canvas. Cada edição aparece em direto. O feedback é imediato. É multiutilizador por natureza, e bem feito.

O Hana tira partido do sistema de colaboração em tempo real do editor 3D do Spline, que já é suportado, para que a tua equipa possa avançar mais depressa e manter-se sincronizada.

Redes vetoriais feitas com o Hana

Redes vetoriais em tempo real

As redes vetoriais (um conceito introduzido em 2016 pela Figma) permitem ligar mais de duas linhas a um único ponto, o que facilita a criação de todo o tipo de formas.

O Hana leva esta abordagem a outro nível, com o primeiro sistema que permite criar redes vetoriais num ambiente em tempo real.

Além disso, as booleanas multinível permitem criar formas avançadas e efeitos fluidos para obter facilmente formas complexas e animáveis.

Experiências feitas com o Hana

Interações e animação

Usa interações baseadas em eventos para dar comportamento aos teus designs — de estados ao passar o cursor a entradas do teclado. Anima transições, cria fluxos e experimenta com movimento diretamente no canvas. Sem mudar de ferramenta.

Com o Hana, o movimento e a interatividade passam a fazer parte do processo de design, e não a ser uma reflexão de última hora.

Experiências feitas com o Hana

Exportar e partilhar para produção

Tal como no editor 3D do Spline, no Hana podes gerar links interativos ativos a partir de qualquer frame. Tudo está otimizado para ser incorporado num ambiente de produção, para que o teu trabalho fique tão bem na tua implementação como no editor.

Experiências feitas com o Hana

A próxima era da interatividade

Este é um novo meio para o pensamento interativo. Quer estejas a desenhar um produto, a criar uma interação de interface ou a construir experiências interativas ricas, o Hana pode ajudar-te a dar vida às tuas ideias.

O Hana é a base para o que está para vir.

É o primeiro passo de uma visão mais ampla daquilo que é hoje o ecossistema do Spline, onde o design 2D/3D e a interatividade se fundem e são publicados sem atritos.

Mal podemos esperar para ver o que vais fazer com o Hana!

— A equipa do Spline 🌸

Saber mais

Mais do blog