أفضل الاستخدامات لرؤوس الصفحات المثبتة (sticky headers)

يمكن استخدام رؤوس الصفحات المثبتة لتقليل حاجة المستخدم للتمرير من أجل التنقل في الموقع. رؤوس الصفحات المثبتة (sticky headers) هي نمط تصميم شائع، حيث يوجد الكثير من التحسينات والتعديلات في استخدامه. علي سبيل المثال، اختفاء وتلاشي رؤوس الصفحات المثبتة عند التمرير لأسفل الصفحة وظهورها مرة أخري عند بدأ التمرير لأعلي الصفحة. وتطبيق آخر رائع هو تقليل ارتفاع حجم رأس الصفحة الثابت عند التمرير لأسفل الصفحة لتوفير مساحة أكبر في الشاشة. ونمط رؤوس الصفحات المثبتة (sticky headers) هو نمط جيد ويحتاج للسياق عند تنفيذه (context) . تأكد من أن له هدف وليس مجرد شكل جمالي. واليكم 3 أمثلة مميزين في تنفيذ رؤوس الصفحات المثبتة (sticky headers)  [divider] [/divider]

01. Visage

visage موقع Visage لديه رأس صفحة مثبت والذي يصبح ارتفاعه أصغر أثناء التمرير لأسفل بعد اول صورة، ويوجد قائمة جانبية والتي تظهر خيارات تنقل وتصفح أعمق وأكثر. [divider] [/divider]

02. Kin

HR-Kin موقع kinhr يستخدم صورة كبيرة، وعند التمرير لأسفل ينزلق رأس الصفحة المثبت وتتغير لون خلفيته ولون الزر. [divider] [/divider]

3. Hammerhead

hammerhead موقع hammerhead لديه رأس صفحة مثبت يتلاشي ويختفي أثناء التمرير لأسغل ويظهر عند التوقف عن التمرير أو عند التمرير لأعلي.]]>

شارك

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

مقالات ذات صلة