• Telegram
  • Google Plus
  • Linked In

Parallax Scrolling

Parallax Scrolling

تاریخ درج: خلاصه

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

 Parallax Scrolling

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

طراحی وب سایت بر اساس 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 روی موبایل سازگاری ندارد.

تاکنون نظری ارسال نشده است،شما اولین نفر باشید

سؤال یا نظر خود را ارسال کنید

  • Telegram
  • Google Plus
  • Linked In