طراحی پارالاکس یا Parallax

اسکرول پارالاکس در سال 2016 به عنوان یکی از روند های طراحی سایت معرفی شده است.همانطور که می دانید،استفاده از روندها در طراحی سایت،به نظر مشتری بستگی دارد. 
پارالاکس یا parallax یک تکنولوژی جدید در زمینه وب است که اخیرا درایران هم رواج پیدا کرده است.پارالاکس در واقع به معنی پیمایش با اختلاف منظر است.بدین معنی که می توان با استفاده از این روند در طراحی سایت یک تصویر برای پیش زمینه و یک تصویر برای پس زمینه تعریف کرد به گونه ای که سرعت اسکرول آنها با یکدیگر متفاوت باشد.در واقع پارالاکس در طراحی سایت،موجب ایجاد یک عمق خیالی می شود.در این سایت ها که معمولا تک صفحه ای هستند،با اسکرول صفحه و یا حرکت موس یک افکت توی صفحه و روی عناصر صفحه اتفاق میفتد.برفرض مثال پس زمینه جا بجا می شود،تصاویر و نوشته ها حرکت می کنند،بعضی از عناصر و المنت ها با افکت در صفحه ظاهر می شوند و... .دقت داشته باشید که هر افکتی که با اسکرول و یا حرکت موس اجرا میشود، با برگشت موس و یا برگشت اسکرول افکت هم به همون حالت که اتفاق افتاده به حالت قبل برمیگردد و عنصر در حالت اولیه خودش قرار میگیرد.
افکت دیگری که ممکن است در پارالاکس پیاده شود این است که شما با حرکت موس از سمت راست صفحه به سمت چپ (یا بالعکس) میتوانید میدان دید خود را گسترش دهید و از عرضی که در مانیتور مشاهده میکنید فراتر بروید و به عبارتی منظره را بصورت ۱۸۰ درجه ببینید،به نحوی که عناصر و اجزای صفحه سر جای خودشان قرار دارند و شما میتوانید عرض صفحه را از سمت راست به چپ و از سمت چپ به راست و فراتر از عرض ثابت صفحه مشاهده کنید.
در نمونه ی دیگری از طرح های پارالاکس،چند لایه روی هم قرار میگیرند و یک تصویر ترکیبی را تشکیل میدهند و افکت هر لایه با سرعت خاصی اجرا میشود که این نمونه اصولا جذابیت بیشتری به طرح میدهد.طراح گرافیک سایت های پارالاکس باید تا حدودی با سایت های پارالاکسی آشنا باشد تا بتواند بصورت استاندارد پروژه را طراحی کند و برنامه نویس هم بتواند آن طرح را با تکنولوژی پارالاکس به درستی پیاده کند.

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

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

حال می خواهیم بدانیم که کاربرد طراحی پارالاکس در طراحی سایت چیست؟
این نوع طراحی بیشتر مربوط به وب سایت هایی هستند که کاربران زیادی را مشغول مطالعه صفحات کم و همینطور یک رویداد می کند.این طراحی بیشتر برای سمینار ها و همینطور رویداد ها و مخشصا صفحات نمونه کار و ثبت نام ها می باشد.توجه داشته باشید کاربرد بالا بیشتر برای طراحی کاملا پارالاکس می باشد ولی مطمعنا افرادی هستند که با استفاده از تکنیک های این متد طراحی در دیگر متد های طراحی یا در چند عنصر از صفحه زیبایی خاصی را به صفحه بدهند.

Parallax Scrolling design

سئو در طراحی سایت پارالاکس

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

دیدگاه‌ها  

0
0
# پاریس وب
مطلب جالبی بود .
ممنون
سایت پاریس وب : طراحی سایت و سئو
1396-12-10 11:55 پاسخ دادن | پاسخ به نقل قول | نقل قول کردن