The parallax scrolling effect is a design technique that’s relatively new in development and web design. Over the past few years since it’s hit the scene though, it’s grown pretty popular in its own right, and with good reason, too.
تعريف التمرير المتوازي (Parallax Scrolling)
Parallax scrolling is a technique wherein your web page’s background image scrolls at a slower rate compared to the foreground image. It gives the user a unique sense of depth and action while scrolling through a page when used on a website.
Without Parallax Scrolling
The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.
With Parallax Scrolling
The background image scrolls at a different rate as the rest of the elements in the page.
تأثير التمرير المتوازي على المستخدم
ومع ذلك، فإن هذه التقنية ليست جديدة تمامًا، فقد استُخدمت بالفعل في الرسوم المتحركة التقليدية منذ وقت مبكر يرجع إلى عشرينيات القرن العشرين. كما تم استخدامها أيضًا في الكثير من ألعاب الفيديو الكلاسيكية، مثل سوبر ماريو بروز.
أما في مجال تصميم الويب، فغالبًا ما يُنسب الفضل إلى شركة نايكي باعتبارها واحدة من أول من استخدم التمرير المتوازي في عام 2011. ومنذ ذلك الحين، أصبح مصطلح “التمرير المتوازي” (أو ما يُعرف أحيانًا بـ “خلفية/خلفيات البارالاكس”) مصطلحًا شائعًا بين المصممين والمطورين على حد سواء، وازدادت شعبيته باطراد.
Parallax scrolling as used in a version of Super Mario Brothers. Notice how the hills in the background move
in slightly varying speeds, as compared to Mario and the other characters in the foreground.
ما الفائدة التي تعود على المستخدم؟
المميز في هذا التأثير هو أنه يدفع المستخدمين إلى التفاعل مع موقعك، مما يعزز كلاً من تفاعل المستخدم وجاذبية الموقع. وعندما يُنفّذ بالشكل الصحيح، يمكن للتمرير المتوازي أن يبعث الحياة في أبسط المواقع الإلكترونية. بل يمكن استخدامه أيضًا لإنشاء سرد قصصي مذهل يجذب جميع زوار الموقع على الفور.
شاركنا أعمالك!
ما رأيكم إذن؟ هل جربتم ميزة خلفية البارالاكس الأحدث من PBS v4 حتى الآن؟ وهل حققت النتائج المرجوة بالنسبة لكم؟ لا تترددوا في مشاركة روابط أعمالكم معنا، أو كتابة بعض الاقتراحات في قسم التعليقات أدناه.
نتمنى لكم تجربة ممتعة في بناء المواقع!