Lottie χωρίς αποτελέσματα

Lottie Ποιος;

Η διαδικασία δημιουργίας κίνησης για κινητό αισθάνθηκε κατακερματισμένη μέχρι που η Airbnb κυκλοφόρησε μια εκπληκτική βιβλιοθήκη ανοιχτού κώδικα με την ονομασία Lottie. Πριν από τότε (Φεβρουάριος 2017), η δημιουργία σύνθετων κινητών κινούμενων εικόνων απαιτούσε μια δύσκολη πορεία μεταξύ σχεδιαστών και προγραμματιστών.
 
Οι σχεδιαστές θα μπορούσαν να δημιουργήσουν πρωτότυπα για προγραμματιστές που θα πρέπει είτε να τους αναδημιουργήσουν με το χέρι σε πολλές γλώσσες (μία φορά για Android και μία φορά για iOS) είτε να ενσωματώσουν μεγάλα μη-κλιμακούμενα GIF ή εικόνες sprites. Αλλά Lottie άλλαξε όλα αυτά, καθιστώντας περίπλοκες, κλιμακούμενες κινούμενες εικόνες για iOS και Android με την ευκολία να συμπεριλάβει μια στατική εικόνα. Το Swiftkey, για παράδειγμα, άλλαξε μια ακολουθία .png σε μέγεθος 6mb για Lottie .json μόλις 340kb. Η απίστευτη εξοικονόμηση πιστότητας και λήψης έχουν τεράστιο αντίκτυπο στην εμπειρία του χρήστη.

Πιστοποίηση εικόνας: http://airbnb.io/lottie/

Είναι μια μεγάλη υπόθεση να έχει αυτή τη δύναμη, και δεκάδες σχεδιαστές προγραμματίζουν χρόνο από τα σαββατοκύριακα τους για να μάθουν τη νέα σειρά εργαλείων. Αλλά είναι εκπληκτικά πολύπλοκο.

Η εξάρτηση της Lottie από τα After Effects

Η Lottie βασίζεται στο Adobe After Effects (AE) ως εργαλείο δημιουργίας κινούμενων εικόνων. Η λάμψη της AE είναι αναμφισβήτητη - είναι το πρότυπο της βιομηχανίας για την κίνηση κινηματογραφικών τίτλων ταινιών, intros και μεταβάσεων. Αλλά με τη δύναμη έρχεται ένας λαβύρινθος πολυπλοκότητας (πολλά χαρακτηριστικά δεν υποστηρίζονται από Lottie και UI animation εν γένει). Οι δυνατότητες της AE την καθιστούν μη κερδοσκοπική για να μάθουν και δυστυχώς η απότομη καμπύλη θέτει τη χρήση της Lottie μακριά από πολλούς σχεδιαστές.
 
Όπως φαντάζουμε το ιδανικό σύνολο εργαλείων για τον σχεδιασμό κίνησης του UI, δεν μπορούμε παρά να αναρωτηθούμε αν η AE είναι πραγματικά ο σωστός σύντροφος για την Lottie. Μετά από όλα, το AE που χρησιμοποιείται για το σχεδιασμό κίνησης UI είναι πέρα ​​από το αρχικό πεδίο εφαρμογής του. Η κατάσταση είναι ανάλογη με το 2005, όταν οι σχεδιαστές βασίζονταν σε μεγάλο βαθμό στο Photoshop ως εργαλείο σχεδιασμού του UI - όχι επειδή ήταν κατασκευασμένο για το είδος της εργασίας, αλλά επειδή δεν υπήρχε τίποτα πιο κατάλληλο στην αγορά. Στη συνέχεια, ήρθε το Sketch, ένα εργαλείο με καθαρή εστίαση σχεδιασμού UI.
 
Τι θα συμβεί αν υπήρχαν τα "After Effects" που προορίζονταν για σχεδιασμό κίνησης και αλληλεπίδρασης εφαρμογών;

Ένας νέος τρόπος για να Lottie

