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

Відкрити Hana

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

Hana дає змогу створювати насичений контент на основі станів, який поводиться, реагує й відгукується на швидкому нескінченному полотні.

Можливості

Для Hana ми створили новий тип рушія рендерингу, здатний дуже швидко обробляти векторні дані в реальному часі. Він дає авторам доступ до сучасного редагування векторних мереж, переходів на основі станів і ефектів із GPU-прискоренням — усе це в середовищі для спільної роботи, що працює просто в браузері.

Усе, що ви створюєте в Hana, за замовчуванням готове до продакшну. Хоч це проста форма, хоч складний інтерактивний досвід, рушій Hana створено для взаємодій у реальному часі, які легко вбудувати на будь-який сайт чи в застосунок.

Від точного векторного малювання до м’яких тіней і розмиття — Hana поєднує потужність і простоту так, що це відчувається легко, але без обмежень.

Спільна робота над дизайном у реальному часі

Фрейми в Hana можуть бути відтворюваними компонентами, які діють незалежно, просто в редакторі. Це спрощує процес створення, бо прибирає потребу в окремому режимі «Animate». Натомість ви просто взаємодієте зі своїм проєктом, відтворюючи його у фреймі в редакторі. Фрейми також можна окремо експортувати як живі URL, зображення, а згодом і в інших форматах.

Поділіться посиланням — і співавтори миттєво долучаться, щоб переглянути ваше полотно й зробити свій внесок. Кожна зміна з’являється наживо. Відгук — миттєвий. Спільна робота наживо, зроблена як слід.

Hana використовує вже наявну систему спільної роботи в реальному часі з 3D-редактора Spline, тож ваша команда може рухатися швидше й залишатися синхронізованою.

Векторні мережі в реальному часі

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

Hana виводить цей підхід на новий рівень, представляючи першу систему, яка дає змогу створювати векторні мережі в середовищі реального часу.

Крім того, багаторівневі булеві операції дають змогу легко створювати складні форми й плавні ефекти, отримуючи складні анімовані форми.

Взаємодії та анімація

Додавайте дизайнам поведінку за допомогою взаємодій на основі подій — від станів при наведенні до введення з клавіатури. Анімуйте переходи, будуйте сценарії й експериментуйте з рухом просто на полотні. Без перемикання між інструментами.

З Hana рух та інтерактивність стають частиною процесу дизайну, а не чимось другорядним.

Експорт і поширення для продакшну

Як і в 3D-редакторі Spline, у Hana можна згенерувати живі інтерактивні посилання з будь-якого фрейму. Усе оптимізовано для вбудовування в готове до продакшну середовище, тож ваша робота виглядає після розгортання так само добре, як і в редакторі.

Нова ера інтерактивності

Це нове середовище для інтерактивного мислення. Хоч ви проєктуєте продукт, хоч створюєте взаємодію в інтерфейсі чи насичений інтерактивний досвід, Hana допоможе втілити ваші ідеї.

Hana — це фундамент для того, що буде далі.

Це перший крок ширшого бачення того, що тепер є екосистемою Spline, де дизайн у 2D/3D та інтерактивність безшовно поєднуються й розгортаються.

Нам не терпиться побачити, що ви створите в Hana!

— Команда Spline 🌸

Дізнатися більше