قدم Beaver Builder 2.9 ميزة تصميم جديدة قوية: خلفيات متعددة الطبقات . يمنحك هذا التحديث المزيد من التحكم الإبداعي في الصفوف والأعمدة ووحدات الصندوق من خلال السماح لك بتكديس ألوان الخلفية والتدرجات والصور - كل ذلك في مكان واحد.

ولكن مع المزيد من القوة تأتي الحاجة إلى التصميم المدروس. في هذه المقالة ، سوف نسير عبر طرق ذكية لاستخدام هذه الميزة الجديدة ومشاركة النصائح لمساعدتك في الحصول على أقصى استفادة منها.

ما هي الخلفيات متعددة الطبقات؟

تعد الخلفيات متعددة الطبقات إضافة قوية إلى Beaver Builder تتيح لك تكديس عناصر خلفية متعددة-مثل الصور والتدرجات والألوان-مع عمود واحد أو صف أو مربع.

بدلاً من اختيار نوع واحد فقط من الخلفية ، يمكنك الجمع بين العديد من الأشياء لإنشاء تجربة أكثر جاذبية وغنية بصريًا للمستخدمين:

إليكم كيف يمكن أن تبدو خلفية متعددة الطبقات:

• الطبقة الأساسية : تقوم صورة عالية الجودة بتعيين النغمة والسياق للقسم.
• الطبقة الوسطى : يضيف التدرج شبه الشففي التباين ويساعد على ضمان بقاء النص قابلاً للقراءة.
• الطبقة العليا : تراكب لون العلامة التجارية أو الملمس الدقيق يربط كل شيء معًا ويعزز هويتك البصرية.

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

سواء كنت تقوم بتصميم قسم بطل ، أو كتلة دعوة إلى اتخاذ إجراء ، أو شبكة ميزة ، فإن خلفيات متعددة الطبقات توفر المرونة والتحكم الإبداعي الذي يرفع التصميم الخاص بك من المسطح إلى الأبعاد بالكامل.

لماذا تستخدم خلفيات متعددة الطبقات؟

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

فيما يلي بعض الأسباب العملية لاستخدام الخلفيات ذات الطبقات:

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

والأفضل من ذلك كله - لقد تم كل ذلك في واجهة مستخدم Beaver Builder. لا مطلوب CSS إضافية أو الإعداد المعقد. مع بضع نقرات فقط ، يمكنك إنشاء تصميمات ديناميكية وطبقة وظيفية كما هي جميلة.

كيفية استخدام خلفيات متعددة الطبقات في بيفر باني

يمكنك مزج ومطابقة العديد من أنواع الخلفية كما تريد - الألوان ، والتدرجات ، والصور - بأي ترتيب:

إليك كيفية إضافة خلفيات متعددة إلى صف أو عمود أو مربع:

1. افتح عنصر التحرير
   انقر لتحرير الوحدة النمطية للصف أو العمود أو المربع حيث تريد تطبيق خلفية متعددة الطبقات.
2. انتقل إلى إعدادات الخلفية
   في لوحة إعدادات الوحدة النمطية ، انتقل إلى قسم الخلفية .
3. تمكين خلفيات متعددة
   حدد خيار الخلفيات المتعددة لتنشيط الطبقات.
4. أضف خلفيتك الأولى
   انقر فوق أيقونة + لإضافة نوع خلفية ، ثم اختر من اللون أو الصورة أو التدرج . تخصيص الإعدادات حسب الحاجة.
5. أضف المزيد من طبقات الخلفية
   انقر فوق رمز + مرة أخرى لإضافة طبقة أخرى. كرر العملية لكل نوع خلفية تريد تكديسها.
6. احفظ التغييرات الخاصة بك
   بمجرد أن تكون راضيًا عن تصميم الخلفية ذات الطبقات ، انقر فوق حفظ .

مع بضع نقرات فقط ، يمكنك إنشاء خلفيات ذات طبقات جميلة تضيف العمق البصري وتعزيز قابلية القراءة.

نصائح تصميم للطبقة مثل المحترف

لمساعدتك في تحقيق أقصى استفادة من هذه الميزة ، إليك سبع نصائح سريعة لاستخدام خلفيات متعددة الطبقات بشكل فعال.

