UI פיגמה- גלילת פרלקס, יש אופציה?

  • פותח הנושא srp
  • פורסם בתאריך

בניית אתרים וחוויית משתמש >> תוכן מקצועי

והזוכה המאושרת היא:
אחרי ימים ארוכים ואלפי פניות מרגשות התקיימה היום ההגרלה של מבצע מגשימים חלום בבית פרוג. האמת, לא ידענו כמה ביקוש יש לרכישת מקצוע בתחומים הנלמדים...
היתומה לבית רוטנר בפוסט כאוב: "תעזרו לנו לצאת מפה"
השבוע פורסמה הידיעה הקשה אודות פטירתה של לבנה רוטנר ע"ה, בת 48 שהתמוטטה בביתה והשאירה שמונה ילדים, שישה מתוכם טרם נשאו. עם פטירתה גילו השכנים תנאי...
אסון בשרשרת: אם קשת יום התמוטטה לנגד ילדיה
מירושלים מגיעה הידיעה על פטירתה של לבנה רוטנר (48) ואם לשמונה ילדים שהתמוטטה בביתה. עם פטירתה גילו השכנים תנאי דיור תת אנושיים בהם התגוררו הילדים...
תובנות מקמפייני הבחירות לכנסת ה24.
תובנות מקמפייני הבחירות לכנסת ה24.

srp

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
פיתוח / אפיון / עיצוב אתרים
אשמח לשמוע
 

סיון

המניפה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
פיתוח / אפיון / עיצוב אתרים
כן,
את יכולה לקסטם (custom) אנימציה איך שאת רוצה שיגלל
ראי כאן למשל:

אמור להיות לזה סרטון הדרכה, אאתר אותו.
אבל תראי איזה בדיוק גלילה את רוצה אמורים להיות הדרכות שונות ברשת על זה.
 
  • תודה
Reactions: srp

EPaP

משתמשת סופר מקצוענית
מנהל
מנוי פרימיום
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
פיתוח / אפיון / עיצוב אתרים
פרסום וקופירייטינג
עניתי לך במייל, מעתיקה גם לפה לאלו שצפוו בנושא ועדיין מחפשים תשובה:

בגדול, פרלקס מתבסס על סמארט אנימייט (אנימציה חכמה)
בה פיגמה מזהה את האלמנטים בעלי השם הזה בשני פריימים שונים.

אז מה שצריך לעשות זה ככה:
לעצב את המסך הראשון ממצב 0, של תחילת הפרלקס
ואז להעתיק את הפריים הזה ולסדר את החדש למצב סופי, שבו האנימציה מסתיימת.

אם לדוגמה את רוצה להביא אלמנט שיופיע באנימציה בפריים השני -
הוא צריך להיות קיים גם בפריים הראשון.
פשוט צריך לגרום לא לא להיות נראה.
אם זה ע"י הוצאה מחוץ לשטח הפריים,
או הכנסה לתוך מסכה והוצאת האלמנט מחוץ לגבולות המסכה.

#חשוב 1: במקרה של מסכה - היא כמובן חייבת להופיע בשני הפריימים.
בראשון כשהיא נראת ריקה (התוכן מחוץ לגודל המסכה)
ובשני - בתוך המסכה. ולהיפך.

#חשוב 2: המיקום של האלמנטים מחוץ לפריים או מחוץ למסכה - משפיעים על אנימציית הכניסה.
אם נרצא שהתוכן יופיע מלמעלה - נמקם אותו מחוץ לפריים, למעלה
כך שהוא יופיע בתנועה הזו.

הקישור ש @סיון הביאה למעלה מביא לקובץ פיגמה במצב צפיה + פרלקס מהמם
זהו סרטון הטוטוראל.

הצלחות!
צפה בקובץ המצורף Parallax Image Effect Figma Animation Tutorial Using Smart Animate.mp4
 

המספרים של פרוג:

337,452

משתמשים נכנסו לפרוג בחודש האחרון

503

משתמשים מבקרים ברגע זה באתר

4,986

הודעות נכתבו בממוצע ליום בחודש האחרון

לוח נדל"ן | למכירה והשכרה

לוח מודעות | קניה מכירה

לוח דרושים

למעלה