قالب موجّه

لوحة عرض لنظام تصميم تضم رموز التصميم والطباعة والمكوّنات

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

نسبة العرض إلى الارتفاع 16:9لا حاجة إلى صورة مرجعية
لوحة نظام تصميم لمنصة تحليلات تضم عيّنات ألوان وسلّم خطوط وأيقونات خطية وأزرارًا وحالات إدخال وبطاقات بيانات ورسومًا بيانية وتباعدًا
مثال أُنشئ على Nano Banana Pro باستخدام GPT Image 2. قد تختلف النتيجة باختلاف مدخلاتك وإعداداتك.

موجّه القالب

انسخ الموجّه إلى مولّد الصور واستبدل التفاصيل الموجودة بين الأقواس بتفاصيلك.

Create a design system presentation board for [a modern SaaS analytics platform]. Include color tokens, typography samples, icon style, buttons, input fields, data cards, chart components, and spacing examples. Style: clean professional Figma-like board, precise alignment, readable labels, and consistent component proportions. Restrictions: no unreadable tiny text, no overlapping cards, no random gradients, no fake brand logos, no inconsistent UI styles.

فكرة الموجّه من github.com. عرض المنشور الأصلي

ما الذي يناسبه هذا القالب

  • عرض توجّه بصري لمنتج جديد قبل بناء المكوّنات
  • صور غلاف لتوثيق نظام التصميم أو لدراسة حالة
  • شرائح افتتاحية لمراجعة تصميم مع المهندسين ومديري المنتجات
  • مقارنة توجّهين أو ثلاثة توجّهات أسلوبية جنبًا إلى جنب

نصائح للموجّه

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