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

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

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

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


اگر خواننده جدید سایت «یک پزشک»  هستید!
شما در حال خواندن سایت یک پزشک (یک پزشک دات کام) به نشانی اینترنتی www.1pezeshk.com هستید. سایتی با 18 سال سابقه که برخلاف اسمش سرشار از مطالب متنوع است!
ما را رها نکنید. بسیار ممنون می‌شویم اگر:
- سایت یک پزشک رو در مرورگر خود بوک‌مارک کنید.
-مشترک فید یا RSS یک پزشک شوید.
- شبکه‌های اجتماعی ما را دنبال کنید: صفحه تلگرام - صفحه اینستاگرام ما
- برای سفارش تبلیغات ایمیل alirezamajidi در جی میل یا تلگرام تماس بگیرید.
و دیگر مطالب ما را بخوانید. مثلا:

اگر سیمپسون‌ها در دنیا وستروس بودند! گالری عکس

وستروس یک سرزمین یا قاره تخیلی و یکی از مکان‌های اصلی مجموعه رمان‌های فانتزی «آواز یخ و آتش» نوشته جورج آر آر مارتین است. انکاتی در مورد وستروسجغرافیا: وستروس در غرب قاره اسوس قرار دارد و با دریای باریکی که به نام دریای باریک شناخته…

تصور دهشت نبرد «واترلو» با هوش مصنوعی میدجرنی

نبرد واترلو، که در ۱۸ ژوئن ۱۸۱۵ رخ داد، یک درگیری نظامی مهم در طول جنگ‌های ناپلئون بود. این جنگ بین ارتش فرانسه به رهبری امپراتور ناپلئون بناپارت و اتحادی از نیرو‌های بریتانیایی، هلندی و پروس به فرماندهی دوک ولینگتون و فیلد مارشال گبهارد…

مورد عجیب بیمار M: مردی که گلوله‌ای به سرش خورد و بعد همه چیز را وارونه می‌دید!

بر اساس گزارش موردی که به تازگی منتشر شده است، یکی از منحصر به فردترین و عجیب‌ترین موارد آسیب مغزی در تاریخ شرح داده شده: این مورد با نام مستعار بیمار M، نامیده می‌شود که در سال ۱۹۳۸ در جریان جنگ داخلی اسپانیا به سرش گلوله خورد و بعد آن…

هوش مصنوعی میدجرنی Midjourney تصور می‌کند که اساتید رشته‌های مختلف باید چه ظاهری داشته باشند؟ گالری…

کودک و نوجوان که بودم برای خودم یک پا Midjourney  بودم. کتاب‌ها را که می‌خواندم از روی توصیف چهره‌ها و مکان‌ها و اشیا تصور می‌کردم که مثلا کاپیتان نمو یا ربات آر دانیل الیواو باید چطوری باشد، فضاها را تصور می‌کردم و آب و رنگ به آنها در ذهن…

چرا هنگامی که می‌خواهند عکسی از ما بگیرند، ناخودآگاه سرمان را کج می‌کنیم؟

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

اگر نسخه پنجابی سریال بریکینگ بد ساخته می‌شد!

بریکینگ بد یک سریال تلویزیونی درام تلویزیونی بسیار محبوب آمریکایی است که از سال ۲۰۰۸ تا ۲۰۱۳ از شبکه AMC پخش می‌شد. این سریال توسط وینس گیلیگان ساخته شد و برایان کرانستون در نقش والتر وایت، معلم شیمی دبیرستانی که به سرطان ریه مبتلا است و…
آگهی متنی در همه صفحات
دکتر فارمو / موتور فن کویل / شیشه اتومبیل / نرم افزار حسابداری / خرید سیلوسایبین / هوش مصنوعی / قیمت وازلین ساج / مقاله بازار / شیشه اتومبیل / قیمت ایمپلنت دندان با بیمه /سپتیک تانک /بهترین دکتر لیپوماتیک در تهران /بهترین جراح بینی در تهران / آموزش تزریق ژل و بوتاکس / دوره های زیبایی برای مامایی / آموزش مزوتراپی، PRP و PRF /کاشت مو / مجتمع فنی تهران /قیمت روکش دندان /خدمات پرداخت ارزی نوین پرداخت / درمان طب / لیست قیمت تجهیزات پزشکی / دانلود آهنگ / سریال ایرانی کول دانلود / دانلود فیلم دوبله فارسی /داروخانه اینترنتی آرتان /اشتراك دايت /فروشگاه لوازم بهداشتی /داروخانه تینا /لیفت صورت در تهران /فروش‌ دوربین مداربسته هایک ویژن /سرور مجازی ایران /مرکز خدمات پزشکی و پرستاری در منزل درمان نو /توانی نو / ثبت برند /حمل بار دریایی از چین /سایت نوید /پزشک زنان سعادت آباد /کلاه کاسکت / لمینت متحرک دندان /فروشگاه اینترنتی زنبیل /ساعت تبلیغاتی /تجهیزات پزشکی /چاپ لیوان /خرید از آمازون /بهترین سریال های ایرانی /کاشت مو /قیمت ساک پارچه ای /تولید محتوا /دانلود نرم افزار /
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/طراحی-وب-به-سبک-پارالاکس

ارسال یک پاسخ

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

••4 5