أشكال السيناريوهات للمدونات والمقالات التقنية

تحتاج مدونات الهندسة ومنشورات Medium / Substack وملفات README في GitHub والنشرات التقنية حول القيادة الذاتية وADAS بانتظام إلى شكل سيناريو واضح: التقاطع الذي تشرحه، الحالة الحافة التي تتناولها، تكوين المسار الذي تستدل به شيفرتك. drawtonomy مناسب لـتلك الأشكال، بصيغ مخرجات مُهيَّأة للويب.

هذه الصفحة النظير للمدونة / المقالة لـالأشكال للأوراق البحثية في القيادة الذاتية — نفس اللوحة، قيود مخرجات مختلفة.

ما تحتاجه أشكال المدونات والمقالات

القيود تختلف عن شكل الورقة البحثية:

• قابل للتضمين. يجب أن يسقط الشكل في محرر Markdown / MDX / Notion / Ghost / Substack دون تحويل.
• آمن للوضع الفاتح / الداكن. كثير من مدونات الهندسة تُصدَّر في كليهما. يجب أن يكون الشكل مقروءًا في أيٍّ منهما، أو أن يكون له نسخة للوضع الداكن.
• حجم ملف صغير. صورة نقطية بحجم 4 ميغابايت تُضر بتحميل الصفحة وSEO. SVG أو PNG مضغوط هو الافتراضي الصحيح.
• صديق لبطاقات المشاركة. حين يُشارَك المنشور على Twitter / LinkedIn / Hacker News، تكون صورة OG عادةً الشكل. نسبة الأبعاد والمقروئية بحجم صغير مهمان.
• قابل لإعادة التحرير. يُحدِّث المدوّنون المنشورات. يجب أن يكون الشكل قابلًا للتحرير لاحقًا دون إعادة الرسم.

تتماشى افتراضيات drawtonomy بوضوح مع هذه المتطلبات:

• .drawtonomy.svg (صيغة SVG الأصلية لـ drawtonomy) هو SVG صحيح، لذا يُدمَج في أي سياق HTML / Markdown / MDX — وهو أيضًا قابل لإعادة التحرير في drawtonomy حين يحتاج المنشور تحديثًا.
• تصدير PNG متاح بـ DPI مرتفع حين لا يُدعم SVG (معاينات LinkedIn مثلًا).
• اللوحة اللانهائية تتيح رسم شكل عريض يُقتطع بأناقة لأبعاد OG.

سير العمل الموصى به

سير عمل قابل للتكرار لشكل مدونة نموذجي:

1. اختر السيناريو. مشهد واحد، نقطة واحدة. لا تحاول توضيح قناة أنابيب كاملة في شكل واحد.
2. ارسم على drawtonomy.com. طرق ومسارات وتقاطعات ومركبات ومشاة ومسارات وتسميات نصية.
3. نسِّق للوضعين الفاتح والداكن. التزم بألوان تصمد على خلفية #fff وعلى #1a1a1a. تجنب الحدود البيضاء الصافية (غير مرئية على الفاتح) والحدود السوداء الصافية (غير مرئية على الداكن). الحدود الرمادية المتوسطة تعمل جيدًا على كليهما.
4. حدِّد اقتطاع اللوحة. ضع الشكل بحيث يجلس الجزء الأكثر صلة في المنتصف. إن كنت ستستخدم نفس الشكل بطاقة OG، أطر بنسبة 1200 × 630 تقريبًا.
5. احفظ بصيغة .drawtonomy.svg. هذا هو المصدر القابل للتحرير. معظم منشورات المدونات تُحدَّث مرة واحدة على الأقل بعد النشر، و.drawtonomy.svg يجعل كل تحديث تحريرًا لا إعادة رسم.
6. صدِّر الأصول التي تشحنها فعلًا. من نفس المشهد:
   • .png بحجم 1200 × 630 لبطاقة OG (معاينات LinkedIn / X / Hacker News).
   • SVG مسطّح لجسم المنشور إن كانت منصة مدونتك تُفضِّل SVG عاديًا على .drawtonomy.svg (معظم المنصات الحديثة تقبل كليهما، إذ كلاهما SVG صحيح).
7. أدمِج. أسقطه في محرر مدونتك. أضف تعليقًا — تعتمد عليه محركات البحث وقارئات الشاشة.

الحجم والدقة

بالنسبة لـ SVG، لا تهم الدقة؛ الشكل يُكيَّف لأيٍّ يقرره التخطيط. بالنسبة لـ PNG، أحجام مفيدة:

الاستخدام	الحجم
شكل مدونة داخلي (عرض كامل)	1600 × 900
شكل مدونة داخلي (نصف العرض)	800 × 450
بطاقة OG / مشاركة اجتماعية	1200 × 630
بطاقة Twitter	1200 × 600
صورة مشاركة LinkedIn	1200 × 627
بطول README في GitHub	1200 × 600 (أو ما يناسب تخطيط README)

اقتراحات أسلوب للمنشورات التقنية

• سيناريو واحد لكل شكل. إن كنت تقود القارئ عبر ثلاث حالات، ارسم ثلاثة أشكال.
• تسميات على الشكل. التسميات القصيرة (“TTC = 2.5 ث”) المُدمَجة في الشكل تُوفِّر جهد القارئ؛ الشروح الطويلة في النص المحيط.
• أسلوب أنا متسق عبر سلسلة. إن كان المنشور جزءًا من سلسلة، اختر لون أنا واحدًا والزم به عبر كل الأشكال.
• لا لقطات شاشة خاصة. تتجنب الأشكال العامة ذات النكهة الخاصة بالسيناريو من drawtonomy سؤال “هل هذا من محاكٍ؟” وتمنحك ثقةً بشأن حقوق إعادة الاستخدام.

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

• الرسوم التوضيحية الواقعية. drawtonomy ثنائي الأبعاد من الأعلى حصرًا. للتصيير من منظور أول شخص لمستشعر، استخدم لقطة شاشة محاكٍ.
• الرسوم المتحركة. يُصدِّر drawtonomy أشكالًا ثابتة. لشرح السيناريو بالحركة (مثلًا الاقتطاع عبر الزمن)، صدِّر الشكل الثابت وحرِّك بصورة منفصلة، أو استخدم تصدير OpenSCENARIO مع esmini لتسجيل التشغيل.

قراءة ذات صلة

• الأشكال للأوراق البحثية في القيادة الذاتية — النظير الأكاديمي.
• الشرائح لمراجعة التصميم — نظير عروض الشرائح.
• تصوير سيناريوهات الاقتطاع وتغيير المسار — السيناريوهات المتكررة التي ستُصوِّرها.
• تصدير مشهدك — تفاصيل SVG / PNG / PDF / EPS.