YUV.AIMOTION DICTIONARY EnglishEN
YUV.AI · MOTION DICTIONARY

איך קוראים לזה?

מילון חי של רכיבי ממשק, תנועות ומצלמה, עם השם שכותבים בפרומפט

18 components · 12 motion verbs · 3 camera rules

▶לרכיביםלתבנית הפרומפט

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

סרט 1 · הזמנת אוכלסרט 2 · הדפסת תמונותסרט 3 · מורף של ממשק
UI

רכיבי ממשק

החלקים שמהם בנויות אפליקציות. אפשר ללחוץ, לגרור ולהקליד בכל אחד מהם.

Ask anything…

Composer · inputתיבת קלט

השדה שבו מקלידים הודעה, כמו בתחתית של WhatsApp או של Claude. composer זו המילה לתיבה שבה כותבים הודעה. הזוהר הצבעוני שמסתובב סביבה הוא הסגנון של Apple Intelligence.

close on a glowing composer with an iridescent conic-gradient edge; the request types in with a real keystroke rhythm
סרט 1
I'm really hungry, something spicy
Found it. Fire Noodles from Wok & Fire.
Want me to order it for you?

Chat bubbleבועת הודעה

ההודעה אחרי שנשלחה. ההודעות שלנו בצד אחד ובצבע כהה, והתשובות בצד השני ובהיר.

the send button presses and the message turns into the user's chat bubble; the reply rises in below it
סרט 1
Best match

Pillגלולה

כפתור או תווית עם פינות מעוגלות עד הסוף. filled הוא כפתור מלא בצבע, outline הוא כפתור שיש לו רק מסגרת.

two pills pop in: "Order now" (black, filled) and "More options" (outline)
סרט 1, סרט 2
Upload
Drag me
click · long-press · drag

Cursor · click · long-press · dragהסמן והפעולות שלו

החץ של העכבר שמזיז את הסיפור. click היא לחיצה, long-press היא לחיצה ארוכה ו-drag היא גרירה. כשהסמן גורם לכל שינוי, הסרט מרגיש כמו מוצר אמיתי ולא כמו אנימציה שרצה לבד.

A cursor drives every change with real clicks, drags and long-presses.
סרט 2, סרט 3
Best match
Fire NoodlesSmoky, spicy and seriously filling$14★ 4.8

Cardכרטיס

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

dark food cards (330x440, radius 28, photo on top, name, one-line description, price, rating); the strip slides onto the best match
סרט 1, סרט 2
Saved
click Save

Toastהודעה קופצת

הודעה קצרה שקופצת לרגע ונעלמת לבד, למשל "נשמר" או "נשלח". היא לא חוסמת את המסך ולא צריך לסגור אותה.