Σχεδιάσαμε το Haiku από το έδαφος για το animation των στοιχείων του UI. Όπως το Σκίτσο, είναι ένα απλό εργαλείο με συγκεκριμένο σκοπό, και όπως το AE, είναι συμβατό με Lottie.
 
Οι χρήστες μας λένε ότι είναι πιο διαισθητικό να ζωντανεύουν και γενικά πολύ πιο εύκολο να ξεκινήσουν και να τρέξουν από τον ΑΕ. Δεν απαιτείται να κατεβάσετε και να εγκαταστήσετε ειδικές προσθήκες τρίτου μέρους τόσο για το Sketch όσο και για τα After Effects και, στη συνέχεια, μάθετε να ζωντανεύετε χρησιμοποιώντας το υποσύνολο λειτουργιών που υποστηρίζονται. Δημιουργείτε απλά κινούμενα σχέδια στο Haiku και δημοσιεύετε.
 
Μετά τη δημοσίευση, μπορείτε να επιλέξετε να χρησιμοποιήσετε τη Lottie ως τον παίκτη σας (για εγγενείς εφαρμογές) ή να χρησιμοποιήσετε τον δικό μας παίκτη (ιστό μόνο για τώρα), όπου τα κινούμενα σχέδια σας μπορούν να ανταποκριθούν στην αλληλεπίδραση του χρήστη.

Επιπλέον, έχουμε κάτι λίγο επάνω στο μανίκι μας που καλούμε Live Design. Φανταστείτε να κάνετε μια αλλαγή στο εργαλείο σχεδίασης (Σκίτσο) και να την δείτε να ενημερώνεται άμεσα στο Haiku, στον κώδικα βάσης της εφαρμογής σας και σε όλες τις πλατφόρμες παραγωγής που στοχεύετε. Αυτό θα ήταν πραγματικά μια άνευ προηγουμένου σύνδεση για τις ομάδες σχεδιασμού και ανάπτυξης - τη ραχοκοκαλιά ενός συνδεδεμένου συστήματος σχεδιασμού.
 
Υπήρξε πρόσφατα πολλή συζήτηση σχετικά με τα εργαλεία σχεδίασης που εφαρμόζουν τους "διαχειριστές συστημάτων σχεδιασμού" όταν στην πραγματικότητα είναι απλά στατικές εικόνες συστημάτων σχεδιασμού. Θεωρούμε ότι υπάρχει ένας καλύτερος τρόπος προς τα εμπρός - ότι ένα σύστημα σχεδιασμού πρέπει να είναι ένα ζωντανό σύνολο συνιστωσών. Με Haiku μπορεί να είναι ακριβώς αυτό, και είναι μεγάλη διαφορά. Θα κυκλοφορήσουμε σύντομα το Live Design στην εφαρμογή. Μέχρι τότε, εδώ είναι ένα γρήγορο teaser του πόσο ικανοποιεί αυτό το παραδειγματισμό-μετατόπιση ροή εργασίας αισθάνεται.

Πλήρης αποκάλυψη: Το Haiku είναι αυτή τη στιγμή σε ιδιωτική προεπισκόπηση και υπάρχουν ακόμα μερικά πράγματα που μπορείτε να κάνετε στα After Effects που δεν μπορείτε να φτάσετε στο Haiku, όπως μορφοποίηση σχήματος και μάσκες. Αυτά είναι σημαντικά χαρακτηριστικά και προσπαθούμε να τα φέρνουμε στην εφαρμογή το συντομότερο δυνατό. Τούτου λεχθέντος, το haiku έχει ήδη πολλά χαρακτηριστικά γνωρίσματα που η AE δεν έχει (Live Design, Αλληλεπιδράσεις, Εκδηλώσεις, Κράτη). Ελπίζουμε ότι το όραμά μας για την ενδυνάμωση των σχεδιαστών θα σας εμπνεύσει να δοκιμάσετε το δικό μας ιδιωτικό beta.

Εγγραφείτε και δείτε τι δημιουργούν οι χρήστες στη διεύθυνση www.haiku.ai.