AISongGen logoAISongGen

أربعة سمات، أغنية واحدة ـ استخدام اللون لتصميم المشغّل

لماذا تأتي aisonggen بأربعة سمات متساوية الوزن بدل مظهر معياري واحد، وما الذي غيّره هذا القرار في تجربة الاستماع.

6 دقيقة قراءة

المظهر الافتراضي لأي أداة موسيقية يحدد نمط الموسيقى التي يصنعها الناس عليها. أداة سينث بالأسود والبنفسجي تدفع المستخدمين نحو مقطوعات السينث، وأداة فولك بألوان الورق الدافئ تدفعهم نحو الفولك. أردنا أن تبدو aisonggen محايدة تجاه الأنماط، فأصبح لها أربعة سمات تقف جميعها بالتساوي عند الباب الأمامي.

الحالات المزاجية الأربع التي استقررنا عليها

  • الفيروزي الصوتي ـ الافتراضي البارد والإكلينيكي. يبدو كداخل استوديو ماسترينغ بعد منتصف الليل. الأنسب للأمبيانت والتكنو وكل ما تكون فيه الأغنية معمارًا أكثر منها قصة.
  • البرتقالي النيوني ـ الصاخب الحارّ. الافتراضي للعلامة. يبدو كباب خروج ناد ليلي عند الثانية فجرًا. الأنسب للتراب والهايبربوب وكل ما تكون فيه الطاقة هي المقصد.
  • الأسود الاستوديو ـ الهادئ الفاخر. فحمي وذهبي. يبدو كمضخّم جيتار مصنوع من الجلد. الأنسب للجاز والسول وأعمال المؤلف-المؤدّي التي تريد أن تُؤخذ على محمل الجدّ.
  • الأرجواني الكهربائي ـ المرح. وردي وكروم. يبدو كداخل فيديو كليب من حقبة الألفية الجديدة. الأنسب للبوب والرقص وكل ما يُسمح فيه للنكتة أن تكون واضحة.

ما الذي كلّفتنا إياه السمات

التصميم لسمة واحدة هو ألف قرار صغير حول التباين والتسلسل والتوكيد. التصميم لأربع سمات هو الألف قرار نفسه، أربع مرات ـ ويجب أن تستقر كلها على المكوّن نفسه دون أن تنكسر. الطريقة التي جعلت ذلك ممكنًا كانت نقل كل لون إلى نظام رموز، بحيث لا تطلب المكوّنات نفسها قيمة سداسية عشرية أبدًا، بل دورًا فقط: --primary، --accent، --bg-elevated. السمات تغيّر القيم؛ المكوّنات لا تتغيّر إطلاقًا.

ما الذي منحتنا إياه

الأمر الذي لم نتوقعه: بدأ الناس باختيار السمات حسب سياق النمط، لا حسب الذوق الشخصي. منتج يعمل على إيقاع تراب سيقفز إلى البرتقالي النيوني حتى لو كان افتراضه الفيروزي الصوتي. لم يعد مبدّل السمات قائمة منسدلة في الإعدادات، بل صار جزءًا من سير العمل ـ طريقة لوضع الغرفة في المزاج المناسب للأغنية التي تكتبها في تلك اللحظة.

ملاحظة عن إمكانية الوصول

كل السمات الأربع تحقق معيار WCAG AA لتباين النصوص وحلقات التركيز. ولا تعتمد أي منها على اللون وحده للدلالة على الحالة ـ كل حالة نشطة تغيّر الشكل أو الوزن أو الموضع كذلك. ينبغي للمستخدم الذي لا يستطيع رؤية الفرق اللوني بين الفيروزي الصوتي والبرتقالي النيوني أن يظل قادرًا على معرفة أن الزر مضغوط.

مقطعك التالي على بُعد مطالبة مجانية واحدة

افتح الاستوديو، اكتب المزاج، واستمع إلى أغنية مكتملة في 30 ثانية. مجاني للبدء، خالٍ من الإتاوات للنشر، لا حاجة إلى بطاقة ائتمان.