El تأثير المنظر إنه مكون الويب الذي تسمع عنه كثيرًا اليوم. إن القول بأنه كان اتجاهًا لمدة عام على الأقل لا يكفي. بعد طفرة HTML5 و CSS3 و jQuery والمواقع المكونة من صفحة واحدة (مكونة من صفحة واحدة) ، وصل هذا التأثير البصري إلى مواقع الويب الأكثر تطورًا لإبهارنا.
إذا تصفحنا الشبكة ، فسنرى أن استخدامه تجريبي في معظم الصفحات. خاصة في فئة المحافظ على الإنترنت ، يطلق المصممون العنان لخيالهم أظهر مهارتك وحاول أن تخطو خطوة واحدة أكثر مما اتخذها الشريك المجاور. نقدم لك هنا مجموعة من 6 مواقع ويب مع Parallax لتراها وتعلق عليها.
ما هو المنظر؟
لنبدأ في البداية ، ما هذا عن Parallax؟ لا يتكون هذا أكثر من التسبب في أنه عندما نتحرك عموديًا عبر الصفحة (أي أننا نقوم بالتمرير) ، تتحرك الخلفية بسرعة أبطأ بكثير من العناصر الأخرى. يبدو الأمر كما لو أن موقعنا على الويب مقسم إلى طبقتين أو أكثر من طبقات Photoshop. وما يحققه تأثير Parallax هو منحنا الشعور بالعمق، والذي يشير إليه الكثير أيضًا باسم التأثير ثلاثي الأبعاد.
مع كل هذه "المستجدات" ، يجب ألا ندع أنفسنا تنجرف عن الاتجاهات إلى درجة نسيان الغرض الحقيقي من صفحة الويب: نقل، قل شيئا. ولقد رأيت العديد من المواقعحيث يكون إبداع الصور والعناصر التي تتحرك بطريقة سحرية على الشاشة ساحقًا للغاية لدرجة أن نظري يتجنب التوقف لقراءة ما يقال فيه.
6 أمثلة على المواقع التي لها تأثير Parallax
- سايكلمون: تأثير المنظر الذي يعمل ويفيد. هناك نص صغير ، موجز للغاية ، مصحوب بامتداد توضيح هذا يتغير معه. في هذه الحالة ، لا يزعجني التأثير: فهو يساعدني على الاهتمام بمحتوى لا يجذبني ، لو روى بطريقة أخرى.
- لونيتا: أنا منجذب إلى جودة صورة التي تتوج الويب. ومع ذلك ، فإن وفرة الصور وانخفاض الارتفاع الممنوح لكل قسم يضللني. لا يزعجني تأثير المنظر ، لكنني أعتقد أن الأقسام الأعلى ستكسب المزيد. بالمناسبة: إذا أغلقت الويب وأعدت فتحه ، فستتغير الصورة الرئيسية.
- جبار: ببساطة رائع ورائع. في المرة الأولى التي دخلت فيها ، لم أستطع تجنب التمرير طوال الوقت ، حتى وصلت إلى النهاية. لذلك عدت إلى بداية الويب لقراءة المحتوى ، والاستمتاع بتأثير Parallax مرة أخرى. سوف تخبرني ما هو رأيك.
- Sony: إذا كنت قد بحثت في الإنترنت عن أمثلة على Parallax ، فمن المرجح أنك شاهدت هذه الصفحة. وهذا منطقي ، لأن النتيجة مذهلة. أفضل تطبيق للتأثير الذي رأيته حتى الآن دون تردد.
- سولي نوير: يذكرني كثيرًا بـ Cyclemon. إنها أيضًا رسوم توضيحية مقترنة بنص صغير. يعجبني حقًا الشريط الجانبي المصنف حسب اللون ، والذي يمنحنا خيار العودة أو التقدم إلى أي قسم.
- مريب: آسف ، أنا غير مقتنع. إنه موقع ويب يجعلني أشعر بالدوار: هناك الكثير من العناصر ، لدي شعور بأن كل شيء يتحرك ... لا أحبه تمامًا. ما رأيك؟
- جلجل: أحببت صور الخلفية. لا أفهم أي شيء مكتوب على الويب ، لكني أحبه.
يا له من تأثير غريب من Paralax ، أود أن أتعلم كيف يتم تحقيقه لممارسته وإدراجه في أحد تصميمات الويب الخاصة بي.
كيف نصل للحصول على هذه التصاميم؟