با دادن یک اختلاف زاویه ای میان محتوای سایت و تصویر پس زمینه body، با کمک یک سری کدهای CSS و javascript انجام میدهند.

 

طراحان وب سایت به طور مداوم در جست و جوی راه های جدیدی برای افزایش بازدید کنندگان سایت خود از طریق درگیر شدن آنها با تصاویر و قابلیتهای جذاب هستند.

طراحی وب سایت بر اساس parallax از جدیدترین موضوعات طراحی وب سایت در سال 2013 است، که بسیار رو به رشد است و در سراسر اینترنت به کاربر سطح جدیدی از تعامل مشاهده ی آنلاین را می دهد.

Parallax Scrolling چیست ؟

اصلاح parallax  یا منظر اولین بار از اثر دیداری از بازی های رایانه ای 2D آمد که پس زمینه و پیش زمینه برای ایجاد توهم عمق در طول اجرای بازی سرعت متفاوتی داشتند.

از این خلاقیت در طراحی وب سایت با دادن یک اختلاف زاویه ای میان محتوای سایت و تصویر پس زمینه body، با کمک یک سری کدهای CSS و javascript انجام میدهند.

TWW_parallax_scrolling_sample_1.jpg

یکی از نمونه کارهای را میتوانید در سایت http://www.rowtothepole.com  به زیبایی مشاهده کنید که با کمک کدهای CSS و javascript ، به گونه ای صفحه وب سایت layout شده است که گویی فاصله ای است بین تصویر پس زمینه body و محتوای داخل آن و وقتی scroll میکنیم، تصویر پیش زمینه با یک اختلافی از تصویر محتوای سایت scroll میشود.

مزایای parallax:

  • افزایش زیبایی و تفاوت سایت
  • بازدید کنندگان در صفحه عمق و انیمیشن احساس می کند
  • با تحریک بازدید کننده آنها را تشویق میکند تا انتهای صفحه رفته و مطالب انتهایی سایت را هم ببنینند
  • افزایش نو آوری و به روز بودن سایت

معایب parallax:

  • با SEO سازگاری ندارد زیرا تنها یک مجموعه از اطلاعات تگ متا یا h1 … موثر  می گیرند.
  • بار لود صفحه افزایش میابد.
  • به علت دیر لود شدن صفحه یک سری عکس ها دیر نمایش داده می شود و ممکن است باعث ناامیدی بازدید کننده و خروج از سایت بشود ، قبل از اینکه این تصاویر را ببیند.
  • با Responsive روی موبایل سازگاری ندارد.

Author

مدیریت سایت

Leave a comment

نشانی ایمیل شما منتشر نخواهد شد.