فهم لوحة التصميم
لوحة التصميم — والمعروفة أيضًا باسم Designer Studio — هي مساحة العمل التي تبني فيها محتوى لافتاتك الرقمية بصريًا. تتيح لك هذه البيئة الجمع بين النصوص والصور والفيديوهات والتضمينات المباشرة والعناصر التفاعلية في تخطيط واحد. فهم كيفية عمل لوحة التصميم أمر ضروري قبل الغوص في العناصر الفردية.
تخطيط Designer Studio
لوحة التصميم منظمة في ثلاثة أقسام رئيسية، يخدم كل منها غرضًا مختلفًا في تجربة التصميم.
1. الشريط الجانبي الأيسر: الأدوات ومكتبة العناصر
يحتوي الشريط الجانبي الأيسر على القائمة الكاملة للعناصر التي يمكنك إضافتها إلى تخطيطك. تشمل هذه الصور والفيديوهات والنصوص والتضمينات وتكاملات Google وعارضات الشرائح والعديد غيرها. سيؤدي النقر على أي عنصر إلى وضعه مباشرة على لوحة التصميم.
2. مساحة العمل المركزية: لوحة التصميم
المنطقة المركزية هي سطح التصميم المباشر الخاص بك. يتطابق حجمها مع الدقة والاتجاه اللذين حددتهما عند إنشاء المحتوى. هنا، يمكنك سحب العناصر وتغيير حجمها وتراصها ووضعها بحرية.
يمكنك التفاعل مع العناصر عن طريق:
- النقر لتحديد عنصر واحد.
- النقر بزر الماوس الأيمن على أي عنصر لفتح قائمة سياقية شاملة للإجراءات السريعة.
- السحب لنقل العناصر المحددة.
- سحب المقابض لتغيير حجم العناصر مباشرة.
- استخدام قائمة السياق أو اختصارات لوحة المفاتيح لضبط الترتيب الطبقي.
عند النقر بزر الماوس الأيمن على عنصر، تظهر قائمة سياقية تقدم الخيارات التالية:
- نسخ ولصق وتكرار وحذف: قم بإدارة عناصرك بسرعة دون استخدام شريط الأدوات العلوي.
- عناصر التحكم في الطبقات: ضبط ترتيب تكديس العناصر بدقة.
- إحضار إلى الأمام: انقل العنصر إلى أعلى الكومة.
- تقديم إلى الأمام: انقل العنصر طبقة واحدة للأعلى.
- إرسال إلى الخلف: انقل العنصر طبقة واحدة للأسفل.
- إرسال إلى الخلف تمامًا: انقل العنصر إلى أسفل الكومة.
- ملاءمة الشاشة: يقوم تلقائيًا بتغيير حجم العنصر المحدد وتوسيطه داخل عرض لوحة التصميم.
تمثل لوحة التصميم بالضبط كيف سيظهر تصميمك النهائي على الشاشة.
3. اللوحة اليمنى: لوحة الخصائص
عند تحديد عنصر، تعرض اللوحة اليمنى جميع الخصائص القابلة للتعديل الخاصة بهذا العنصر. قد يشمل ذلك:
- الحجم والأبعاد
- إحداثيات الموضع
- الخلفية والشفافية
- إعدادات الخطوط
- عناوين URL أو مصادر البيانات
- أوضاع الملاءمة
- عناصر التحكم في مستوى الصوت والتشغيل
- خيارات الحركة أو السلوك
يتم تحديث اللوحة ديناميكيًا بناءً على العنصر المحدد.
الآن وقد فهمت كيفية عمل لوحة التصميم، سيرشدك القسم التالي عبر كل نوع من العناصر التي يمكنك إضافتها. كل عنصر له قدراته وسلوكياته وإعدادات تكوينه الخاصة.