מה יהיה עם האתר לוטי - אנימציות לבונה אתרים
-
https://www.hamichlol.org.il/JSON
פורמט JSON משמש בעולם ה-WEB כדרך להעברת מערכים (ARRAY) ומולטי-מערכים בפורמט אחיד לכל השפות. נעשה בו היום שימוש במגוון מערכות כדרך להעברת נתונים בפורמט חסכוני וקריא בין שפות תיכנות שונות. הפורמט הזה משמש במגוון רחב של אתרים שאתה משתמש בהם ביום יום, ולא עלה על דעת איש מעולם שנטפרי יחסמו את הפורמט הזה, כך שלא מובנת צהלתך הפלאית על קבצי JSON ש-'הופ' פתוחים בנטפרי...https://www.hamichlol.org.il/SVG
SVG הוא פורמט בינלאומי המשמש על ידי מגוון רחב של שפות תכנות להצגת וליצירת גרפיקה וקטורית דו ממדית. פורמט ה-SVG מכיל מידע לדוג' על הנתיבים שבאיור ועל הצבע והמיקום שלהם לצד נתונים נוספים, הוא משמש גם לאנימציות מבוססות וקטור.https://www.hamichlol.org.il/GIF
GIF הוא קובץ אנימציה המציג רצף של תמונות באיכות נמוכה, עם זאת משקלו עלול להיות כבד מאוד מכיון שהוא מכיל את מפת הצבע של כל תמונה
ותמונה לעומת קובץ SVG שמכיל רק את ההוראות 'קו ירוק מנקודה A לנקודה B... '.
עד לשנים האחרונות היווה GIF את הדרך המועדפת להצגת אנימציות באינטרנט. בשנים האחרונות נכנסה המודעות של קידום אתרים והמגמה של המפתחים הופנתה להקטנת נפח הקבצים המוצגים בטעינת העמוד, דבר המשפיע על קידום האתר בגוגל - דבר השווה לרווח כספי ניכר לבעלי האתר.
ייתרון נוסף של אנימציית SVG היא החדות שלה, מכיון שקובץ GIF מכיל רק תמונות מכווצות לעומת קובץ SVG שמכיל את המתכון ליצירת הוקטור - שיישאר זהה בכל גודל מסך.
החיסרון של אנימציית SVG היה בקושי ליצור אותה, וכן במאגרים הפתוחים שכמעט ולא היו עד לשנים האחרונות.
LOTTIE הביאה את הפיתרון המהפכני לענף לאחר שהציגה תוסף לתוכנת אפטר-אפקטס (תוכנת אנימציה) שמאפשרת לייצא את האנימציה לקובץ JSON ואח"כ להציג אותו באתר / באפליקציה כקובץ SVG או כאנימציית SVG. בנוסף - לוטי הקימה מאגר פתוח של עשרות אלפי אנימציות בפורמט המיוחד - בחינם ובתשלום.לגבי שאלתך - היות ולוטי מרונדר באתר החי כקובץ SVG, לא תוכל להצביע על אלמנט ספציפי באתר ולהגיד 'הוא משתמש בלוטי' מכיון שלוטי הוא לא התוצר הסופי של הפרונט-אנד ותצטרך לאתר את הסקריפט שמפעיל אותו.
לכן, מהרגע הראשון הנידון המקצועי היה: האם אנימציות הם דבר נחוץ לבוני אתרים או שהן רק גימיק.
לצערי, למרות שמיודעינו הרב @magicode התברך בידע באפיון אתרים וחויית משמש הוא היה סבור בתחילה כי מדובר בגימיק בלבד ואין סיבה להשקיע בו זמן ומשאבים.
מנגד, שורה של בעלי מקצוע מתחום האפיון וחויית המשמש, ואנוכי בתוכם, היינו (ועדיין) סבורים כי אפיון כל אתר לגופו, ולא ניתן לקבוע באופן אחיד לגבי כל האתרים כי אין צורך לשלב בהם אנימציות בהתאם לשפה ועולם התוכן של המוצר.
כעת יובן מדוע אני מביא דוגמאות לאתרים שמשתמשים באנימציות, ומדוע דף בודד של אנימציות מבוססות לוטי אינו פתרון סביר.
בהצלחה, ושבוע טוב.
ובבקשה, פעם הבאה - אל תתערב בויכוח מקצועי לפני שאתה בטוח שאתה מבין את החומר המקצועי שמאחוריו, וסליחה אם הייתי תקיף, אחרי הכל מדובר בבעלי עסקים ונותני שירות שמותקפים כאן על ידי סברות כרס של אנשים שלא מהתחום, ולצערם נאלצים לרדת לרמה הנמוכה שכאן, בתקווה להבנה.
ו- @משרדי הפוסט הזה מכוון גם אליך. -
@ברצינות אם השיטה היא ירידה לפסים אישיים, אאלץ להמשיך אותו.
@5566NEWbrs ספציפית מוכר לי וככל הנראה, אין תחום בו אתה מבין יותר ממנו.
ספציפית לא הבעתי באשכול הזה דעה בפן המקצועי לכאן או לכאן, הערתי על הרמה של האשכול וההתלהמות. -
-
@nigun אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
בשביל מה לרדת לפסים אישיים?
@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
ו- @משרדי הפוסט הזה מכוון גם אליך.
-
@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
היות ולוטי מרונדר באתר החי כקובץ SVG, לא תוכל להצביע על אתר ולהגיד 'הוא משתמש בלוטי' מכיון שלוטי הוא לא פורמט פרונט-אנד.
זה בהחלט לא נכון.
אם יש לך מספיק ידע בתחום הWEB, תוכל לקבוע בצורה חד משמעית אם האתר משתמש בlottie או לא. -
@5566newbrs אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
לגבי שאלתך - היות ולוטי מרונדר באתר החי כקובץ SVG, לא תוכל להצביע על אתר ולהגיד 'הוא משתמש בלוטי' מכיון שלוטי הוא לא פורמט פרונט-אנד.
לא שאלתי.
וזה בהחלט לא נכון.
אם יש לך מספיק ידע בתחום הWEB, תוכל לקבוע בצורה חד משמעית אם האתר משתמש בlottie או לא.
תרשה לי שלא להגיב על שאר הדברים שכתבת.יתכן שתוכל להצביע, אך לא תוכל לאתר אותו באמצעות חיפוש גוגל פשוט.
אא"כ אתה מתכנן לבנות מנוע חיפוש מקביל לגוגל שינתח מיליוני אתרים בשביל לראות בסקריפט אם הם מרנדרים לוטי או לא.
בקשה כמו 'תנו לי אתרים שמשתמשים בלוטי' היא קצת לא ריאלית.נ.ב. אולי נטפרי, שיש להם גישה לתעבורת הנתונים יוכלו לפתח רובוט שימצא האם דפים מסויימים מרנדרים לוטי.
-
פוסט זה נמחק! -
@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
@משרדי אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
@ברצינות אם השיטה היא ירידה לפסים אישיים, אאלץ להמשיך אותו.
@5566NEWbrs ספציפית מוכר לי וככל הנראה, אין תחום בו אתה מבין יותר ממנו.
ספציפית לא הבעתי באשכול הזה דעה בפן המקצועי לכאן או לכאן, הערתי על הרמה של האשכול וההתלהמות.ממש מוזר שעל סמך היכרות עם אדם אחד אתה פוסל באופן מיידי בעל מקצוע אחר, שאגב למד את תחום האפיון וחוויית המשתמש באופן מקצועי, ומונח בתחום הפרונט ובק-אנד כבר כמה שנים טובות.
ולגבי הרמה וההתלהמות, צר לי לראות שאתה שוב שולח את ידך בתחום שאין לך הבנה בו רק בשביל להתנגח בבעלי העסקים ונותני השירות שמביעים את כאבם (כן, יש מושג כזה 'כאב'). -
@ברצינות זה אמור להעליב את @5566NEWbrs שאתה מנסה להסביר לו מושגים בסיסים כאילו הוא לא יודע.
הוא גם כתב לך שהוא מצטער שהוא לא הבין אותך נכון לגבי הדוגמאות שהבאת.
אז מה העניין להשפיל אותו ולהגיד לו שהוא לא מבין כלום. בשעה שזה בכלל לא נכון.ולגבי מה שחשבתי שזה גימיק אני עדיין חושב ככה. לא הצליחו לשכנע אותי אחרת.
-
@magicode אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
@ברצינות זה אמור להעליב את @5566NEWbrs שאתה מנסה להסביר לו מושגים בסיסים כאילו הוא לא יודע.
הוא גם כתב לך שהוא מצטער שהוא לא הבין אותך נכון לגבי הדוגמאות שהבאת.
אז מה העניין להשפיל אותו ולהגיד לו שהוא לא מבין כלום. בשעה שזה בכלל לא נכון.ולגבי מה שחשבתי שזה גימיק אני עדיין חושב ככה. לא הצליחו לשכנע אותי אחרת.
ראשית דבר, אני חייב לומר לך מילה טובה על כך שלמרות עיסוקיך הרבים למען הכלל אתה מוצא את הזמן לשמור על כבודם של חברי הפורום.
ולגופו של עניין, מאחר ואינני משוטט בפורום באופן קבוע, לא היתה לי את הדרך להכיר את רמת המקצועיות של מיודעינו @5566NEWbrs , כך שהשיפוט שלי כלפיו התבסס רק לאור הנכתב באשכול דכאן, ובפרט לאור האבחנה התמוהה:אתר שמכיל דף עם אנימציות זה לא "מאגר", או לפחות לא רציני.
ו - אופס...! הוא פתוח (אפשר לשלוח לבדיקה את הקישורים שמאוחסנים בdropbox).
ערכתי את הפוסט שוב מפני כבודך ומפני כבודו של היקר לך.
ולגופה של אנימציה, האתר של נטפרי מלא וגדוש בתנועתיות ובאנימציות CSS, ואבקש את מחילתך להסביר לי מהו ההבדל הרוחני בינן לבין אנימציות וקטוריות מבוססות SVG. -
@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
ולגופה של אנימציה, האתר של נטפרי מלא וגדוש בתנועתיות ובאנימציות CSS, ואבקש את מחילתך להסביר לי מהו ההבדל הרוחני בינן לבין אנימציות וקטוריות מבוססות SVG.
גם האנמציות באתר של נטפרי זה גימיק. זה נחמד זה נעים. אבל זה לא משהו נצרך למשתמשים.
למה האנימציות האלו פתוחות ואלו לא?
מה שנחסם זה אך ורק המאגר. כי יש בו צורות ויקטוריות לא צנועות. זה עדין לא מצוי תמונות לא צנועות באתרים אחרים. והדיווחים של נטפרי מעידים על זה שלוטי עדיין לא בשימוש נרחב. כי אם היה בשימוש נרחב היה הרבה דיווחים על אינמציות לא צנועות. כי כרגע כמו שאמרת ה JSON פתוח.זה רק עניין של ניהול סיכונים. במאגר יש לך אפשרות לחפש ולמצוא דברים לא טובים באינטרנט עדין זה מיעוט קטן מידי. ואם יהיה הרבה נארגן בעז"ה זיהוי ללוטי הזה ונחסום אותו.
-
@magicode אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
גם האנמציות באתר של נטפרי זה גימיק. זה נחמד זה נעים. אבל זה לא משהו נצרך למשתמשים.
זה כבר נושא לדיון מקצועי, האם אפיון נועד להקל על עבודת המעצב והיוצר, או שהוא נועד ליצור אופי למוצר שהלקוח צורך. במסגרת התוכן שקיבלתי בלימודים שלי ובמקביל בעולם המקצועי - הדעה השנייה היא המקובלת.
-
@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
@magicode אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
גם האנמציות באתר של נטפרי זה גימיק. זה נחמד זה נעים. אבל זה לא משהו נצרך למשתמשים.
זה כבר נושא לדיון מקצועי, האם אפיון נועד להקל על עבודת המעצב והיוצר, או שהוא נועד ליצור אופי למוצר שהלקוח צורך. במסגרת התוכן שקיבלתי בלימודים שלי ובמקביל בעולם המקצועי - הדעה השנייה היא המקובלת.
כנראה שאני לא מובן מספיק.
יש לחם ויש ריבה.
אני טוען שזה ריבה. וזה לא הלחם. כלומר לא תמצא אתר שמישהו שצריך את האינמציה עצמה לצורך עבודה.
למשל מישהו שעובד ב CNC וצריך את לוטי כדי לראות איך המכונה הולכת לעבוד.
ובלי זה אין עבודה. -
@magicode אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
@magicode אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
גם האנמציות באתר של נטפרי זה גימיק. זה נחמד זה נעים. אבל זה לא משהו נצרך למשתמשים.
זה כבר נושא לדיון מקצועי, האם אפיון נועד להקל על עבודת המעצב והיוצר, או שהוא נועד ליצור אופי למוצר שהלקוח צורך. במסגרת התוכן שקיבלתי בלימודים שלי ובמקביל בעולם המקצועי - הדעה השנייה היא המקובלת.
כנראה שאני לא מובן מספיק.
יש לחם ויש ריבה.
אני טוען שזה ריבה. וזה לא הלחם. כלומר לא תמצא אתר שמישהו שצריך את האינמציה עצמה לצורך עבודה.
למשל מישהו שעובד ב CNC וצריך את לוטי כדי לראות איך המכונה הולכת לעבוד.
ובלי זה אין עבודה.האם תחלוק גם על התחום שנקרא 'מיקרו קופי'?
לחינם משקיעים בזה?
כי אני חושב שתהום של השקפה מקצועית נמצאת בינך לבין החומר שקיבלתי בלימודים ושאני רואה בעולם האפיון. -
@magicode
אף אחד לא חולק על העניין של הגימיק אבל בתכלס כל הלקוחות שהיו לי עד עכשיו רצו אתרים מעניינים ולא יבשים עם אנימציות וכו' וכמו שאמרת 'ריבה' הכי מדוייק! כן אנשים לא מסתפקים היום עם לחם, רוצים עוד רוצים בידול מהשני...
אז מה, שנגיד ללקוחות שלנו, לצערינו יש לנו מוגבלות עם אנימציות בגלל שאנחנו יהודים כשרים עם סינון של נטפרי? -
סוף סוף אנחנו מבינים אחד את השני.
אתה מבין שלחם קודם לריבה? זה מה שאני מנסה להגיד כל האשכול.
כמובן לא לחם שלך לחם של אחרים. -
@מאה-נקודות @ברצינות
אני תומך בעמדה שלכם שאנימציות לוטי הם משהו שכדאי שיהיה זמין לכם. אבל בכל זאת אני רוצה לשים את הדברים בפרופורציה הנכונה. נטפרי לא חוסמים לכם את האפשריות להשתמש באנימציות לוטי. נטפרי חוסמים לכם מאגר חינמי של אנימציות מוכנות. אתם יכולים לגמרי להשמתמש עדיין בלוטי.
לדוגמה, עבדתי פעם על אתר שהמעצבים רצו להטמיע בתוכו אנימציית לוטי, אבל זה לא עבר כלל דרך המאגר של לוטי. המעצבים עיצבו אותו (בתוכנת after effects) ושלחו לי בפורמט JSON. -
צודק, נטפרי לא חסמו את ג'ייסון וכל הכבוד!
העניין הוא כמו שכבר הדגשנו כמה פעמים שאנחנו בקטע של בניה ועיצוב אתרים ופחות בקטע של וידאו ואנימציות באפטר וכו', לומר לכל מעצבי הדיגיטל לכו תלמדו קורסים באפטר כדי שתוכלו לבנות אנימציות בג'ייסון לא ריאלי..
ומה שטוב בלוטי זה לאו דווקא המאגר, זה הקטע של יכולת השליטה באנימציות בצבע וכו' וגם הסטים שיש שם מה שאין בשום מאגר אחר.. -
@מאה-נקודות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
ומה שטוב בלוטי זה לאו דווקא המאגר, זה הקטע של יכולת השליטה באנימציות בצבע וכו' וגם הסטים שיש שם מה שאין בשום מאגר אחר..
בנקודה הזו יש תחליף כלשהו:
https://magna25.github.io/lottie-editor/ -
@magicode אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:
סוף סוף אנחנו מבינים אחד את השני.
אתה מבין שלחם קודם לריבה? זה מה שאני מנסה להגיד כל האשכול.
כמובן לא לחם שלך לחם של אחרים.ואגב, אנשים משלמים הרבה מאוד למעצבים שיש להם את 'הריבה' הזאת בידיים...
