אנימציית לוטי, היא טכנולוגיה שפותחה ע"י החברה Airb&b.
לוטי (Lottie) זה קובץ אנימציה קל משקל מבוסס JSON.
בין אם אתם מפתחים למובייל, וואב או בוני אתרים בוורדפרס – כמעט לכל פלטפורמה קיימת אינטגרציה פשוטה לשלב אנימציות Lottie במוצר שלכם.
הגישה ליצירת אנימציות לוטי היא דרך תוכנת אפטר אפקט After Effect של אדובי הידועה ביכולות ההנפשה הוקטורית שלה בין היתר.
שילוב נכון של טכניקה ויכולות הנפשה, פותח עולם שלם של אפשרויות קלות משקל למוצרים דיגיטלים, אפליקציות ואתרים כחלק מהעשרת חווית המשתמש והוספת מימד חדש של חוויה.
יתרונות השימוש באנימציית לוטי:
אינטראקטיביות
בעזרת קבצי לוטי ניתן להטמיע אנימציות אינטראקטיביות באתר שלכם.
באמצעות התוסף הרשמי של אלמנטור תוכלו להאט ולהאיץ את האנימציה, לייצר אנימציות שישתנו בהתאם לגלילת העמוד או בהתאם למיקום סמן העכבר.
שיפור ביצועים
לביצועי האתר יש השפעה ענקית על חווית משתמש וברוב המקרים הצורך בטעינה מהירה עולה על הצורך באנימציות באתר.
בניגוד לסוגי קבצים אחרים, בלוטי האנימציה מורכבת מקוד ולא מפיקסלים, מה שאומר שהיא קלה ומהירה יותר.
איכות מקסימלית
קבצי לוטי הם קבצי אנימציה ויקטורית – כלומר, לא משנה כמה נגדיל/ נקטין את האנימציה באתר, האיכות תישאר איכות גבוהה.
עובד בכל הפלטפורמות
לוטי מאפשר גמישות מירבית לשנות את הרזולוציה כך שהאנימציה תוכל להיות מוצגת בגודל האידיאלי בכל מכשיר.
דרכים לעבוד עם לוטי:
1. יצירת אנימציה חדשה באמצעות אפטר אפקט. בשביל החלק הזה תצטרכו הבנה וידע בסיסי בתוכנה כמו AfterEffects ופלאגינים נוספים.
אם זה סינית עבורכם, פשוט פנו לאנימטור והוא יסייעו לכם ביצירת האנימציה שאתם רוצים.
2. אם לא בא לכם להתחיל לבנות מאפס, אבל אתם ממש רוצים להוסיף אנימציות לוטי לאתר שלכם, תמיד תוכלו להוריד או לקנות קבצים מוכנים.
ישנם מספר אתרים המציעים אנימציות מוצלחות ומוכנות להורדה. להלן שני אתרים מומלצים:
Lottie files
האתר הרשמי של לוטי, שבוא תוכלו למצוא מגוון רב של אנימציות.
useAnimations
אתר עם אנימציות לאייקונים להורדה חינמית.
לסיכום
לוטי הוא יותר מעוד פיצ’ר מגניב לאלמנטור. מדובר במהפכה של ממש. עם קצת יצירתיות יש אין-ספור דרכים ליצור אתרים מעניינים.
אם יש לכם עוד שאלות או תובנות בנושא, או שסתם בא לכם לשתף אותי בדברים שבניתם עם לוטי- מוזמנים לכתוב לי.