1. تدرجات الطبقة فوق الصور لتحسين القراءة

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

2. اجعلها دقيقة ، لا تشتت انتباهها

أقل أكثر. التزم بطبقات خلفية من 2 إلى 3 لتجنب تخطيطك الساحق. يمكن أن يصرف الكثير من القوام أو الألوان الزاهية المستخدمين ويؤذي رسالتك. تهدف إلى التصميمات النظيفة والمركزة التي توجه الانتباه - عدم سرقةها.

3. استخدم ألوان العلامة التجارية بشكل استراتيجي

استخدم لوحة علامتك التجارية لإنشاء التدرجات أو التراكبات الملونة. هذا يعزز هوية العلامة التجارية ويضيف لمسة احترافية إلى موقعك. إنها طريقة ذكية للجمع بين الأناقة البصرية والعلامات التجارية المتسقة.

4. أضف الاهتمام البصري مع تكديس الطبقة

يُمزج الألوان الصلبة والتدرجات والصور لإنشاء عمق - لا توجد حركة مطلوبة. على سبيل المثال ، طبقة نسيج خفي تحت تراكب لون شفاف لإعطاء تصميمك المزيد من الثراء والتعقيد.

5. اختبار استجابة الهاتف المحمول

قد لا تعمل الخلفية التي تبدو مذهلة على سطح المكتب على شاشات أصغر. باستخدام Beaver Builder ، لديك تحكم كامل في إعدادات الاستجابة حتى تتمكن من ضبط وضع الطبقات أو الحجم أو حتى إخفاء طبقات معينة على الهاتف المحمول.

6. تسليط الضوء على أقسام المفاتيح مع الملمس المرئي

هل تحتاج إلى لفت الانتباه إلى قسم إلى اتخاذ إجراء أو مميز؟ استخدم صورة محكم أسفل التدرج لإنشاء مصلحة بصرية خفية. تساعد هذه التقنية في تسليط الضوء على المجالات المهمة دون تعطيل تدفق التصميم.

7. استخدم العتامة لمزج الطبقات بسلاسة

اضبط عتامة كل طبقة لإنشاء مزيج سلس بين الألوان والصور. تناقص الانتقالات المنخفضة الانتقالات ، مما يتيح لك بناء تصميمات ذات طبقات تشعر بأنها طبيعية ومتماسكة.

حالات استخدام العالم الحقيقي

هل تبحث عن الإلهام حول كيفية استخدام خلفيات متعددة الطبقات بشكل فعال؟ فيما يلي بعض أفكار التصميم في العالم الحقيقي لتبدأ:

• أقسام البطل : الجمع بين الصور مع تراكبات الألوان لمقدمة نظيفة وعالية التأثير.
• Call to-Actions (CTAs) : استخدم ألوان وقوام العلامة التجارية الجريئة لالتقاط الانتباه على الفور.
• أبرز مدونة : تطبيق خلفيات التدرج والصور لجعل العناوين تبرز.
• شبكات Bento : استخدم القوام والألوان ذات الطبقات خلف كل كتلة لإنشاء العمق والاهتمام البصري.

جرب هذه الأفكار في التصميم التالي لإنشاء صفحات جذابة بصري تترك انطباعًا دائمًا.

حتى التالي: طبقات الخلفية المحفوظة

عند الوصول إلى تحديث مستقبلي ، ستتمكن من حفظ خلفيات متعددة الطبقات وإعادة استخدامها عبر موقعك. هذا سيجعل من السهل الحفاظ على التصميمات متسقة وتقليل الإعداد المتكرر. في الوقت الحالي ، لديك خيار حفظ الصفوف والأعمدة والوحدات النمطية لإعادة الاستخدام في مكان آخر على موقعك.

جرب خلفيات متعددة الطبقات اليوم

يتوفر حقل الخلفية متعدد الطبقات الآن في Beaver Builder 2.9. سواء كنت تقوم بتصميم قسم بطل أو صف ميزة أو مربع وسيلة شرح ، فإن هذه الميزة تفتح الباب أمام إمكانيات إبداعية لا نهاية لها - دون لمس خط رمز. → استكشف المستندات وابدأ.