OpenAI تكشف كيف يمكن لـ ChatGPT Images 2.0 إعادة تصميم واجهات التطبيقات

يبدأ ChatGPT Images 2.0 بالعمل ليس فقط كمولد صور، بل كأداة لتصميم المنتجات. قام مؤلف من ZDNet بتحميل واجهات تطبيقين من تطبيقاته إلى النموذج وحصل ليس على نصائح مجردة، بل على نماذج أولية جاهزة مع تحسينات محددة.

المنتجات الاثنان

أجرى الاختبار المساهم بـ ZDNet ديفيد جيويرتس. استخدم ChatGPT Plus مقابل 20 دولاراً شهرياً وحمل لقطات شاشة من واجهتين حقيقيتين يعمل عليهما في Images 2.0.

الأولى هي تطبيق Mac يبنيه مع Claude Code منذ يناير 2026. الثانية هي صفحة الهبوط لمنتج أمان ويب. اللحظة الحاسمة هي أن النموذج لم يصف فقط ما لا يعجبه، بل أنتج خيارات بصرية جديدة يمكن بالفعل مناقشتها كمسودات تصميم.

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

أفكار لنظام Mac

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

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

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

تصميم الويب للمهمة

في الحالة الثانية، تعلقت بصفحة الهبوط لمنتج أمان. وفقاً للمؤلف، كان وضعها الحالي منظماً لكن بدائياً تماماً — إلى حد كبير لأنه لا يحب كتابة CSS. من المثير للاهتمام أن التحليل بدأ هنا تقريباً بالصدفة: لصق لقطة الشاشة في ChatGPT وضغط Enter قبل أن ينتهي من كتابة الفكرة. قام النموذج بنفسه بتحليل الصفحة وأشار على الفور إلى المناطق المشكلة.

"المشاكل الرئيسية هي التسلسل الهرمي البصري الضعيف والكثير من اللون

الرمادي والكتلة الافتتاحية الطويلة وثلاث بطاقات صاخبة بنفس القدر في الأسفل."

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

لكن الأهم من ذلك هو: أعاد النموذج ترتيب أولويات الصفحة بشكل مختلف. لقد ميز مناطق منفصلة لـ Quick Setup و Need Help و Configure Privacy/View Docs، مما يظهر للمستخدم نقاط دخول واضحة. بالإضافة إلى ذلك، أضاف كتلة Site Status في الأسفل — وظيفة كان المؤلف قد فكر فيها سابقاً لكن أجلها بسبب تعقيد التنفيذ لملحقات freemium.

ماذا يعني هذا

بالنسبة للمطورين الفرديين، يبدو هذا سيناريو عملي جداً: في بضع دقائق، احصل على كل من مراجعة UX ونموذج أولي قد يستغرق من قبل فريق من المصممين والمطورين حوالي أسبوع. لا يحل ChatGPT Images 2.0 محل مصمم المنتج بالكامل ولا يضمن نتيجة مثالية من الجيل الأول. لكن الجمع بين التحليل البصري والنموذج الأولي ونقل المهام اللاحق إلى Claude Code أو Codex يقلل بشكل كبير من المسار من واجهة غير مصقولة إلى تحسين قابل للتنفيذ.