GPT-6 Astra · تصميم المواقع
تصميم المواقع مع GPT-6 Astra: خطط للصور التي تحتاجها صفحة الهبوط
كثيرًا ما تتعثر صفحات الهبوط عند الصور. التخطيط جاهز، لكن الصورة الرئيسية بشكل خاطئ، وصفوف الميزات تعيد استخدام الصورة نفسها ثلاث مرات، وبطاقة المشاركة على وسائل التواصل تقتطع المنتج إلى نصفين. لقد صُنعت كل صورة قبل أن يقرر أحد ما يحتاجه القسم.
يطلب هذا الشرح من GPT-6 Astra خطة صور قبل توليد أي صورة. المثال صفحة إطلاق واحدة لدفتر Fold العاجي الخيالي، خُطط لها في Ciyo يوم 18 سبتمبر 2026. كان Astra يرى صورتين لمفهومين موجودتين بالفعل على اللوحة، وحدد أيهما يمكن إعادة استخدامه. لم نبنِ الصفحة ولم نولّد صورًا جديدة لها.
اكتب قائمة الأقسام قبل الصور
اكتب مخطط الصفحة أولًا: قسم رئيسي، وثلاثة صفوف للميزات، وبطاقة مشاركة على وسائل التواصل. خصص لكل صف ميزة موضوعًا واحدًا. في حالة Fold اخترنا ملمس الورق، ومادة الغلاف، والحجم داخل الحقيبة، لأنها الأسئلة التي يطرحها المشتري قبل طلب دفتر عبر الإنترنت.
واكتب أيضًا قائمة بالحقائق التي لا تملكها. أبقينا السعر وعدد الصفحات والتجليد ضمن المجهولات، حتى لا تَعِد بها أي صورة أو تعليق مرافق بصمت.
المواد المرجعية مهمة. في 16 سبتمبر 2026 وصف Prajwal Tomar (@PrajwalTomar_) أول صفحة هبوط صنعها Astra بأنها «رداءة ذكاء اصطناعي نموذجية» (typical AI slop)، ثم طلب منه دراسة مجموعة كبيرة من المواقع الحقيقية ونقد صفحته. فاقترح 28 تغييرًا قبل إعادة البناء. وتطبّق خطة الصور الفكرة نفسها في مرحلة أبكر: قرر ما يجب أن تؤديه كل صورة قبل توليد أي شيء.
رواية صانع محتوى عن نقد Astra لصفحة هبوط وإعادة بنائها؛ الحكم على الجودة يعود إلى الناشر. أما خطوة خطة الصور لدينا فهي تكييف أصلي.
اطلب سطرًا واحدًا من القرارات لكل صورة
لكل قسم، اطلب الغرض من الصورة، ونسبة أبعادها، وما يجب أن يظهر فيها، والموضع الذي سيوضع فيه نص الصفحة، وهل يمكن إعادة استخدام صورة موجودة. واطلب من Astra ألا يولّد أي شيء. الخطة مستند قرارات، لذا ينبغي أن تبقى قصيرة بما يكفي لمراجعتها في قراءة واحدة.
خطط للصور في صفحة هبوط من صفحة واحدة لإطلاق الدفتر العاجي من متجر القرطاسية الخيالي Fold. الأقسام: القسم الرئيسي، وثلاثة صفوف للميزات (ملمس الورق، ومادة الغلاف، والحجم داخل الحقيبة)، وبطاقة مشاركة على وسائل التواصل. لكل صورة اذكر: الغرض، ونسبة الأبعاد، وما يجب أن يظهر، والموضع الذي سيوضع فيه نص الصفحة، وهل يمكن إعادة استخدام صورة موجودة بالفعل على هذه اللوحة. أبقِ السعر وعدد الصفحات والتجليد ضمن المجهولات. أقل من 190 كلمة. لا تولّد صورًا.راجع الخطة التي أعادها Astra
خطط Astra لصورة رئيسية بنسبة 1:1 مع النص في عمود منفصل، وثلاث صور للميزات بنسبة 4:3 مع النص بجانبها، وبطاقة مشاركة بنسبة 1.91:1 يكون فيها الدفتر على اليمين والعنوان على اليسار. واقترح ضوء نهار ناعمًا، ودرجات عاجية ورمادية، وأغراضًا مساعدة بلا علامات تجارية في المجموعة كلها.
افحص النسب مقابل قالب صفحتك قبل أن تقبلها. تناسب الصورة الرئيسية بنسبة 1:1 تخطيطًا من عمودين؛ أما الصورة الرئيسية بعرض الصفحة كاملًا فتحتاج إلى صورة عريضة بدلًا منها. غيّر الخطة الآن، حين لا يكلّف تغييرها أكثر من جملة.
| القسم | النسبة | يجب أن يُظهر | قرار إعادة الاستخدام |
|---|---|---|---|
| القسم الرئيسي | 1:1 | الدفتر العاجي على سطح خالٍ من الفوضى | المفهوم B مؤقتًا؛ فهو لا يُبرز الغلاف بما يكفي |
| ملمس الورق | 4:3 | لقطة قريبة لصفحة مع أطراف الأصابع | يلزم لقطة قريبة جديدة |
| مادة الغلاف | 4:3 | سطح الغلاف وزاويته في ضوء مائل منخفض | المفهوم A كمرجع فقط؛ تحقق من المادة |
| الحجم داخل الحقيبة | 4:3 | الدفتر يدخل حقيبة بلا علامة تجارية | صورة جديدة بعد تأكيد الأبعاد |
| المشاركة على وسائل التواصل | 1.91:1 | الدفتر على اليمين، والعنوان على اليسار | كيّف المفهوم B إلى تكوين أعرض |
خذ قرارات إعادة الاستخدام على محمل الجد
لا توفّر إعادة استخدام صورة الوقت إلا إذا كانت تناسب وظيفة القسم. قبل Astra مفهوم اللقطة المسطحة للقسم الرئيسي بصفة مؤقتة فقط، ورفض إعادة استخدام أي من المفهومين للقطة الورق القريبة لأن أيًا منهما لا يُظهر تفاصيل كافية. وتكبير منطقة صغيرة من صورة عريضة ينتج عادةً لقطة ملمس ناعمة وغير مقنعة.
يعتمد قسمان على حقائق: مادة الغلاف تحتاج إلى تحقق، وصورة الحقيبة تحتاج إلى أبعاد حقيقية. ضع على هاتين الصورتين علامة «معلّقة» حتى يجيب المالك. العنصر النائب أفضل من صورة تُظهر حجمًا خاطئًا.
ولّد الصور الناقصة بترتيب الخطة
استخدم نسبة الخطة والمحتوى المطلوب بوصفهما الجزء الثابت في مطالبة كل صورة. ولّد الصورة الرئيسية أولًا، لأن إضاءتها وأغراضها المساعدة تحدد أسلوب بقية الصفحة، ثم صور الميزات، ثم بطاقة المشاركة العريضة.
اترك مناطق النص فارغة في كل صورة. أضف العناوين والتعليقات في الصفحة أو كنص قابل للتعديل، حتى لا يتطلب أي تغيير في النص صورة جديدة.
افحص المجموعة على لوحة واحدة
ضع الصور النهائية على لوحة Ciyo بترتيب الصفحة. ابحث عن مجموعة تبدو كأنها من جلسة تصوير واحدة: اتجاه إضاءة متسق، ولون الدفتر نفسه، ولا غرض مساعد يظهر في صورة ويختفي في التالية.
ثم افحص كل صورة بحجمها الحقيقي في الصفحة. كثيرًا ما تظهر صورة الميزة بنسبة 4:3 بنحو نصف عرض الشاشة على الحاسوب المحمول وبالعرض الكامل على الهاتف، لذا راجع الحالتين قبل النشر.
أسئلة حول صور صفحة الهبوط
هل صمّم Astra صفحة الهبوط كاملة؟
لا. في هذا المثال أنتج خطة صور فقط. لم يُنشأ تخطيط الصفحة ولا الصور الجديدة.
كيف عرف Astra ما يوجد على اللوحة؟
كانت صورتا المفهومين موجودتين بالفعل على لوحة المشروع، وأشارت إجابته إليهما بالاسم. افحص أي اقتراح لإعادة الاستخدام مقابل الصورة بنفسك.
لماذا نسبة بطاقة المشاركة 1.91:1؟
هذه هي النسبة التي اقترحها Astra لصورة مشاركة الروابط. تأكد من الحجم الذي تطلبه كل منصة حاليًا قبل التصدير.
خطط لصور الصفحة أولًا
اطلب من GPT-6 Astra في Ciyo خطة صور، ثم ولّد فقط الصور التي لا تزال الصفحة تحتاجها.