# كيف تكتب مطالبات GPT Image لنماذج واجهات المستخدم

كيف تكتب مطالبات GPT Image 2 للوحات المعلومات وشاشات التطبيقات ونماذج عرض الأجهزة بتخطيطات متوقعة وتسميات مقروءة.

URL: https://www.gptimagehub.com/ar/guides/gpt-image-ui-mockup-prompts
Category: تصميم UI / UX
Updated: 2026-10-20
Reading time: 3 minutes

## Direct answer

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

## صِف الشاشة كأنها مخطط هيكلي

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

- سمِّ المنتج والشاشة: «لوحة معلومات تحليلية لأداة فوترة SaaS» أو «شاشة ترحيب لتطبيق تأمل».
- اسرد المناطق بالترتيب: شريط تنقل جانبي، وشريط علوي مع بحث، وثلاث بطاقات مؤشرات أداء، ورسم بياني خطي، وجدول بأحدث المعاملات.
- حدّد الكثافة: مسافات واسعة، وأحجام بطاقات متسقة، ومحاذاة واضحة.

## اختر الإطار: شاشة مسطحة أو جهاز أو مشهد

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

- مسطح: «لقطة شاشة واجهة مستخدم مسطحة، بلا إطار جهاز، 16:9».
- جهاز: «على حاسوب محمول نحيف بزاوية خفيفة، والشاشة مواجهة للكاميرا، مع انعكاسات ناعمة».
- مشهد: «حاسوب محمول على مكتب خشبي في ضوء النهار الطبيعي، مع عمق ميدان ضحل»؛ وتوقّع أن تكون الواجهة أصغر وأقل وضوحًا.

## اجعل نص الواجهة قصيرًا ودقيقًا

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

- اقتبس العناوين والأزرار حرفيًا: «الإيرادات»، «ترقية الخطة».
- اطلب أسطر نص نائبة للنص الأساسي.
- تجنّب الجداول الطويلة ذات البيانات الحقيقية، واطلب بدلًا منها خمسة صفوف من معاملات نموذجية.

## حدّد النظام البصري

تساعد الكلمات الأسلوبية مثل «التصميم الزجاجي» (Glassmorphism)، لكن وصفًا موجزًا للنظام البصري يمنح نتائج أكثر اتساقًا عبر عدة شاشات.

- اللون: الخلفية، والأسطح، ولون التمييز الأساسي، وألوان الحالات.
- الخط: عائلة خطوط بلا زوائد، وتسلسل واضح في الأوزان، وتباين في الحجم بين العناوين والتسميات.
- المكونات: نصف قطر الزوايا، والظلال، والحدود، وأسلوب الأيقونات.

## Checklist

- ذُكر المنتج والغرض من الشاشة والجمهور.
- سُردت المكونات بترتيب القراءة.
- اختير الإطار: لقطة مسطحة أو جهاز أو مشهد.
- لا يلزم أن يكون مقروءًا إلا النص القصير الموضوع بين علامات اقتباس.
- حُدِّدت الألوان والخطوط وأسلوب المكونات.
- نسبة العرض إلى الارتفاع تناسب الهدف: 16:9 لسطح المكتب و9:16 للهاتف.

## FAQ

### هل يستطيع GPT Image 2 إنتاج تصميم واجهة قابل للاستخدام؟

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

### كيف أحصل على نص مقروء في نموذج واجهة المستخدم؟

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

### كيف أحافظ على اتساق عدة شاشات؟

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