The mentioned functionalities may be restricted depending on the purchased software license.
إدارة قوالب العرض العامة
قوالب العرض العامة هي أساس التصورات المخصصة الخاصة بك. إنها تحدد التخطيط والبنية والعناصر المرئية التي سيتم تطبيقها على التركيبات الخاصة بك. تغطي هذه الدليل الشامل كل شيء من إنشاء القالب básico إلى تقنيات التصميم المتقدمة.
📋 نظرة عامة
ما هي قوالب العرض العامة؟
تعمل القوالب كـ نُسخ قابلة لإعادة الاستخدام التي:
- 📐 تحدد التخطيطات المرئية لشاشاتك العامة
- 🧩 تنظم كتل المحتوى ومواقعها
- 🎨 تؤسس تناسق التصميم عبر العديد من التركيبات
- ⚙️ تُمكن من نشر سريع للتصورات القياسية
- 🔄 تدعم تحديثات سهلة عبر جميع التكوينات المرتبطة
الفوائد الرئيسية
| الفائدة | الوصف |
|---|---|
| 🚀 الكفاءة | أنشئ مرة واحدة، استخدم عبر التركيبات المتعددة |
| 🎯 التناسق | حافظ على معايير التصميم الموحدة |
| 🔧 المرونة | تعديل سهل دون الحاجة إلى إعادة الإنشاء من الصفر |
🚀 البدء
سير عمل القالب
- 📐 تصميم التخطيط - خطط لبنيتك المرئية
- 🎨 إنشاء القالب - بناء باستخدام محرر القالب
- 💾 حفظ القالب - تخزين لإعادة الاستخدام عبر التركيبات
المتطلبات المسبقة
قبل إنشاء القوالب، تأكد من أنك تمتلك:
- ✅ حساب SmartgridX مع الأذونات المناسبة
- ✅ أهداف تصميم واضحة لتصورك
- ✅ متطلبات المحتوى (صور، نقاط بيانات، تخطيطات)
🎛️ واجهة إدارة القالب
الوصول إلى مدير القالب
خطوات التنقل:
- تسجيل الدخول إلى حسابك في SmartgridX
- انتقل إلى "العروض العامة" في الشريط الجانبي الرئيسي
- انقر على زر "قالب العرض العام" في صفحة النظرة العامة
هذا يفتح واجهة إدارة القالب حيث يمكنك عرض وإنشاء وتحرير وحذف القوالب.
جدول نظرة عامة على القالب
الإجراءات المتاحة:
- ➕ إضافة - زر أخضر لبدء إنشاء القالب
- ✏️ تحرير - تعديل تصميم القالب الحالي
- 🗑️ حذف - إزالة القالب غير المستخدم
🎨 عملية إنشاء القالب
بدء قالب جديد
انقر على زر "إنشاء قالب جديد" لفتح واجهة محرر القالب.
تكوين رأس القالب
إعدادات العنوان
عنوان القالب:
- الغرض: يحدد القالب في القوائم والتكوينات
- أفضل الممارسات: استخدم أسماء وصفية، خاصة بالمشروع
- أمثلة: "لوحة معلومات-KPI-المصنع"، "تخطيط-مراقبة-الطاقة"، "عرض-متعدد المناطق"
تكوين الهوامش
تحدد إعدادات الهوامش المنطقة الآمنة من حدود العرض:
منزلق الهوامش (0-100 بكسل):
- 📐 النطاق: 0 إلى 100 بكسل من حافة العرض
- 🎯 الغرض: يخلق مسافة آمنة لمنع قطع المحتوى
- 📱 التطبيق: يضمن الوضوح على أنواع العرض المختلفة
- ⚙️ التوصية: استخدم 10-20 بكسل للشاشات القياسية، 30-50 بكسل للشاشات التي تمتد من حافة إلى حافة
التأثير المرئي:
- 0 بكسل هوامش - المحتوى يمتد إلى حواف العرض
- 50 بكسل هوامش - يبدأ المحتوى 50 بكسل من جميع الحدود
- 100 بكسل هوامش - أكبر منطقة آمنة مع مسافة حدود كبيرة
وظيفة الحفظ
يتيح لك زر 💾 حفظ (الزاوية العليا اليمنى) حفظ القالب الحالي الخاص بك.
🧩 نظام تخطيط الكتل
فهم نظام الشبكة
أساسيات الشبكة
يستخدم محرر القالب نظام شبكة قائم على النسبة 100×100:
خصائص الشبكة:
- 📐 الأبعاد: 100 وحدة عرض × 100 وحدة ارتفاع
- 📊 الوحدات: قيم النسبة المئوية (1 وحدة = 1% من البعد الكلي)
- 🎯 الدقة: يسمح بالموضع الدقيق والحجم
- 📱 الاستجابة: يتكيف تلقائيًا مع أحجام الشاشات المختلفة
أمثلة على تخطيط الكتل
- 🖼️ كتلة واحدة
- 📊 جنبًا إلى جنب
- 📚 تخطيط متراص
- 🔲 تخطيط رباعي
التكوين: 100 عرض × 100 ارتفاع
النتيجة: تغطية كاملة للشاشة
حالة الاستخدام: تصور كبير واحد، صورة كاملة الشاشة
┌─────────────────────────────────┐
│ │
│ FULL BLOCK │
│ │
│ │
└─────────────────────────────────┘
التكوين: كتلتان بعرض 50 × ارتفاع 100
النتيجة: تخطيط شاشة مقسمة
حالة الاستخدام: رؤى مقارنة، عروض بيانات مزدوجة
┌─────────────────┬───────────────┐
│ │ │
│ BLOCK 1 │ BLOCK 2 │
│ │ │
│ │ │
└─────────────────┴───────────────┘
التكوين: كتلتان بعرض 100 × ارتفاع 50
النتيجة: تكدس عمودي
حالة الاستخدام: رأس/محتوى، عناوين/تفاصيل
┌─────────────────────────────────┐
│ BLOCK 1 │
│ │
├─────────────────────────────────┤
│ BLOCK 2 │
│ │
└─────────────────────────────────┘
التكوين: أربع كتل بعرض 50 × ارتفاع 50
النتيجة: تخطيط ربع
حالة الاستخدام: لوحات معلومات متعددة القياسات، شبكات مقارنة
┌─────────────────┬───────────────┐
│ BLOCK 1 │ BLOCK 2 │
│ │ │
├─────────────────┼───────────────┤
│ BLOCK 3 │ BLOCK 4 │
│ │ │
└─────────────────┴───────────────┘
تManipulation الكتل
إضافة كتل
الطريقة: انقر على زر "إضافة كتلة" (الزاوية العليا اليمنى من المحرر)
النتيجة: تظهر كتلة جديدة بأبعاد افتراضية
الخطوات التالية: ضعها وقم بتغيير حجمها حسب الحاجة
تحديد مواقع الكتل
سحب وإفلات:
- 🖱️ انقر مع الضغط على أي كتلة لتحريكها
- 📍 يظهر المعاينة في الوقت الحقيقي الموقع أثناء السحب
- 🧲 تثبيت الشبكة يساعد على المحاذاة الدقيقة
- 👁️ تظهر الأدلة المرئية للمساعدة في المحاذاة
تغيير حجم الكتل
مقبض تغيير الحجم:
- 📐 يظهر في الزاوية السفلى اليمنى عندما يتم اختيار الكتلة
- 🔧 اسحب لتغيير الحجم سواء العرض أو الارتفاع في نفس الوقت
- 📊 القيم في الوقت الحقيقي تعرض الأبعاد الحالية
عناصر التحكم الدقيقة
لوحة موضع الجانب الأيمن
عند اختيار كتلة، توفر اللوحة اليمنى:
عناصر التحكم في الموضع:
- 📍 موضع X - الإزاحة الأفقية من الحافة اليسرى (0-100)
- 📍 موضع Y - الإزاحة العمودية من الحافة العلوية (0-100)
- 🎨 ز-المرتبة - ترتيب الطبقات للكتل المتداخلة
- 📏 العرض - نسبة عرض الكتلة (1-100)
- 📏 الارتفاع - نسبة ارتفاع الكتلة (1-100)
⚙️ تكوين الكتل
أنواع الكتل وخصائصها
الوصول إلى تكوين الكتلة
الطريقة:
- حدد كتلة في لوحة المحرر
- تظهر لوحة التكوين في أسفل الشاشة
- قائمة نوع الكتلة هي خيار التكوين الأساسي
ملاحظة: ليس كل الكتل قابلة للتكوين حاليًا. سيتغير هذا مع استمرار التطوير. سيتم إضافة المزيد من أنواع الكتل في التحديثات المستقبلية.
أنواع الكتل المتاحة
- 🖼️ كتلة صورة
- ☀️ نظرة عامة على الطاقة الشمسية
- 📈 كتلة رسم بياني
الغرض: عرض الصور الثابتة، الشعارات، الخلفيات، GIFs
خيارات التكوين:
- 📁 مصدر الصورة - تحميل أو عنوان URL سيتم استخدامه كافتراضي لهذه الكتلة. يمكنك ترك هذا فارغًا إذا كنت تريد إجبار اختيار صورة في التكوين
حالات الاستخدام:
- شعارات الشركة والعلامات التجارية
- صور الخلفية
- صور المعدات
- GIFs
الغرض: عرض القيم في الوقت الحقيقي
حالات الاستخدام:
- نظرة سريعة على بياناتك الشمسية
الغرض: تصور اتجاهات البيانات والمقارنات
خيارات التكوين:
- 📊 نوع الرسم البياني - خط، عمود
حالات الاستخدام:
- تصور بيانات الإنتاج والطاقة في الوقت الحقيقي
أمثلة على القوالب
توضح هذه المثال قالبًا منظمًا جيدًا مع:
- 📊 تنظيم كتلي واضح مع تسميات وصفية
- 📐 تباعد ومحاذاة صحيحة
- 🎯 أنواع كتلة وظيفية لاحتياجات محتوى مختلفة
تسمية الكتلة في هذا المثال:
- كل كتلة تظهر الغرض المقصود منها
- تسميات واضحة تساعد في التكوين
- تنظيم منطقي يدعم الصيانة
📚 الوثائق ذات الصلة
الخطوات التالية
بعد إنشاء القالب الخاص بك:
- ⚙️ تكوين التثبيتات - تطبيق القوالب على تثبيتات محددة
- 🎛️ ربط المتحكمات - الاتصال بالأجهزة المعروضة
- 🚀 دليل بدء الاستخدام - نظرة عامة كاملة على سير العمل
الموضوعات المتقدمة
- 🎨 تقنيات التصميم المتقدمة
- 📊 دمج البيانات المخصصة
- 🔄 تحديثات القوالب تلقائيًا
- 👥 التعاون على القوالب لعدة مستخدمين
💡 ملخص أفضل الممارسات
تصميم القوالب
✅ مبادئ التصميم:
- 🎯 اجعلها بسيطة - التركيز على المعلومات الأساسية
- 📱 التصميم بشكل استجابة - الاختبار على أحجام شاشات مختلفة
- 🎨 الحفاظ على التناسق - استخدام ألوان وتخطيطات موحدة
إدارة القوالب
✅ نصائح التنظيم:
- 📝 استخدم أسماء وصفية - اجعل القوالب سهلة الإيجاد
- 🔄 صيانة منتظمة - إزالة القوالب غير المستخدمة
- 👥 مشاركة المعايير - ضمان تناسق الفريق
🎨 هل أنت مستعد للتصميم؟ مع إنشاء وتكوين القالب الخاص بك، فأنت مستعد لنشر تصورات مذهلة عبر تثبيتات SmartgridX الخاصة بك!