Wix Editor: שימוש באפקטים של אנימציה וגלילה באתר המובייל
זמן קריאה: 4 דקות
אנימציה ואפקטים של גלילה מושכים את תשומת הלב לאלמנטים ותכנים חשובים, תוך שהם הופכים את חוויית הגלישה באתר למהנה עבור הגולשים.
אנימציות המובייל נבחרו בקפידה עבור אתר המובייל והן מותאמות לגדלים ורזולוציות של מסכים קטנים יותר, כך שאתם לא צריכים לדאוג לגבי המרווח או היישור של האתר. אתם גם יכולים להוסיף אפקט גלילה מעניין לרקע של סטריפים, עמודות ומקטעים כדי להדגיש תוכן חשוב עבור הגולשים בנייד.
הנושאים בעמוד הזה:
חשוב:
אנימציות למחשב ולמובייל הן תכונות נפרדות. זה אומר שאנימציות שאתם מוסיפים לאלמנטים באתר הדסקטופ לא משפיעות על אתר המובייל, ולהיפך. אם לא הגדרתם אנימציה באתר המובייל, לא מוצגת אנימציה. לפרטים נוספים על אנימציות מחשב
הוספת אנימציה לאתר המובייל
הוסיפו לאלמנטים אפקט אנימציה כדי לעורר אותם לחיים. יש 14 אפקטים ייעודיים למובייל לבחירה, כך שאתם יכולים להוסיף אנימציה שמתאימה לסגנון שלכם.
להוספת אנימציה לאלמנט:
- הקליקו על האלמנט הרלוונטי בעורך המובייל.
- הקליקו על סמל האנימציה
. - בחרו אנימציה מהאפשרויות הזמינות.
טיפים:
- עברו עם העכבר מעל אפקט בחלונית כדי לראות תצוגה מקדימה של האנימציה.
- הקליקו על None בחלונית Choose Animation (בחירת אנימציה) כדי להסיר אפקט אנימציה מהאלמנט.
עריכת אנימציה באתר המובייל
אחרי שבחרתם אנימציה לאלמנט, ערכו אותה כדי ליצור אפקט ייחודי שמושך תשומת לב. בהתאם לאנימציה שתבחרו, התאימו הגדרות כמו השהיה, כיוון ותזמון.
כדי לערוך את האנימציה:
- הקליקו על אלמנט.
- הקליקו על אייקון האנימציה .
- הקליקו על Customize (עריכה) והתאימו את האנימציה:
- Power: בחרו את עוצמת האפקט מהתפריט הנפתח.
- Direction: בחרו מאיזה כיוון תיכנס האנימציה.
- Duration: בחרו לכמה זמן האנימציה תפעל (בשניות).
- Delay: הגדירו את ההשהיה (בשניות) בין טעינת העמוד להפעלת האנימציה.
- Only animate first time: הקליקו על המתג כדי לבחור מתי האנימציה תפעל:
- מופעל: האנימציה מופעלת רק בפעם הראשונה שהעמוד נטען.
- כבוי: האנימציה מופעלת בכל פעם שהעמוד נטען מאותו טאב.
טיפ:
הקליקו על אייקון ההפעלה 
בחלק העליון של החלונית כדי לראות איך האפקט נראה באתר שבאוויר.
בחלק העליון של החלונית כדי לראות איך האפקט נראה באתר שבאוויר.האנימציות לא מופעלות באתר שבאוויר?
יכול להיות שבמכשיר שלכם מופעלת תכונת Reduced Motion (הפחתת תנועה). לפרטים נוספים על Reduced Motion ועל גורמים נוספים לבעיות באנימציה
הוספת אפקטים של גלילה לאתר המובייל
הוסיפו אפקט גלילה שתופס את העין לרקעים של סטריפים, עמודות ומקטעים באתר המובייל. האפקטים לא מופיעים באתר בגרסה למחשב, כך שאתם יכולים ליצור חוויה מותאמת לגולשים במובייל.
כדי להוסיף אפקט גלילה לנייד בלבד:
- הקליקו על הסטריפ / עמודה / מקטע בעורך המובייל.
- הקליקו על אייקון האנימציה
.
- (עבור סטריפים ועמודות) בחרו ב-Scroll effect (אפקט גלילה) מהתפריט הנפתח.
- בחרו את אפקט הגלילה הרצוי בחלונית. לצפייה באפקטים הזמינים של גלילה
כדאי לדעת:
- אי אפשר להוסיף גם אנימציה וגם אפקט גלילת רקע לסטריפ או לעמודה.
- אפשר להוסיף רק אפקטים של גלילת רקע למקטעים, מאחר שאפקטים אחרים של אנימציה במקטעים לא נתמכים.
- אי אפשר להוסיף אפקטים לסטריפים שמכילים עמודות. עם זאת, אתם יכולים להוסיף לעמודות עצמן אנימצית כניסה או אפקט גלילת רקע.
שימו לב:
האפשרויות הזמינות של אפקט הגלילה תלויות בסוג הרקע (צבע, תמונה או סרטון).
זה עזר לך?
|