واجهة مستخدم مُرتّب موسيقي لوحوش البيكسل

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

اللوحة القماشية: شاشة محمولة عمودية طويلة، بأسلوب 720 × 1200، خلفية كحلي داكنة مع لوحات مستديرة متوهجة وحواف بكسل حادة. استخدم لوحة ألوان نيون محدودة بألوان السماوي والنعناع والأحمر والأرجواني والأصفر. يجب أن يبدو كل شيء وكأنه فن بكسل عالي الدقة، مع نسيج خطوط مسح/تظليل دقيق وبدون واقعية فوتوغرافية.

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

المنطقة الرئيسية للمسار: قم بتكديس بالضبط 4 لوحات مسار أفقية مستديرة، كل منها برقم مسار على اليسار ومقياس مستوى عمودي، وشخصية وحش على اليسار، وعنصر تحكم حالة دائري منقط في المنتصف، ومقبض دوار كبير على اليمين.

المسار 1: رقم التسمية “1”. سمة النعناع/السماوي. المخلوق هو وحش مستدير مكتنز نائم بقرون/نتوءات صغيرة، وعيون مغلقة، مستلقيًا، مع علامات نوم “Z Z” فوقه. التحكم الأوسط هو حلقة دائرية منقطة مع نقطة مركزية صغيرة. المقبض الأيمن لديه قوس أصفر شاحب ونقطة مؤشر نعناع واحدة بالقرب من الأعلى.

المسار 2: رقم التسمية “2”. سمة حمراء. المخلوق هو وحش أحمر بعين واحدة يقف بعدوانية، وفمه مفتوح وأسنانه، وذراع واحدة مرفوعة وتلقي كرة سحرية حمراء متصدعة فوق يده. التحكم الأوسط هو حلقة حمراء منقطة مع نقطة مركزية حمراء صلبة. المقبض الأيمن لديه قوس أحمر ونقطة مؤشر حمراء واحدة.

المسار 3: رقم التسمية “3”. سمة سماوية. المخلوق هو وحش أزرق بعين واحدة يرقص ويرتدي سماعات رأس، ويبتسم بفم مليء بالأسنان، وذراعيه مرفوعتين، مع وجود نوتتين موسيقيتين عائمتين بالضبط بالقرب من رأسه. التحكم الأوسط هو دائرة سماوية منقطة تحتوي على مثلث تشغيل. المقبض الأيمن لديه قوس سماوي ونقطة مؤشر سماوية واحدة.

المسار 4: رقم التسمية “4”. سمة أرجوانية. المخلوق هو وحش أرجواني نشيط مع نسخ متكررة شبحية وراءه، وعيون كبيرة، وأذرع تلوح، وعلامات بريق صغيرة حوله. التحكم الأوسط هو دائرة أرجوانية منقطة تحتوي على مثلث تشغيل. المقبض الأيمن لديه قوس أرجواني ونقطة مؤشر أرجوانية واحدة بالإضافة إلى علامة مثلثية صغيرة في الأعلى.

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

محتوى النص: قم بتضمين أرقام المسارات المرئية فقط “1” و “2” و “3” و “4”؛ لا تقم بإضافة تسميات أو كلمات قابلة للقراءة بخلاف علامتي النوم “Z”. استخدم أيقونات بكسل مجردة بدلاً من الطباعة التفصيلية.

قيود الأسلوب: واجهة مستخدم فنية بكسل 16 بت قديمة، وحدة تحكم سينث مستقبلية داكنة، خطوط متوهجة، لوحات مستديرة، تناسق نظيف، تباين عالٍ، شخصيات وحوش مرحة، لا يوجد علامة مائية، لا يوجد عرض ثلاثي الأبعاد واقعي. اجعل لوحة ألوان التأكيد الرئيسية قابلة للتخصيص: {اسم الوسيطة="لون النيون الأساسي" القيمة الافتراضية="سماوي نعناعي"}، {اسم الوسيطة="لون مسار الخطر" القيمة الافتراضية="أحمر ساخن"}، {اسم الوسيطة="لون مسار الحفلة" القيمة الافتراضية="أرجواني"}، {اسم الوسيطة="لون الخلفية" القيمة الافتراضية="كحلي عميق"}، {اسم الوسيطة="سمة الواجهة" القيمة الافتراضية="مرتب موسيقى وحوش قديمة"}.