The ones you actually liked.
12 טכניקות תנועה משני ה-playgrounds, ועוד 3 עקרונות אינטראקציה ישנים יותר (אקורדיון-הובר, פתח-ושלח, זז-ומגיב). גלול כדי לחוות כל אחת שוב, ברצף אחד.
Locked in place, uncovered by scroll
הפאנל התחתון ננעל למסך (pin) על כל רוחב וגובה המסך, והכיסוי שמעליו נגלל הצידה כדי לחשוף אותו.
Locked in place
בזמן שהכיסוי נגלל שמאלה, האלמנט הזה פשוט נשאר על המסך.
גלול כדי לחשוף
A deck of cards, one at a time
ארבע כרטיסיות שנערמות אחת על השנייה כמו חפיסת קלפים.
Enter
הקלף הראשון כבר גלוי מההתחלה.
Layer
כל קלף חדש נכנס מלמטה ודוחף את הקודם למעלה+פנימה.
Depth
קנה מידה ואטימות יורדים בהדרגה כדי לשמור על תחושת עומק.
Front
הקלף האחרון נשאר קדימה וסוגר את הרצף.
A gallery you scroll sideways
גלילה אנכית רגילה נתפסת (pin) ומתורגמת לתנועה אופקית של הגלריה.
Editorial Grid
קומפוזיציה א-סימטרית עם נשימה.
Bento Layout
כרטיסים בגדלים שונים שמספרים סיפור.
Micro Motion
תנועה עדינה שלא צועקת.
Type Contrast
ניגודיות טיפוגרפית מכוונת.
Negative Space
מרווח כמרכיב עיצובי, לא כשארית.
1:1 with the scrollbar
שתי השורות נעות בדיוק 1:1 עם הגלילה, כל אחת לכיוון הפוך, ויוצאות לגמרי מהמסך בלי להשאיר שארית.
Three ways to reveal a headline
אות-אחר-אות, שורות שעולות ממסכה, ומסכת "וויפ" — טריגר חד-פעמי בכניסה למסך.
Every char animates on its own
כל שורה עולה מתוך מסכה חתוכה
Pinned media, captions step through
הוויזואל נשאר נעול, ורק הכיתוב לידו מתחלף לפי השלב שבו אתה נמצא בגלילה.
Discover
מבינים את העסק, הקהל והמתחרים לפני שנוגעים בעיצוב.
Design
פלטת צבעים, טיפוגרפיה ומבנה שנבנים ספציפית לפרויקט.
Build
קוד נקי, מהיר, ותנועה שמרגישה בעבודת יד.
Launch
עולה לאוויר, נבדק בכל מכשיר, ומוכן ללקוחות אמיתיים.
The next section
Cut across, not straight down
Split down the middle
Two halves,
opposite ways.
Like venetian blinds
A circle that shrinks away
From full circle to nothing
Fully revealed
An iris opening on the whole screen
Pulls toward the cursor
קרב את העכבר לכפתור — הוא יימשך אליו בעדינות. הרחק אותו — הוא חוזר בקפיצה אלסטית.
me
שימוש מדוד: 1-2 כפתורי CTA ראשיים בפרויקט, לא על כל אלמנט לחיץ.
Hover opens, leaving the list closes all
דסקטופ: הובר פותח, עוזב את כל הרשימה סוגר הכל. מובייל: הקשה. גובה אמיתי נמדד, לא כובד קבוע.
One tap switches, never two
הקשה על פריט פתוח סוגרת. הקשה על פריט אחר סוגרת את הראשון ופותחת את השני — באותה הקשה.
ניקוי ספות
01ניקוי שטיחים
02ריפודי רכב
03בדיקה עם אצבע (מגע): הקשה ראשונה תמיד פותחת, אף פעם לא דורשת הקשה כפולה.
The one in the middle wakes up
בלי מגע, בלי הובר — הכרטיס שממורכז במסך נהיה פעיל אוטומטית תוך כדי גלילה.
מתעדפים
הכרטיס במרכז המסך תמיד פעיל.
ממשיכים
גלילה עצמה היא מנגנון הגילוי, בלי צורך בהקשה.
ומחליפים
הפעיל הקודם נסגר אוטומטית ברגע שהבא נכנס למרכז.
Mix at least two.
Never repeat the pair.
הרשימה המלאה נשמרת ב-feedback_signature_motion_techniques — קטע עבודה, לא רק גלריה.