منزلق الخلفية
ننسى صور البطل الثابتة. جذب الانتباه وسرد قصة بخلفية متحركة تتنفس. يتيح لك ملحق شريط تمرير الخلفية تحويل أي حاوية إلى عرض شرائح آلي مذهل. قم بتحميل صورك، واختر من بين 26 انتقالًا احترافيًا و11 رسمًا متحركًا لـ Ken Burns لإنشاء تكبيرات ومقالي سلسة. أضف تراكبات أنيقة لسهولة قراءة النص، واضبط التوقيت المثالي، وشاهد رسالتك الرئيسية تنزلق فوق معرض من العناصر المرئية. مثالي للمحافظ أو واجهات عرض المنتجات أو مواقع السفر أو أي صفحة تحتاج إلى ترك انطباع أول قوي.
التحولات السينمائية والرسوم المتحركة
تجنب القطع المملة والمتنافرة بين الشرائح. حدد انتقالات سلسة مثل Fade أو Slide أو Zoom أو التحولات الإبداعية مثل Flip and Cube. بعد ذلك، قم بإضفاء الحيوية على كل صورة من خلال تأثير Ken Burns من خلال تكبير أو تحريك دقيق وبطيء (مثل “Up Right” أو “Zoom In”) الذي يضيف عمقًا يشبه الفيلم ويبقي عين المشاهد مشغولة أثناء تطور القصة.
- انتقالات سلسة: اختر من بين 26+ تأثيرًا (تلاشي، انزلاق، ستارة، وما إلى ذلك) لإجراء تغييرات سلسة على الصورة.
- سحر كين بيرنز: قم بتطبيق 11 رسمًا متحركًا مختلفًا للتحريك والتكبير/التصغير لجعل الصور الثابتة تبدو حية.
- العرض العشوائي: قم بخلط ترتيب الشرائح للحصول على تجربة جديدة عند تحميل كل صفحة.
تراكبات مدمجة لسهولة القراءة
إحدى المشكلات الشائعة في أشرطة تمرير الخلفية هي صعوبة قراءة النص على الصور المزدحمة. نحن نحل ذلك باستخدام 9 أنماط تراكب مصممة مسبقًا (مثل التدرج الداكن أو الشبكة الفاتحة أو الصبغات الملونة). لا أحبهم؟ قم بإنشاء تراكب مخصص باستخدام لون خالص أو تدرج أو حتى صورة شبه شفافة لتعتيم الخلفية بدرجة كافية، مما يجعل العناوين والأزرار واضحة تمامًا.
- تراكبات بنقرة واحدة: ضعي تراكبات أنيقة فورية (لا شيء، تدرج داكن، ضوء، نقاط، إلخ) من أجل التباين.
- تراكب مخصص كامل: استخدم أداة اختيار الألوان أو أداة التدرج لإنشاء لون مثالي يتناسب مع علامتك التجارية.
- التحكم في العتامة: قم بضبط شدة التراكب لتحقيق التوازن بين جمال الخلفية ووضوح النص.
التحكم الكامل في التوقيت والعرض
أنت تتحكم في التجربة بأكملها. اضبط التأخير (بالمللي ثانية) بين الشرائح 5000 مللي ثانية للحصول على وتيرة هادئة، 3000 مللي ثانية لمزيد من الطاقة. اختر ما إذا كان يجب أن تغطي الصور المنطقة بشكل مثالي دون التمدد. قم بتمكين شريط تقدم المؤقت لإظهار المدة التي سيستغرقها المشاهدون حتى الشريحة التالية، أو قم بإخفائها للحصول على مظهر أنظف.
- اضبط إيقاعك: اضبط شريط تمرير التأخير للتحكم في مدة عرض كل صورة.
- ملاءمة مثالية: تأكد من أن الصور تغطي المنطقة دون تشويه، واقتصاصها بذكاء.
- تحسين الأداء: حدد دقة الصورة (كاملة، كبيرة، متوسطة) لتحقيق التوازن بين الجودة المرئية وسرعة تحميل الصفحة.
الأسئلة المتداولة لشريط تمرير الخلفية
كيف يختلف هذا عن عنصر واجهة المستخدم Image Carousel العادي؟
الرف الدائري هو عنصر محتوى تضعه داخل القسم. يعد شريط تمرير الخلفية هذا بمثابة خلفية للقسم/الحاوية نفسها. يوجد النص والأزرار والأدوات الأخرى أعلى الصور المنزلقة. إنه مخصص لإنشاء مناطق أبطال غامرة، وليس لعرض معرض للصور المصغرة للمنتج.
هل يمكن للزوار التوقف مؤقتًا أو التنقل في شريط التمرير؟
يركز الامتداد على العرض التقديمي التلقائي للخلفية. عادةً لا يضيف أزرار إيقاف/تشغيل مرئية أو أسهم تنقل بشكل افتراضي، لأن ذلك قد يؤدي إلى تشويش منطقة البطل. الهدف هو تجربة سينمائية يتم تشغيلها تلقائيًا. بالنسبة للمعارض التي يتحكم فيها المستخدم، يمكنك استخدام أداة Slider أو Carousel مخصصة.
هل سيؤدي استخدام صور متعددة عالية الدقة إلى إبطاء صفحتي؟
يمكن ذلك، إذا لم تكن حذرا. قم دائمًا بتحسين صورك قبل التحميل (اضغطها للويب). استخدم إعداد دقة الصورة لتقديم ملفات ذات حجم مناسب. على سبيل المثال، استخدم “Large” بدلاً من “Full” إذا كان عرض الحاوية 1200px فقط. وهذا يحافظ على التأثير البصري مرتفعًا والسرعة سريعة.
هل يمكنني استخدام هذا في عمود، وليس مجرد قسم كامل؟
نعم! يمكنك تطبيق شريط تمرير الخلفية على الأقسام والحاويات والأعمدة. وهذا يعني أنه يمكن أن يكون لديك عمود محتوى ثابت بجوار عمود بخلفية منزلقة، مما يؤدي إلى إنشاء تخطيطات ديناميكية ومعقدة بسهولة.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
