طراحی پارالکس Parallax چیست 4 دیدگاه

parallax-website-design

کلمه پارالکس (Parallax) به معنی اختلاف منظر یا دید هست و براساس تعریف به جابجایی آشکار بین دو نقطه یا جابجایی یک شیء بین دو نقطه غیر واقع بر یک خط راست گفته می‌شود.

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

از میان تمام شیوه‌های طراحی وب، بعد از دوران طلایی وب ۲، به جرئت میتوان گفت “پارالاکس” یکی از قدرتمندترین و شگفت‌انگیزترین گرایش‌ها بوده است.

تکنیک جلب نظر کاربر البته یک تکنیک تازه نیست، ولی این تکنیک به سرعت به یک روش محبوب برای علاقه‌مندسازی کاربر به یک موضوع تبدیل شد.

چگونه از پارالاکس به درستی استفاده کنیم؟

کاربران اینترنت، سالهاست «اسکرول کردن» را یاد گرفته ان و این عمل ساده، تبدیل شده به یکی از عادات آنها، یک عمل که بدون  فکر کردن به آن انجامش می دهند مثل راه رفتن. برای اینکه درک کنید Scroll Hijacking چقدر ناراحت کننده است، تصور کنید که وقتی در حال راه رفتن در پیاده رو هستید، مسیرتون مارپیچ یا زیگ زاگ بشود و یک قدم در میان مجبور بشوید از روی یک چاله بپرید.

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

طراحی پارالاکس برای ساختن یک سایت مناسبتی یا سایت یک رویداد خیلی مناسب است. مثلا تصور کنید که می‌خواهید برای روز کتابخوانی، سایتی درست کنید یا دهمین سال تأسیس شرکت خود را جشن بگیرید، در این صورت طراحی پارالاکس مناسب است.

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

به عبارتی کاربر از اینکه گاه غافلگیر شود و با اسکرول کردن روتین، فرایندهای متفاوتی را ببیند و برخلاف روتین به تناسب اسکرول صفحه و اجزایش جابجا نشود، خشنود می‌شود. اما اگر ما بیاییم و هر روز  او را مجبور کنیم که یک سایت خبری را با این هیأت ببیند، مسلما خواهد رنجید!

از طرفی تقریبا با عمومی شدن اینترنت ، کاربران ۲۰ سال است که دارند توی سایت ها “اسکرول” میکنن پس حداقل ۲۱ سال اسکرول نباید وجود داشته باشد تا این عادت از سر افراد بیفتد و به چیزی غیر از اسکرول عادت کنند.

پارالکس ، کی ، کجا و چطور؟

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

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

وب ایران به دوست داران طراحی پارالاکس توصیه می کند، توجه داشته باشند که پارالاکس نباید زیاد استفاده شود،  ، نباید عامل حواس پرتی شود، سایت Assassin’s Creed® Unity | Join the Brotherhood یک پارالاکس خیلی ملایم در پس زمینه خود به کار برده است که فوقالعاده جذاب می باشد، برخی سایت ها در یک بخش طراحی parallax به کار میبرن ، و برخی در کل سایت خود . سایت‌های زیادی با طراحی پارالاکس طراحی شده‌اند، بعضی از آنها طراحی شده‌اند که پارالاکس باشند، اما در طراحی بعضی هم هوشمندی خالصی دیده می‌شود، یعنی طراح آمده و از پارلاکس به عنوان یک ابزار استفاده کرده و به خوبی از آن برای تحت تأثیر قرار دادن و بیان مفهومی یک محصول، کارهای یک شرکت، فرایند یا مقصود بهره برده است.

بیایید به سایت Sony Discover برویم. در اینجا طراح به خوبی توانسته پیچیده بودن روند طراحی صنعتی و آمیخته بودن مهندسی و هنر را با یک طراحی پارالکس به ما نشان بدهد.

۵-۲۰-۲۰۱۴-۱۱-۳۰-۳۰-PM

 

توصیه می‌کنم حتی اگر حوصله خواندن پست‌های اینچنینی را ندارید، از این سایت بازدید کنید، چون حتما برایتان سرگرم‌کننده خواهد بود. این سایت Samخیلی بامزه طراحی شده است! Cycle Moon نیز با خلاقیت طراحی شده سایت To Young To Wedطراحی ساده‌تری دارد، اما به خوبی توانسته با طراحی پارالاکس، توجه مخاطب‌ان را جلب کند. اگر شما هم دوست دارید مفهوم و مقصودی را به صورت تأثیرگذار بیان کنید،
شاید طراحی پارالاکس برایتان مفید باشد.

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

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

سخن آخر:

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

نویسنده : سارا یوسفی

نظرات

hossein

با عرض سلام تشکر از مدیریت سایت بابت مطالب آموزنده و ارزشمند بنده در جایی دیگر در مورد طراحی وب به سبک پارالاکس را خواندم که فکر میکنم برای کاربران هم ارزشمند باشد. http://honeytech.ir/Blog/ID/73/طراحی-وب-به-سبک-پارالاکس

با سلام. خواهش می کنیم ممنون از بابت لینک مفیدتون.

حجت بندانی

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

ممنون خوشحالیم که تونستیم رضایت شما رو جلب کنیم.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


Time limit is exhausted. Please reload CAPTCHA.