شبكة عصبية ترسم مراجع ويب بخمسة أساليب: من fintech إلى Web 1.0

نُشرت على Habr تجربة لتوليد مراجع تصميم الويب بمساعدة الذكاء الاصطناعي. يُنشئ الكاتب عناصر تصميم لخمسة مواضيع: الألعاب، والتقنية المالية (fintech)، وأسلوب Web 1.0، والبيئة، وخدمات الشبكات العصبية. قُدّمت المادة كمحاولة أولية، وكلمة «افتراضية» وردت صراحةً في الإعلان. وهذا إطار صريح: فالحديث عن مادة للإلهام ولوحات المزاج (mood boards)، لا عن بديل للمصمم.

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

لماذا اختيرت هذه الأساليب الخمسة تحديدًا

اختيرت المجموعة بحيث تستخرج من النموذج أكثر اللغات البصرية اختلافًا. فكل موضوع يجرّ معه قاموسه الخاص من الأشكال والألوان والخطوط:

• الألعاب. خلفيات داكنة، وألوان نيون أو ملمس خيالي، ولمسات لونية حادة، وصور رئيسية كبيرة.
• التقنية المالية (fintech). لوحة ألوان هادئة، ومساحات بيضاء واسعة، وبطاقات ورسوم بيانية، وإحساس بالثقة والنظام.
• Web 1.0. إطارات، وأزرار متدرجة اللون، وجداول ضيقة، وخطوط افتراضية. على النموذج هنا أن يحاكي جماليات لا يصممها أحد اليوم بجدية.
• البيئة. ملمس طبيعي، وأخضر ناعم وألوان ترابية، وأشكال عضوية، وصور فوتوغرافية بدل الرسوم التوضيحية.
• خدمات الشبكات العصبية. تدرجات لونية، وتوهجات، وزخارف «عصبية» مجردة. وهنا يخاطر النموذج بتقديم صورة نمطية رأيناها مئات المرات.

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

أين تتعثر النماذج التوليدية عادةً

تصميم الويب أصعب من الرسم التوضيحي لثلاثة أسباب. الأول: النص. فالعناوين وتسميات الأزرار والقوائم في الصور المولَّدة كثيرًا ما تتحول إلى حروف زائفة. الثاني: الشبكة (grid). يرسم النموذج ما «يشبه موقعًا»، لكن المحاذاة والهوامش والتسلسل الهرمي كثيرًا ما تنهار عند التدقيق. الثالث: الترابط. من الصعب الحصول من خمس صور لمشروع واحد على مجموعة موحدة بألوان وانحناءات وأيقونات مشتركة.

لذلك من الأنسب اعتبار هذه النتائج مادة خامًا. يمكن أخذ التركيب أو نظام الألوان أو الأجواء، ثم تجميع النص والشبكة والمكوّنات يدويًا في Figma أو في الكود.

كيف تطبّق ذلك في عملك

إذا أردت تكرار التجربة، فابدأ بصيغة البرومبت: الموضوع، ونوع الصفحة (صفحة هبوط، أو لوحة معلومات، أو كتالوج)، والأجواء، ولوحة الألوان، والحقبة المرجعية أو النوع. اطلب كتلًا منفصلة، مثل قسم hero أو بطاقة باقة أسعار، لا الموقع كله دفعة واحدة. فهكذا يسهل التحكم في التفاصيل.

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

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