Представляем Hana

Открыть Hana

Hana — это новый подход к интерактивному дизайну. Созданная с нуля с упором на производительность, Hana — холст реального времени для дизайна и анимации интерактивного 2D: от отточенных интерфейсов до динамичных визуалов — с доставкой прямо в продакшен.

Hana позволяет создавать богатый контент на основе состояний, который ведёт себя, откликается и реагирует на быстром бесконечном холсте.

Возможности

Для Hana мы создали движок рендеринга нового типа, который обрабатывает векторные данные очень быстро, в реальном времени. Он даёт авторам современное редактирование векторных сетей, переходы на основе состояний и эффекты с GPU-ускорением — и всё это в среде для совместной работы, которая живёт прямо в браузере.

Всё, что вы создаёте в Hana, по умолчанию готово к продакшену. Будь то простая фигура или сложный интерактивный опыт, движок Hana рассчитан на взаимодействия в реальном времени, которые легко встроить в любой сайт или приложение.

От точного векторного рисования до мягких теней и размытий — Hana сочетает мощь и простоту так, что работа ощущается лёгкой и при этом безграничной.

Совместный дизайн в реальном времени

Фреймы в Hana могут быть воспроизводимыми компонентами, которые работают независимо, прямо в редакторе. Это упрощает работу: отдельный режим «Animate» больше не нужен. Вместо этого можно взаимодействовать с опытом, запуская его прямо во фрейме в редакторе. Фреймы также можно экспортировать по отдельности — как живые ссылки, изображения, а в будущем и не только.

Поделитесь ссылкой — и соавторы мгновенно подключатся, чтобы посмотреть и внести свой вклад в ваш холст. Каждая правка видна сразу. Обратная связь — мгновенная. Совместная работа заложена в саму основу — и сделана как надо.

Hana использует систему совместной работы в реальном времени из 3D-редактора Spline, которая уже поддерживается, поэтому ваша команда может двигаться быстрее и оставаться на одной волне.

Векторные сети в реальном времени

Векторные сети (концепция, которую Figma представила в 2016 году) позволяют соединять в одной точке больше двух линий, что упрощает создание самых разных фигур.

Hana выводит этот подход на новый уровень: это первая система, которая позволяет создавать векторные сети в среде реального времени.

Кроме того, многоуровневые булевы операции позволяют легко создавать продвинутые формы и текучие эффекты и получать сложные анимируемые фигуры.

Взаимодействия и анимация

Добавляйте дизайну поведение с помощью взаимодействий на основе событий — от состояний при наведении до ввода с клавиатуры. Анимируйте переходы, собирайте сценарии и экспериментируйте с движением прямо на холсте. Никакого переключения между инструментами.

В Hana движение и интерактивность становятся частью процесса дизайна, а не чем-то, о чём думают в последнюю очередь.

Экспорт и публикация для продакшена

Как и в 3D-редакторе Spline, в Hana из любого фрейма можно сгенерировать живую интерактивную ссылку. Всё оптимизировано для встраивания в продакшен-среду, поэтому ваша работа после деплоя выглядит так же хорошо, как в редакторе.

Новая эра интерактивности

Это новый медиум для интерактивного мышления. Проектируете ли вы продукт, продумываете UI-взаимодействие или создаёте богатый интерактивный опыт — Hana поможет воплотить ваши идеи.

Hana — фундамент для того, что будет дальше.

Это первый шаг более широкого видения того, что теперь стало экосистемой Spline, где 2D- и 3D-дизайн и интерактивность органично сливаются и легко публикуются.

Нам не терпится увидеть, что вы создадите в Hana!

— Команда Spline 🌸

Подробнее