النماذج

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

13 أكتوبر 2026 · قراءة 3 دقيقة

A futuristic robot sits on the floor
Declan Sun / Unsplash

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

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

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

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

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

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

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