Przedstawiamy Hana

Nowa kanwa do projektowania interaktywnego.

Otwórz Hana

Hana to nowe podejście do projektowania interaktywnego. Zbudowana od zera z myślą o wydajności, Hana jest kanwą działającą w czasie rzeczywistym, na której projektujesz i animujesz interaktywne doświadczenia 2D – od dopracowanych interfejsów po dynamiczne grafiki – i dostarczasz je na produkcję.

Hana pozwala tworzyć bogate treści oparte na stanach, które zachowują się, odpowiadają i reagują na szybkiej, nieskończonej kanwie.

Najedź kursorem lub dotknij, aby wejść w interakcję (doświadczenie stworzone w Hana)

Możliwości

Dla Hana zbudowaliśmy nowy rodzaj silnika renderującego, który przetwarza dane wektorowe naprawdę szybko, w czasie rzeczywistym. Daje twórcom nowoczesną edycję sieci wektorowych, przejścia oparte na stanach i efekty akcelerowane przez GPU – wszystko we wspólnym środowisku działającym natywnie w przeglądarce.

Wszystko, co zaprojektujesz w Hana, jest domyślnie gotowe na produkcję. Niezależnie od tego, czy to prosty kształt, czy złożone interaktywne doświadczenie, silnik Hana obsługuje interakcje w czasie rzeczywistym, które łatwo osadzić na dowolnej stronie lub w aplikacji.

Od precyzyjnego rysowania wektorowego po miękkie cienie i rozmycia – Hana łączy moc i prostotę w sposób, który wydaje się lekki, a zarazem bez ograniczeń.

Doświadczenia stworzone w Hana

Współpraca projektowa w czasie rzeczywistym

Ramki w Hana mogą być odtwarzalnymi komponentami, które działają niezależnie – wszystko w edytorze. Upraszcza to proces tworzenia, bo nie potrzeba trybu „Animate”. Zamiast tego możesz po prostu wejść w interakcję ze swoim doświadczeniem, odtwarzając je bezpośrednio w ramce w edytorze. Ramki można też eksportować pojedynczo jako działające adresy URL, obrazy, a w przyszłości w kolejnych formatach.

Udostępnij link, a współpracownicy od razu dołączą, by zobaczyć Twoją kanwę i współtworzyć ją. Każda zmiana pojawia się na żywo. Opinie są natychmiastowe. To praca wieloosobowa z założenia – i zrobiona dobrze.

Hana korzysta z już działającego systemu współpracy w czasie rzeczywistym z edytora 3D Spline, więc Twój zespół może działać szybciej i pozostać zsynchronizowany.

Sieci wektorowe stworzone w Hana

Sieci wektorowe w czasie rzeczywistym

Sieci wektorowe (koncepcja wprowadzona w 2016 roku przez Figmę) pozwalają łączyć więcej niż dwie linie w jednym punkcie, co ułatwia tworzenie wszelkiego rodzaju kształtów.

Hana przenosi to podejście na wyższy poziom, wprowadzając pierwszy system, który pozwala tworzyć sieci wektorowe w środowisku czasu rzeczywistego.

Do tego wielopoziomowe operacje logiczne pozwalają łatwo tworzyć zaawansowane kształty i płynne efekty, a w efekcie złożone, animowalne formy.

Doświadczenia stworzone w Hana

Interakcje i animacja

Używaj interakcji sterowanych zdarzeniami, aby nadać projektom zachowanie – od stanów po najechaniu kursorem po obsługę klawiatury. Animuj przejścia, buduj przepływy i eksperymentuj z ruchem bezpośrednio na kanwie. Bez przełączania narzędzi.

Z Hana ruch i interaktywność stają się częścią procesu projektowego, a nie dodatkiem na koniec.

Doświadczenia stworzone w Hana

Eksport i udostępnianie na produkcję

Podobnie jak w edytorze 3D Spline, w Hana możesz wygenerować działające interaktywne linki z dowolnej ramki. Wszystko jest zoptymalizowane pod osadzanie w środowisku produkcyjnym, więc Twoja praca wygląda po wdrożeniu tak samo dobrze jak w edytorze.

Doświadczenia stworzone w Hana

Nowa era interaktywności

To nowe medium do myślenia interaktywnego. Niezależnie od tego, czy projektujesz produkt, dopracowujesz interakcję w UI, czy tworzysz bogate interaktywne doświadczenia, Hana pomoże Ci urzeczywistnić Twoje pomysły.

Hana to fundament pod to, co dopiero nadejdzie.

To pierwszy krok szerszej wizji tego, czym jest dziś ekosystem Spline – miejsca, w którym projektowanie 2D/3D i interaktywność płynnie się łączą i trafiają na produkcję.

Nie możemy się doczekać, co stworzysz w Hana!

— Zespół Spline 🌸

Dowiedz się więcej

Więcej z bloga