1. جدیدترین مطالب
  2. ویژه های اختصاصی
  3. برنامه های کاربردی
  4. جدیدترین آموزش ها
  5. نرم افزارهای SEO

بزرگترین و بروزترین مرجع افزونه های جوملا در ایران

تکنیک پارالکس در طراحی سایت چست؟

نگارش یافته توسط گلچین آنلاین. مجموعه : کتاب و مقاله آموزشی

1
Like
+1
Dislike
0

Parallax

طراحی پارالکس یکی از گرایشات جدید در طراحی سایت است که در ان با اسکرول کردن صفحه یا حتی تکان دادن اشاره گر موس اتفاقات خاصی مانند تکان خوردن اشیاء، تغییر زاویه دید،حرکت بکگراند صفحه در خلاف یا موافق اسکرول با سرعت های مختلف و.. اتفاق می افتد. این ورایش جدید در طراحی وب سایت با نام پارالکس شناخته می شود.در واقع منشا استفاده از تکنیک پارالکس خوده طبیعت است، به عنوان مثال هنگامی که در قطار نشسته و به بیرون نگاه میکنید، سبزه های نزدیک ریل در دید شما سریعتر از درختان دوردست تر حرکت میکنند. این به دلیل عمقیست که تصویر در دید شما دارد. از همین تکنیک در بازی های کامپیوتری مانند angry birds وجود دارد، شما احساس میکنید با پرتاب تیر به فاصله ی دورتری منتقل می شوید، در حالیکه این یک بازی دو بعدی است و عمق تصویر در بازی های سه بعدی معنا دارد. این همان تکنیک پارالکس است. در طی دو سال گذشته ای تکنیک به سمت طراحی سایت آمده و شاهد صفحاتی هستید که با اسکرول کردن آنها یا حرکت موس به سمت چپ یا راست حرکت را میبینیم.

 

و اما تاریخچه این تکنیک : پارالکس اولین بار در دهه 1940 برای نمایش عمق در بازی های  دوبعدی ویدئویی ایجاد شد. بعد ازآن در دهه 1980 این روند محبوبیت بیشتری پیدا کرد. امروزه این گرایش به عنوان بخشی از ویژگی های اسکرول کردن درطراحی صفحات وب به کار می رود که در آن عکس پیش زمینه صفحه (background image)  ازعکس بالاتر آن(foreground image) آرام تر حرکت می کند. این گرایش تقریبا از گرایشات جدید و جالب در طراحی سایت به شمار می رود.

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

پارالکس چگونه کار می کند؟

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

با توجه به اینکه از نظر موتورهای جستجو محتویات متنی سایت اولین و مهمترین فاکتور در رنکینگ محسوب می شود و همچنین عامل کاربرپسند بودن نیز در این موضوع اهمیت بالایی دارد، استفاده از تکنیک پارالکس در سایت هایی که بعدها موضوع بهینه سازی در آن مطرح خواهد شد پیشنهاد نمی شود. البته این موضوع به میزان علاقمندی صاحبان سایت ها بر گرافیکی بودن سایت و یا سئو محور بودن آن بستگی مستقیم دارد و نیز لازم به ذکر است استفاده ناصحیح و بیش از حد از این تکنیک برای یک سایت چه از لحاظ کاربرپسند بودن، چو از لحاظ کندی در لود صفحات و همچنین از لحاظ سئو نوعی سم محسوب می شود. به همین دلیل است که به کاربانی که اطلاعات زیادی برای قرار دادن روی سایت دارند توصیه می شود از این تکنیک استفاده نکنند. این تکنیک بیشتر ترفندی برای سایت های مارکتینگ و تبلیغات محسوب می شود که کاربر را با استفاده از بازی رنگها در صفحه نگه داریم.

 

یکی از نکات خیلی مهمی که لازم است به آن اشاره شود کاربرد صحیح این تکنیک است. توجه کنید که برای چه موضوعی می خواهید از این تکنیک در طراحی صفحات خود استفاده کنید. طراحی پارالکس باید طوری در وب سایت استفاده شود که کاربر برای  پیدا کردن سرویس های مورد نظرش دچار مشکل  نشود، به خصوص در وب سایت هایی که مطالب زیادی دارند. پس اگر وب سایت شما دارای محتوای زیادی است و نمیخواهید توجه کاربر از محتوا گرفته شود پس تکنیک پارالکس در اینجا گزینه خوبی نیست.

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

در ادامه لینک برخی از سایت هایی که به روش پارالکس طراحی شده اند آمده است :

Business Bee

bakeagency.it

 

استفاده از تکنیک پارالکس در جوملا :

برای استفاده از این تکنیک در جوملا دو راه دارید :

1 - استفاده از کد نویسی در قالب

2- استفاده از افزونه های الحاقی و ویژه اینکار

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

 

 

 

 

نظر خود را اضافه کنید.

ارسال نظر به عنوان مهمان

0
  • هیچ نظری یافت نشد