طراحی پارالاکس: نمونه‌های خوب و بد – چه وقت باید از این طراحی استفاده کنیم؟

10

نمی‌دانم آیا با طراحی Parallax آشنا هستید یا نه.

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

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

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

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

لیزر هموروئید درمان بواسیر در کلینیک تخصصی هموروئید تهران

اما سؤال اینجاست که این طراحی، یک طراحی مانا خواهد بود؟ آیا هم‌رده گرایش‌هایی مثل طراحی فلت یا ریسپانسیو است؟

نظر شخصی من این است که طراحی پارالاکس کاربرد محدودی دارد.

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

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

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

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

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

5-20-2014 11-30-30 PM

توصیه می‌کنم حتی اگر حوصله خواندن پست‌های اینچنینی را ندارید، از این سایت بازدید کنید، چون حتما برایتان سرگرم‌کننده خواهد بود.

این سایت Sam خیلی بامزه طراحی شده است!

سایت Hydraulic باز با خلاقیت طراحی شده است. Cycle Moon  هم!

5-20-2014 11-24-38 PM

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

5-20-2014 11-23-56 PM

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

نمونه‌ای از طراحی پارالاکس غیرضروری (+). به نظر من که اصلا لازم نبود این سایت پارالاکس طراحی می‌شد.

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

در انتها نگاهی بیندازید به طراحی زیبا سایت لکسوس.

5-20-2014 11-23-40 PM

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

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

   

پستهای اخیر

چرا از بهترین اپلیکیشن اندروید و iOS برای ایجاد عادت‌های روزانه بهتر و پیگری وضعیت سلامتی استفاده…

اگر در اندروید و iOS دنبال یک اپلیکیشن انگیزشی روزانه و ردگیری عادت‌ها یا خودمراقبتی بگردید؛ احتمالا هیجان‌انگیزتر از اپلیکیشن Fabulous نخواهید یافت. بهترین اپلیکیشن سال گوگل پلی در دسته Health & Fitness، برنده جایزه بهترین طراحی…

درگذشت بنیان‌گذار ادوبی، خالق PDF و بسیاری از نرم‌افزارهای مهم دنیای فناوری

چارلز گسچه (Charles Geschke) بنیان‌گذار شرکت ادوبی و فردی که در خلق فرمت PDF کمک‌های زیادی کرده بود؛ در سن ۸۱ سالگی، روز ۲۷ فروردین ماه درگذشت. مدیرعامل شرکت ادوبی در یک نامه به کارمندان این شرکت؛ درگذشت «چارلز گسچه» را ضایعه بزرگی برای…

بهترین و بدترین محصولات اپل از نظر قابلیت تعمیرپذیری (جدول رتبه‌بندی آیفون‌ها و مک‌بوک‌ها)

اکنون می‌توانید امتیازهای قابلیت تعمیر گوشی‌ها و لپ‌تاپ‌ها اپل را به طور رسمی در سایت این شرکت مشاهده کنید. هرچند هنوز هم دارای ابهاماتی هستند و چون خود اپل گزارش داده، چندان قابل اعتماد نیستند و مرموز به نظر می‌رسند. قانون جدید دولت…

نکات جالبی در مورد استیو جابز در کتاب تازه «ناز بهشتی»- یکی از بخش‌های جالب کتاب: استیو جابز هیچ وقت…

دو سه هفته‌ای که خبر انتشار یک کتاب جدید در مورد استیو جابز، داغ شده. اسم این کتاب Pause. Breathe. Choose.: Become the CEO of Your Well-Being است. این کتاب را ناز بهشتی نوشته که فعلا بیشتر به عنوان مربی مدیریت ذهن و خودیاری برای کسب…

کارشناسان خرید و استفاده این ۸ چیز را برای کاهش استرس و اضطراب در دوران کرونا توصیه می‌کنند

اگر اخیرا به خاطر شیوع ویروس کرونا گرفتار استرس و اضطراب شدید؛ شما تنها نیستید. به‌ویژه، اگر در خانه نشسته‌اید و کارهای خود را انجام می‌دهید و منتظر کاهش شیب منحنی مبتلایان و قربانیان ویروس کرونا هستید. قطعا ساعت‌ها پای کامپیوتر و لپ‌تاپ…

۷ کاری که خیلی‌ها نمی‌دانند با اپل واچ می‌شود انجام داد

اپل واچ بهترین ساعت هوشمند موجود در بازار است. دلایل خوبی هم برای آن وجود دارد. یک ردیاب تناسب اندام عالی و یک ساعت با طراحی شیک و زیبا است که کاملا در اکوسیستم اپل ادغام می‌شود. با وجود ویژگی‌های بسیار عالی که اپل واچ دارد و همه از…
10 نظرات
  1. امیر مسکنی می گوید

    یکی از بهترین نمونه ها سایت فولکس بیتل بود که دیگه نیستُ تغییر این مدل تو این سال ها رو نشون می داد

  2. امیرحسین می گوید

    این شیوه نوین طراحی خیلی جذاب و قشنگه ، کلا میتونه کاربر رو خیلی مشغول کنه اما بدرد سایت هایی که روزانه یا روزی چندین بار توسط یک کاربر دیده میشن نمیخوره ، یکم خسته کننده میشه

  3. مرتضی می گوید

    این گروه ایرانی هم صفحه انتظار پارالاکس خوبی طراحی کردن!

  4. مرتضی می گوید

    گروهی که گفتم Hafezgroup.ir منظورم بود که لینکشو نذاشتم!

  5. علـــی می گوید

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

  6. امين می گوید

    سایت اپل تو ایپد ایر هم از این شکل طراحی استفاده کرده

  7. مهدی می گوید

    این هم یک نمونه خوب داخلی که توسط پیکسل وب طراحی شده
    http://www.shiraznylon.com/fa

  8. مجید صالح پور می گوید

    این نوع طراحی خوبی های خاص خودشو داره، البته کسی که در ایران از این روش استفاده میکنه باید بی خیال بازدید کننده بشه چراکه برای طراحی این سبک نیازمند استفاده زیاد از تصاویر ( مخصوصا png ) زیاد هست که باعث سنگینی سایت میشه، سایت در بیشتر مواقع لود کامل نمیشه و برای کاربر قابل استفاده نخواهد بود، اینترنت ایرانه دیگه باید سایتی داشت سبک و در آن واحد زیبا کاربر پسند پیشرفته و قـــدیمـــی که این خودش به نظر من یه سبک هست!!! خلاصه خیلی چیزهای زیبا و جدیدی هست ولی سرعت اینترنت اجازه و ریسک اینکارو نمیده!

  9. ali می گوید

    این سایت هم طراحی جالبی داره http://parsbtc.com

  10. hossein می گوید

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

ارسال یک پاسخ

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