حلقة واجهة متحولة يقودها مؤشر ينقر
<direction> اصنع فيديو مربعًا مدته 14 ثانية (1440x1440، 30 إطارًا في الثانية): حلقة موشن لواجهة مستخدم سلسة بلا فواصل، كلها مرسومة، بلا أي قطع. شكل واحد مستدير يتحول باستمرار من مكوّن واجهة إلى التالي: زر، مؤشر تحميل، علامة صح، كبسولة جزيرة، مشغّل موسيقى، شريط مستوى الصوت، مفتاح تبديل، تبويبات، رسم بياني، كبسولة بحث، لوحة أوامر، إشعار منبثق، ثم العودة إلى الزر. مؤشر على الشاشة يقود كل تغيير وينقر ويسحب فعليًا. يجب أن يطابق الإطار الأخير الإطار الأول ليعمل كحلقة. المظهر نظيف وهادئ: خلفية لافندر، ومكوّنات بحبر داكن وبيضاء وخط واجهة نظيف واحد. اللون الوحيد يأتي من شعاري، الذي يحل محل غلاف الألبوم. يحدث شيء تقريبًا عند كل نبضة بإيقاع نحو 120 BPM. تجنّب التوهجات، والتدرجات على عناصر الواجهة، والجسيمات، والحركة المرتدة، والقطع، والصوت البشري. كل الكلمات على الشاشة أدناه أمثلة تُستبدل بكلماتي. اجعل كل واحدة بطول مقارب حتى يبقى التخطيط متماسكًا. </direction> <structure> 0.0-0.6 ث: زر كبسولة بحبر داكن "Open app" (نحو 640x200 بكسل، نص أبيض 62 بكسل). ينزلق المؤشر من أسفل اليمين ويضغطه عند 0.46 ث، فيهبط الزر إلى 96%. 0.6-1.25 ث: ينكمش إلى دائرة 230 بكسل بقوس أبيض يدور، ثم ترسم علامة صح بيضاء نفسها. 1.25-1.75 ث: تتمدد الدائرة إلى كبسولة جزيرة (نحو 860x210) وفيها شعاري كمربع صغير بزوايا مستديرة على اليسار وخمسة أعمدة موجية بيضاء تقفز على اليمين. 1.75-3.7 ث: تنفتح الجزيرة إلى بطاقة مشغّل بحبر داكن (نحو 990x630، زوايا 72 بكسل). ينمو الشعار إلى غلاف 224 بكسل كعنصر مشترك، بجوار العنوان "Ideas in motion" و"[your site]" بلون لافندر ناعم. تحتهما شريط تقدم أبيض رفيع بمقبض، و"01" و"03" عند طرفيه، وأيقونات السابق / إيقاف مؤقت / التالي. ينقر المؤشر على الإيقاف المؤقت فيتحول إلى تشغيل عبر طمس سريع، ثم ينقر عليه ليعود إلى إيقاف مؤقت. بعدها يمسك المقبض فيكبر 25%، ويسحبه من نحو الثلث إلى ما يقارب النهاية. 3.7-5.25 ث: تنهار البطاقة إلى كبسولة عريضة لمستوى الصوت (نحو 1070x186) بأيقونة مكبّر صوت. يسحب المؤشر المستوى إلى ما يقارب الصفر، ثم إلى الأعلى وما بعد الحد الأقصى. تتمدد الكبسولة كلها نحو اليمين كالمطاط، حتى نحو 170 بكسل، ثم ترتد بتمايل صغير واحد عند الإفلات. 5.25-6.25 ث: تصبح مفتاح تبديل (نحو 520x260). يظهر المقبض رماديًا في المنتصف، ثم ينقلب إلى تشغيل، إيقاف، تشغيل، إيقاف، مع ضغطة في كل مرة. التشغيل مسار بحبر داكن والمقبض الأبيض على اليمين. الإيقاف مسار باهت #E9E4F2 والمقبض على اليسار. 6.25-7.25 ث: ينمو المقبض إلى مؤشر بحبر داكن لشريط تبويبات أبيض "Pick" / "Describe" / "Export". ينقر المؤشر على "Describe" ثم "Export". يتمدد المؤشر إلى الأمام ثم يلحق بنفسه، وتتحول التسمية تحته إلى اللون الأبيض. 7.25-9.7 ث: ينفتح شريط التبويبات إلى بطاقة رسم بياني بيضاء (نحو 1100x840)، وتنتقل التبويبات إلى الأعلى ويصبح المؤشر كبسولة صغيرة. يدور رقم كبير غامق "01" و"02" و"03" بطمس خفيف فوق التعليق "Refine in words, then export". في الأثناء يُرسم خط بحبر داكن من اليسار إلى اليمين في نحو نصف ثانية فوق مساحة لافندر وأربعة خطوط رفيعة. يمرّ المؤشر على الخط مع تلميح بحبر داكن يقرأ "01" و"02" و"03" على الطريق، يتبعه نقطة ودليل متقطع. النقر على "Describe" يُدير الرقم إلى "02" مع التعليق "Describe your idea"، ويتحول المنحنى إلى آخر أخفض وأكثر تموجًا. 9.7-10.1 ث: تنهار البطاقة إلى كبسولة بحث بيضاء بأيقونة بحث و"Edit in words" و"⌘K" على اليمين. 10.1-11.75 ث: تنفتح الكبسولة إلى لوحة أوامر (نحو 1060x830). في الأعلى صف بحث بنص إرشادي "Describe your idea" ومؤشر كتابة يومض، ثم خط رفيع. تلي ذلك خمسة صفوف تدخل بفارق 40 مللي ثانية، لكل منها بلاطة أيقونة بلون لافندر: "Pick a template ⌘N" و"MP4 export ⌘E" و"Ideas in motion" و"Live preview" و"Your AI motion designer ↵". تُكتب كلمة "motion" حرفًا حرفًا مع كل ضغطة، بفارق نحو 0.1 ث وبشيء من عدم الانتظام، ويبقى مؤشر الكتابة ثابتًا أثناء الكتابة. يجب أن تطابق الكلمة المكتوبة صفين فقط تمامًا. الصفوف التي لم تعد مطابقة تختفي بطمس، ويصعد الصفان المطابقان، وتقصر اللوحة بارتداد نابضي ويقترب المنظر. يستقر تمييز بلون لافندر على أول صف مطابق، وينزل إلى "Your AI motion designer" ويتحول إلى حبر داكن عند الضغط على Enter. 11.75-12.6 ث: تنطوي اللوحة عبر درجة أفتح إلى إشعار منبثق بحبر داكن (نحو 970x180) بعلامة صح بيضاء و"Your AI motion designer"، بينما يرتخي المنظر عائدًا. 12.6-14 ث: يتلاشى نص الإشعار بطمس إلى "Open app" وتنكمش الكبسولة عائدة إلى زر البداية. تبقى حتى النهاية، والمؤشر مستريح في أسفل اليمين، فيطابق الإطار الأخير الإطار الأول. </structure> <composition> الخلفية لافندر #F0EDFF مع توهج أبيض ناعم فوق المنتصف بقليل وتظليل خفيف عند الحواف. المكوّنات بحبر داكن #1C0B5D أو ألواح بيضاء #FFFFFF. النص الخافت #6B6385، والخطوط الرفيعة وحالة الإيقاف لمفتاح التبديل #E9E4F2. تُلقي كل الألواح ظلالًا طويلة ناعمة مصبوغة بالحبر. لمسات اللون الوحيدة هي ألوان شعاري، هنا الوردي #FB2D89 والبرتقالي #FE9117، فاستخدم ألوان شعارك. يظهر الشعار كالمربع الصغير ذي الزوايا المستديرة في الجزيرة وكغلاف للمشغّل. اضبط كل النصوص بخط Geist، والأرقام الصغيرة في المشغّل بخط Geist Mono. المؤشر سهم أسود تقريبًا (#0D0B1E) بحد أبيض. يبقى كل شيء في منتصف الخلفية. </composition> <techniques> الشكل الواحد يغيّر عرضه وارتفاعه ونصف قطر زواياه ولونه على نوابض مشدودة: نحو 0.25 ث للاستقرار، وبتجاوز لا يزيد عن نحو 1%. كل ما بداخل كل حالة يظهر ويختفي خلال 0.1 ث مع طمس 10 بكسل، فلا يتداخل النص أبدًا بينما يتغير حجم الحاوية. تبديلات النص، مثل الإيقاف المؤقت إلى التشغيل وعودة نص الإشعار إلى "Open app"، تمر أيضًا بطمس سريع. يتحرك المؤشر على منحنيات ناعمة وينكمش نحو 14% ما دام زره مضغوطًا. ينتقل الشعار من الجزيرة إلى غلاف المشغّل كعنصر مشترك. تتمدد كبسولة مستوى الصوت كالمطاط عند سحبها إلى ما بعد الحد الأقصى، ثم ترتد بتمايل صغير واحد. الحافة الأمامية لمقبض المفتاح تتبع نابضًا أشد من حافته الخلفية، فيتمدد المقبض أثناء حركته. ويتمدد مؤشر التبويبات إلى الأمام ويلحق بنفسه بالطريقة ذاتها. تدور أرقام الرسم البياني بطمس خفيف، ويُرسم الخط من اليسار إلى اليمين في نحو 0.5 ث، ويتحول المنحنى إلى شكله الجديد عند تغيير التبويب. تدخل صفوف اللوحة بفارق 40 مللي ثانية، وتختفي الصفوف المُرشَّحة بطمس. تبقى الكاميرا ثابتة، عدا اقتراب لطيف بنسبة 17% ما دامت اللوحة قصيرة، ويرتخي عائدًا عند تشكّل الإشعار. </techniques> <music> ولّد مقطوعة instrumental حيوية بأسلوب روكابيلي / كانتري روك في مقام مي بيمول بإيقاع نحو 120 BPM، بطول الفيديو تمامًا. فيها إيقاع boom-chick، مع الكيك على النبضة والسنير على الأثمان بينها، وجمل غيتار منفرد بنبرة twang فوق الباس والطبول. تبدأ بكامل الطاقة من الإطار الأول وتبقى ثابتة. ضع إجراءات المؤشر والتحولات على شبكة نبضاتها. عند نحو 13.4 ث تتوقف الفرقة على ضربة واحدة مع كراش وتتركها ترنّ، حتى تعود الحلقة في وقتها. </music> <sound> مؤثرات صوتية مؤلفة للصورة، فوق الموسيقى: - كل ضغطة للمؤشر تنقر بتكة قصيرة ساطعة ورنين صغير ذي نغمة. كل إفلات يعطي تكة أنعم وأعلى. كلاهما يُوزَّع بلطف يمينًا ويسارًا مع المؤشر. - صفير صغير جدًا عند ظهور علامة الصح. - صنج معكوس يتصاعد نحو نقرة تبويب "Export". - دوي منخفض ناعم عند انفتاح بطاقة الرسم البياني. - يُكتب البحث على آلة كاتبة: مفتاحان لـ⌘K، وطقة واحدة لكل حرف مكتوب، ومفتاح أخف لسهم الأسفل، وEnter ثقيل مع جرس آلة كاتبة صغير. - صوت zip لعودة العربة عندما تنطوي اللوحة إلى الإشعار، ينتهي بطقّة ثقيلة عند هبوط الإشعار. - دوي عميق ورذاذ تحت التوقف الأخير. تنخفض ترددات الموسيقى العالية لحظة تحت كل نقرة وضغطة مفتاح كي تُسمع. بلا صوت بشري. اضبط المزج على نحو -14 LUFS، مع ذروة حقيقية أقل من -1 dBTP. </sound> <references> حلقات تحول واجهة سلسة بشكل واحد، كما في عروض واجهات المنتجات وانتقالات بأسلوب Dynamic Island، حيث تعيد حاوية واحدة تشكيل نفسها باستمرار إلى المكوّن التالي في لقطة واحدة متصلة. </references>
