اختر كلمة واحدة تصف حركة علامتك، وابنِ حولها مجموعة صغيرة من العناصر، وتأكّد أنها تعمل بالعربية ولمن يفضّلون حركة أقل.
راجع أسبوعًا من محتواك. الشعار يدور في مقطع، ويظهر تدريجيًا في آخر، ويقفز في ستوري، ويقف ساكنًا تمامًا على الموقع. لم يُقرَّر شيء من ذلك؛ كل محرّر فعل ما بدا له مناسبًا في ذلك اليوم. والنتيجة علامة تتحرّك كأنها أربعة أشخاص مختلفين. هوية الحركة تحلّ ذلك بقرار واحد يُتّخذ مرة واحدة.
الحركة جزء من علامتك بالفعل.
تنشر معظم الأعمال في عُمان اليوم فيديو أكثر من المطبوعات. أي أن الشعار يُرى متحرّكًا أكثر بكثير مما يُرى ساكنًا: في بداية الريلز، وكعلامة مائية، وكمؤشر تحميل، وعلى شاشة في جناح معرض. ومن يحرّر الفيديو هو من يقرّر كيف يتحرّك، غالبًا في الدقائق العشر الأخيرة قبل النشر.
هوية الحركة ببساطة هي دليل العلامة للحركة: بأي سرعة تحدث الأشياء، وكيف تبدأ وتتوقف، وفي أي اتجاه تسير، وما الذي لا يحدث أبدًا. إنها أصغر من الهوية البصرية، وغالبًا أكثر ظهورًا.
ابدأ بصفة واحدة.
تتحرّك العلامات كما تتحدّث. العيادة يفترض أن تتحرّك بهدوء: بدايات بطيئة، ونهايات ناعمة، ولا شيء يقفز. متجر الملابس الرياضية يمكن أن يكون سريعًا وحادًا. وعلامة الأطفال تحتمل قليلًا من المرح. اختر كلمة واحدة واكتبها في أعلى الموجز.
لنأخذ عيادة أسنان توضيحية في الخوير. نبرتها مطمئنة، فكلمة حركتها «مستقرّة»: الظهور يتباطأ حتى يتوقف، لا شيء يتجاوز موضعه، والانتقالات تأخذ لحظة أطول مما يبدو ضروريًا. العيادة نفسها بشعار يقفز ستناقض بهدوء كل ما يقوله النص.
لو كانت علامتك شخصًا يدخل غرفة، كيف سيدخلها؟
منحنى الحركة هو اللهجة.
قد تقطع حركتان المسافة نفسها في الزمن نفسه وتبدوان مختلفتين تمامًا. الفرق في منحنى الحركة: كيف تتغيّر السرعة على طول الطريق. الحركة الخطية التي لا تتغيّر سرعتها تبدو آلية. أما الحركة التي تبدأ بسرعة وتهدأ برفق فتبدو مدروسة.
حدّد منحنى الحركة مرة واحدة ودوّنه بصيغة يستطيع المحرّرون لصقها في برامجهم. حدّد المدد أيضًا: تتحرّك عناصر الواجهة في نحو خُمس ثانية إلى نصفها، ويظهر الشعار في ثانية إلى ثلاث، وأي شيء أطول يحتاج إلى سبب.
ابنِ مجموعة صغيرة، لا فيلمًا استعراضيًا.
المخرج المفيد ليس فيلمًا سينمائيًا عن العلامة، بل مجلّد من العناصر القصيرة القابلة لإعادة الاستخدام يستطيع أي محرّر إدراجها دون تفكير.
صدّر بصيغ يستطيع الناس استخدامها فعلًا: فيديو بخلفية شفافة للمونتاج، وملف رسوم خفيف للموقع، وصيغة GIF كخيار أخير فقط. أضف دليلًا من صفحة واحدة: الكلمة، ومنحنى الحركة، والمدد، وثلاثة أشياء لا تُفعل أبدًا.
- ظهور الشعار بطولين: نسخة كاملة ونسخة من ثانية واحدة للمقاطع القصيرة.
- شريط سفلي للأسماء والمناصب بالعربية والإنجليزية.
- انتقال واحد وخلفية واحدة قابلة للتكرار للستوري.
- رسم تحميل للموقع والتطبيق، أقل من ثانيتين لكل دورة.
اجعلها تعمل بالعربية أيضًا.
تُقرأ العربية من اليمين إلى اليسار، لذا فالمسح الذي يكشف الإنجليزية من اليسار يجب أن يكشف العربية من اليمين. والنص الذي ينزلق يجب أن يدخل من جهة القراءة. اختبر نسختي اللغتين لكل عنصر جنبًا إلى جنب بدل عكس الملف الإنجليزي.
الشعار نفسه لا يُعكس. تحتفظ العلامة والاسم باتجاههما في اللغتين، ويتغيّر فقط اتجاه الظهور وموضع النص المصاحب.
أبقِها سهلة الوصول وخفيفة.
يجد بعض الناس الحركة مزعجة أو مشتّتة، وتتيح لهم أنظمة التشغيل طلب حركة أقل. تتعامل إرشادات إتاحة الويب مع الحركة الناتجة عن التفاعل على أنها شيء يجب أن يستطيع المستخدم إيقافه ما لم يكن ضروريًا. صمّم بديلًا هادئًا للموقع: المعلومات نفسها، دون الحركة. معيار WCAG 2.3.3: الحركة الناتجة عن التفاعل
أبقِ الملفات صغيرة والدورات قصيرة. تجنّب الوميض والومضات السريعة تمامًا. هوية الحركة التي تبطئ الموقع أو تدفع أحدًا إلى إغلاق الصفحة أخفقت في مهمتها الوحيدة: أن تجعل العلامة أكثر شبهًا بنفسها.
من الفكرة إلى العمل
لنمنح علامتك حركتها.
نحدّد كيف تتحرّك علامتك، ونبني مجموعة الحركة التي سيستخدمها محرّروك فعلًا.
