דילוג לתוכן הראשי
Overview|Storytelling|Entrances|Depth on Scroll|WOW|Section Transitions|Page Transitions|Loaders|Mouse & Hover|Infrastructure|How it works
Section-level effects💥 OV 4-8

WOW

אפקטים גדולים, מרשימים שתופסים לרוב FOLD שלם או יותר.

גולש בחוף: זרימה טבעית

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

02

Chapters

<Component />While scrollingsticky-basedירידת דור במובייל

סרטון או לוטי שזזים עם הגלילה, ומעליהם עד 4 פרקים שמתחלפים ב-fade מסונכרן, ברגעים שבוחרים לפי חלק מהסרטון (at: 0.3). נראה כאילו המלל מגיב למה שקורה בסרטון. קו התקדמות תמיד, עם נקודה לכל פרק, ושלושה בלוקים לפרק: באדג', כותרת, תיאור קצר.

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

השאלה: יש סרטון או לוטי שקורים בו 2 עד 4 דברים, ומשפט קצר לומר על כל אחד?

פתח דמו

עצור פקח: עצירת 100VH

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

קונספטים

רעיון לאנימציה, עם דוגמה אחת

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

16

Puzzle on Scroll

[attribute]While scrollingsticky-basedconceptירידת דור במובייל

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

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

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

פתח דמו