واجهة مستخدم منصة الفيديو الإلكترونية ذات الطابع البخاري

إنشاء صفحة رئيسية لموقع ويب خيالي لبث الفيديو بملء الشاشة، بأسلوب مفصل من حقبة فيكتورية مستقبلية steampunk، مصممة كواجهة تشبه الآلات المصنوعة من النحاس والخشب العتيق. تتضمن الصفحة شريط رأس رئيسي واحد، وشريط تنقل علوي واحد، وشريط جانبي أيسر واحد، ولوحة فيديو مميزة واحدة، ومنطقة أحدث مقاطع الفيديو مع 3 صور مصغرة، وزر دعوة إلى اتخاذ إجراء مركزي واحد، ولوحة تذييل واحدة. نظام الألوان العام هو البرونزي الداكن، والنحاس المتآكل، والبني، والفولاذ المسود، والبيج الرقائقي، مع إضاءة كهرمانية دافئة، وحدود محفورة، وأنابيب، وتروس، ومسامير، وزخارف مزخرفة، وتفاصيل مقاييس محاكاة. في الزاوية العلوية اليسرى، ضع شارة علامة تجارية حديثة تعرض “Pika {argument name="brand tag" default="AI"}”، مع “GPT Image 2” فوقها أو بجانبها، في تناقض مع الواجهة العتيقة. ضع عنوان موقع ويب كبيرًا على لوحة داكنة، بأسلوب معدني ذهبي منقوش، “{argument name="site name" default="ElectroVid"}”، مع العنوان الفرعي “THE FUTURE IN MOTION” تحته. أضف مصباح إديسون متوهجًا في الزاوية العلوية اليسرى ومقياس ضغط دائري أو وجه ساعة في الزاوية العلوية اليمنى. أسفل العنوان، قم بتضمين شريط تنقل أفقي مع 6 عناصر: أيقونة الصفحة الرئيسية، و“TRENDING”، و“INNOVATIONS”، و“DOCUMENTARIES”، و“ENTERTAINMENT”، وصندوق بحث مع نص نائب “Search ElectroVid…” وزر بحث. في الشريط الجانبي الأيسر، أضف منطقة مؤطرة بعنوان “POPULAR CHANNELS”، وقم بتكديس 3 بطاقات قناة عموديًا، تحتوي كل منها على شعار دائري، واسم القناة، وعدد المشتركين، وزر الاشتراك: “THE PATENT OFFICE” & “27.4K SUBSCRIBERS”، و“THE ROYAL SOCIETY” & “18.7K SUBSCRIBERS”، و“GENERAL ELECTRIC” & “35.1K SUBSCRIBERS”. في منطقة المحتوى الرئيسية، اعرض مشغل فيديو كبيرًا يعرض مقطع فيديو بلون بني داكن لرواد كهربائيين مبكرين يتجادلان أمام لوحة سوداء مع “AC vs. DC” وأنماط البرق؛ اعرض كل وجه بوضوح مع ميزات وجه طبيعية ومفصلة. قم بتضمين شريط تحكم فيديو واقعي مع أيقونة تشغيل، وشريط تقدم، وحجم الصوت، والإعدادات، وملء الشاشة، والطابع الزمني “08:47 / 22:31”. أسفل المشغل، اعرض العنوان “{argument name="featured title" default="The Truth About AC vs. DC: The Final Debate"}” بخط serif كبير. أسفله، اعرض سطر القناة “The Electrical Age” مع صورة رمزية دائرية صغيرة، و“142K views”، و“3 days ago”، وزر نحاسي على اليمين يقرأ “LIKE 5.8K”. قم بإنشاء منطقة أسفل بعنوان “LATEST VIDEOS” تحتوي على 3 بطاقات فيديو: 1) “Thomas Edison”’s “My New Incandescent Bulb”، و“89K views”، و“5 days ago”، والمدة “10:12”، اعرض كل وجه بوضوح مع ميزات وجه طبيعية ومفصلة؛ 2) “Nikola Tesla”’s “The Wonders of the Wardenclyffe Tower”، و“120K views”، و“1 week ago”، والمدة “15:36”، والصورة المصغرة التي تعرض برج تسلا تحت الغيوم العاصفة؛ 3) “Henry Ford”’s “The Automobile Revolution”، و“110K views”، و“1 week ago”، والمدة “12:08”، والصورة المصغرة التي تعرض السيارات القديمة في شارع المدينة. ضع زرًا معدنيًا في الأسفل أسفل البطاقات يقرأ “VIEW ALL VIDEOS”. في الأسفل، أضف لوحة تذييل منقوشة داكنة مع النص “© 1893 ElectroVid, Ltd. All rights reserved.” قم بتأطير التكوين بأكمله بزوايا نحاسية مزخرفة، وأنابيب، وتروس، وبراغي، ومقاييس صغيرة لجعله يبدو وكأنه لوحة تحكم صناعية فيكتورية وظيفية. يجب أن يكون للصورة مظهر مسودة تصميم موقع ويب مصقولة ودرامية، متماثلة ومفصلة للغاية، مع نسيج واقعي، وعمق طبقات، وأوساخ خفيفة، وجودة عرض عالية للملصقات.