a toast slides up from the bottom: "Saved", then slides away
סרט 3
⌘K

    Command palette (⌘K)חלון פקודות

    חלון חיפוש שנפתח מקיצור מקלדת. במקום לחפש פעולה בתפריטים, מקלידים את השם שלה. נסו להקליד "ex" ולסנן.

    it collapses into a ⌘K command palette; type to filter; enter
    סרט 3
    9:41
    tap the island

    Dynamic Islandהאי הדינמי

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

    the Dynamic Island stretches like liquid into a live activity with a running timer
    סרט 2, סרט 3
    click it

    Toggle · knobמתג וידית

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

    a toggle flips on the beat; the knob's two edges ride different springs, so it stretches while it travels
    סרט 3
    60
    drag past the end

    Sliderסליידר

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

    it becomes a volume slider that stretches when dragged past max, then springs back on release
    סרט 2, סרט 3
    Cat Walk
    Mixkit · 120 BPM
    0:412:30
    play, then drag

    Progress bar · scrubפס התקדמות וגרירה בזמן

    הפס שמראה כמה מהשיר כבר עבר. scrub פירושו לגרור את נקודת ההתקדמות קדימה ואחורה. כפתור ה-play שהופך ל-pause הוא morph קטן.

    a music player with a play/pause morph; scrub the progress bar
    סרט 3
    click a tab

    Tabs · tab indicatorלשוניות וסמן

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

    the knob becomes a liquid tab indicator: its leading edge stretches ahead of the trailing one
    סרט 3
    hover a bar

    Tooltipבועית מידע

    בועה קטנה שמופיעה כשמרחפים מעל משהו ומראה פרט נוסף. כאן היא מראה את הערך של כל עמודה ועוברת ביניהן על קפיץ.

    the tabs open into a chart that draws itself, with a tooltip on hover
    סרט 3
    click it

    Loader → checkטעינה ואישור

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

    button → loader → check, one shape morphing between them
    סרט 1, סרט 3

    Bento grid · reflowרשת בנטו

    רשת של אריחים בגדלים שונים, כמו קופסת בנטו יפנית. reflow פירושו שהאריחים מסתדרים מחדש. כל אריח עובר למקום החדש שלו על קפיץ.

    the grid unfolds from behind the photo and reflows into a bento
    סרט 2
    9:41●●● ▮
    Tuesday, October 27
    9:41
    Fire Noodles · on its way
    bezellock screenhome barstatus barDynamic Island

    Phone anatomyהאנטומיה של טלפון

    המונחים לחלקי הטלפון: bezel היא המסגרת, status bar היא שורת השעה והסוללה, lock screen הוא מסך הנעילה, ו-home bar הוא הפס הקטן בתחתית.

    a phone (428x900 screen, 11px black bezel, 9:41 status bar); a lock screen with big clock digits, the date and a home bar
    סרט 1, סרט 2
    click an icon

    Glass toolbarסרגל כלים מזכוכית

    שורת אייקונים שצפה מעל התוכן. liquid glass הוא סגנון הזכוכית של iOS 26: שקוף, מטשטש את מה שמאחוריו, ועם קצה מואר.

    a glass word melts into a droplet that stretches into a glass toolbar over the photo
    סרט 2
    made with
    Wok&Fire
    Crave

    Wordmark · brand mark · end cardלוגו, סמל וכרטיס סיום

    wordmark הוא לוגו שהוא מילה, brand mark הוא הסמל, ו-end card הוא המסך האחרון של הסרט. לחצו Play: המילה נחשפת מאחורי הסמל.

    the pin becomes the brand mark, and the wordmark wipes out from behind it, with "made with" above and the product name below
    סרט 1, סרט 2
    MOVE

    פעלי תנועה

    איך דבר אחד הופך לדבר אחר. אלה המילים שאומרות ל-Claude מה מותר לזוז ואיך, ובכל כרטיס יש כפתור Play.

    Open

    Morphמורף

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

    the button morphs into a card: the same element changes its size, radius and color
    כל שלושת הסרטים
    Order now
    Now it's on the way.

    Shared elementאלמנט משותף

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

    the black button grows into the whole page and carries its own label, which grows to headline size, then slides out
    סרט 1
    Youwerecravingnoodles.

    Rises out of a mask lineעולה מקו מסכה

    מילים שעולות מקו בלתי נראה, מילה אחרי מילה. מתחת לקו הן מוסתרות, ולכן נראה שהן יוצאות מתוכו.

    "You were craving noodles." rises word by word out of a mask line
    כל שלושת הסרטים

    Pop from zero on a springצץ מאפס על קפיץ

    פריטים שגדלים מגודל אפס, חורגים טיפה מעבר לגודל הסופי ונוחתים, אחד אחרי השני.

    icons pop from zero on a spring, one per beat
    סרט 2
    spicy, crispy, filling

    Flood → contractהצפה וכיווץ

    צבע שיוצא מאובייקט ומכסה את כל המסך תוך כ-0.35 שנייה, ואחר כך מתכווץ חזרה לתוך אובייקט אחר.

    a lime circle floods out of the send button edge to edge in about 0.35s, then shrinks back into the user's bubble
    סרט 1, סרט 2
    Launch

    Wipeניגוב

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

    a wipe with a leading lime band reveals the word
    סרט 1

    Irisצמצם

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

    six iris blades close over the label and snap open onto a photo
    סרט 2
    Orders
    Fire Noodles

    Pushדחיפה

    עמוד חדש נכנס מהצד ודוחף את העמוד הקודם החוצה, כמו כשנכנסים לפריט ברשימה באייפון.

    tap the order and the detail page pushes in
    סרט 2

    Goo · liquidמיזוג נוזלי

    שתי צורות שמתקרבות ומתמזגות כמו טיפות, ואז נמתחות ונפרדות. ככה ה-Dynamic Island "נוזל" לחלון חדש.

    the Dynamic Island stretches like liquid, pinches off and flies over (goo: blur plus an alpha threshold)
    סרט 2
    tiny overshoot · allowedbouncy · banned

    Overshoot vs bouncyחריגה קטנה מול קפצני

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

    Springs everywhere, a tiny overshoot at most. Banned: bouncy easing.
    סרט 3
    even timing (robotic)
    keystroke rhythm (human)

    Keystroke rhythmקצב הקלדה אמיתי

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

    the request types on three fixed lines with a real keystroke rhythm
    סרט 1

    Accordion squeezeכיווץ אקורדיון

    האותיות נדחסות לתוך הנקודה שבסוף המילה, הנקודה גדלה לגלולה שחורה, ואז הכל נפתח חזרה.

    the wordmark squeezes into its own period like an accordion, and the dot grows into a black pill
    סרט 2
    CAM

    מצלמה

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

    something spicy…
    zoom 1.00×

    Push in · pull backהתקרבות ונסיגה

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

    close on the composer (about 3x zoom, a slow push), then one pull-back grows the phone around it
    סרט 1
    Upload
    Order print
    zoom 1.00×

    Screen-studio style zoomהמצלמה שעוקבת

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

    the camera zooms screen-studio style so each moment fills the frame, and the cursor scales with it
    סרט 2
    one move · allowed
    in-out-in · banned

    One move per sceneתנועה אחת לסצנה

    במסגרת הראשונה המצלמה זזה פעם אחת, ברכות. בשנייה היא מתקרבת, מתרחקת ומתקרבת שוב, וזה מעייף את העין. zero אוסר את השנייה.

    the camera makes one move per scene on eased keyframes and never zooms in and out back to back
    סרט 1
    MORE

    איפה למצוא עוד

    קטלוגים של רכיבים שעוזרים לגלות מה קיים ואיך הוא נקרא, לפני שמבקשים מ-Claude.

    The Component Gallerycomponent.galleryמילון של 60 רכיבים מ-95 מערכות עיצוב, עם 2,671 דוגמאות אמיתיות. לכל רכיב יש הגדרה, ולחלקם גם שמות חלופיים. המקום הכי טוב לשאלה "איך זה נקרא?". shadcn/uiui.shadcn.com/docs/componentsספריית רכיבים פתוחה שכוללת יותר מ-60 רכיבים, מ-Accordion ועד Tooltip, לכל אחד עמוד משלו עם קוד. Claude מכיר אותה היטב, והסיור באפליקציה בקטלוג שלנו בנוי ממנה. Apple · Human Interface Guidelinesdeveloper.apple.com/designהשמות הרשמיים של אפל לרכיבים באייפון ובמק, עם הסבר מתי להשתמש בכל אחד. טוב כשרוצים שהסרט ירגיש כמו מוצר של אפל. Material Design 3m3.material.io/componentsמערכת העיצוב של גוגל: יותר מ-30 רכיבים, עם הסבר על התפקיד של כל אחד. Mobbinmobbin.comספרייה של יותר מ-600 אלף מסכים מאפליקציות ואתרים אמיתיים, כולל זרימות ואנימציות. יש הרשמה חינמית ומסלולים בתשלום. טוב כדי לראות איך מוצר אמיתי עושה משהו. קטלוג המושןnews.yuv.ai/motion/catalog24 אבני בניין לסרטי מושן בקוד, כל אחת עם הדגמה חיה, הסבר מאפס ופרומפט מלא, ובסוף בונה פרומפטים שמרכיב סרט שלם.