Lottie uden eftervirkninger

Lottie Hvem?

Processen med at skabe bevægelse til mobil føltes brudt, indtil Airbnb frigav et fantastisk open source-bibliotek kaldet Lottie. Før det (februar 2017) krævede oprettelse af komplekse mobile animationer en svær frem og tilbage mellem designere og udviklere.
 
Designere opretter prototyper til udviklere, som enten skulle genskabe dem manuelt på flere sprog (én gang til Android og en gang til iOS) eller vælge at indlejre store ikke-skalerings-GIF'er eller billedsprites. Men Lottie ændrede alt dette ved at gøre komplicerede, skalerbare animationer til både iOS og Android med lethed at inkludere et statisk billede. Swiftkey udskiftede for eksempel en .png-sekvens på 6 MB i størrelse for en Lottie .json på kun 340 kb. Den uberørte tro og besparelser på download har en enorm indflydelse på brugeroplevelsen.

Billedkredit: http://airbnb.io/lottie/

Det er en stor ting at have denne magt, og mange designere planlægger tid ud af deres weekender for at lære den nye værktøjskæde. Men det er overraskende kompliceret.

Lotties afhængighed af After Effects

Lottie er afhængig af Adobe After Effects (AE) som dets værktøj til oprettelse af animationer. AE's glans er ubestridelig - det er branchenormen for animering af filmtitler, intros og overgange. Men med kraften kommer en labyrint af kompleksitet (mange funktioner understøttes ikke af Lottie og UI-animation generelt). AE's kapaciteter gør det ikke-praktisk at lære, og desværre sætter den stejle kurve ved hjælp af Lottie uden for rækkevidde for mange designere.
 
Når vi forestiller os det ideelle sæt værktøjer til UI-bevægelsesdesign, kan vi ikke undgå, at spekulere på, om AE virkelig er den rigtige ledsager af Lottie. Når alt kommer til alt er AE, der bruges til UI-bevægelsesdesign, ud over det originale omfang. Situationen føles analog med 2005, da designere var meget afhængige af Photoshop som et UI-designværktøj - ikke fordi det var lavet til den type arbejde, men fordi der ikke var noget, der var bedre egnet på markedet. Derefter fulgte Sketch, et værktøj med et rent UI-designfokus.
 
Hvad hvis der var en "After Effects", der var beregnet til appbevægelse og interaktionsdesign?

En ny måde at Lottie på

Vi designede Haiku fra bunden til animation af UI-komponenter. Ligesom Sketch er det et simpelt værktøj med et specifikt formål, og ligesom AE er det kompatibelt med Lottie.
 
Vores brugere siger, at det er mere intuitivt at animere og generelt meget lettere at komme i gang end AE. Du er ikke påkrævet at downloade og installere specielle tredjeparts plug-ins til både Sketch og After Effects, og lær derefter at animere ved hjælp af undergruppen af ​​funktioner, der understøttes. Du opretter blot animationer i Haiku og udgiver.
 
Efter offentliggørelse er du i stand til at vælge at bruge Lottie som din afspiller (til oprindelige applikationer) eller at bruge vores egen afspiller (kun på nuværende tidspunkt), hvor dine animationer kan svare på brugerinteraktion.

Dertil kommer, at vi har noget i ærmet, vi kalder Live Design. Forestil dig at foretage en ændring i dit tegneværktøj (Sketch) og se det øjeblikkeligt opdatere i Haiku, din applikations codebase og på tværs af alle de produktionsplatforme, du målretter mod. Det ville virkelig være en hidtil uset forbindelse til design- og udviklingshold - rygraden i et tilsluttet designsystem.
 
Der har for nylig været en masse brummer omkring designværktøjer, der implementerer "designsystemledere", når de i virkeligheden kun er statiske billeder af designsystemer. Vi mener, at der er en bedre vej frem - at et designsystem skal være et levende sæt af komponenter. Med Haiku kan det være netop det, og det er en stor forskel. Vi vil snart frigive Live Design i appen. Indtil da er her en hurtig teaser af, hvor tilfredsstillende denne paradigmeskiftende arbejdsgang føles.

Fuld offentliggørelse: Haiku er i øjeblikket i en privat forhåndsvisning, og der er stadig et par ting, du kan gøre i After Effects, som du endnu ikke er i stand til i Haiku, såsom formmorfing og masker. Dette er vigtige funktioner, og vi arbejder med at bringe dem ind i appen så hurtigt som muligt. Når det er sagt, har Haiku allerede mange funktioner, som AE ikke gør (Live Design, Interactions, Events, States). Vi håber, at vores vision om at styrke designere inspirerer dig til at prøve vores private beta.

Tilmeld dig og se, hvad brugerne skaber over på www.haiku.ai.