105
تشکر

طراحی ریسپانسیو (Responsive) چیست؟

طراحی ریسپانسیو

طراحی ریسپانسیو(Responsive)

دردسر نمایش درست یک وب سایت در نمایشگرهای مختلف یکی از دغدغه های طراحان وب است. به این معنی که اگر یک کاربر سایت شما را با یک نمایشگر دکستاپ(Desktop) ببیند و کاربر دیگری همان سایت را با یک اسمارت فون(Smart Phone) مشاهده کند هیچ فرقی بین این دو نکند و یا حداقل تفاوت را داشته باشد.

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

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


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

یک کاربر دسکتاپ وقتی صفحه شما را میبیند ممکن است سایت سما را دو ستونه ببینید اما کاربر دیگری که از اسمارت فون استفاده میکند سایت شما را یک ستونه میبیند.

آیا طراحی ریسپانسیو همیشه راه خوبی است؟

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

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

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

اگر میخواهید سایت خودتان را در نمایشگر های مختلف تست کنید سری به این سایت بزنید. http://mattkersley.com

در آینده آموزش هایی در این رابطه خواهیم گذاشت.

منابع: mobilemarketer | responsivedesign

  • آرش می‌گه:

    کلا آموزش ها و طراحی خود این سایت بسیار عالیه به نظر من، همینطور مطالب هم اکثرا به درد بخوره ، فقط به سوالات آقایون هم جواب بده #شوخی 😉

  • رامین می‌گه:

    سلام، من در حال طراحی ی وب سایتم و میخواستم با استفاده از MediaQueryها برای صفحات موبایل هم طراحی خاص خودشونو انجام بدم.
    ولی وقتی از MediaQuery زیر برای موبایل خودم ک صفحش 320px هست استفاده میکنم ب درستی کار نمیکنه.

    اما وقتی Max رو به Min تغییر میدم درست میشه.واقعا متوجه نشدم چرا اینجوریه؟؟!؟!؟! ینی صفحه موبایله منو بیشتر 800px میشناسه؟؟؟؟

  • عاطفه می‌گه:

    سلام و وقت بخیر
    من سایت جدیدی رو دارم طراحی می کنم که اولویت من SEO سایت هستش، اما میخوام قالب رو Responsive بزنم به نظر شما مشکلی برام پیش میاد؟

    ممنون

  • حسین می‌گه:

    با تشکر از وب سایت خوب شما.بنده وب سایتی تهیه کرده ام اما عکسها حجم بالا داشته و دیر لود میشوند لطفا به سایتی که ساختم یه سر بزنید و منو راهنمایی کنید چه راه حلی در پیش بگیرم که دیر لود نشن؟
    http://www.rohamusic.com

    • محمد جهانی می‌گه:

      سلام. من سایتتون رو بررسی کردم. عکساتون اون قدری که گفتید سنگین نیست و مشکل جای دیگه است. یه سری موارد رو اگه رعایت کنید لود صفحه خیلی بهتر میشه. ۳ تا مورد کلی به نظرم اومد که اگه رفع کنید، حتماً تاثیرش رو میبینید.
      ۱- شما از jQuery UI استفاده میکنید. به جای استفاده از نسخه کامل اون که شامل موارد و کامپوننتای زیادی هست و ۴۲۶ کیلوبایت حجمشه، از داخل سایتش کاستومایزش کنید و فقط چیزایی که لازم دارید (مثلاً تو این سایتتون فک کنم فقط Draggable) رو انتخاب کنید و استفاده کنید.
      ۲- شما بایست برای jQuery و jQuery UI، به جای استفاده از نسخه کامل و فشرده نشده از نسخه های فشرده و مینیفای شده اونا استفاده کنید.
      ۳- سروری که سایت روش قرار داره پینگ خوبی نداره. حدود 600 میلی ثانیه برای پاسخگویی زمان میبره که زمان خوبی نیست. اگه بعد از انجام موارد بالا باز هم خواستید سریعتر باشه، میتونید سایتتون رو روی سرورای داخلی ایران میزبانی کنید تا سریعتر لود بشه.
      البته به طور کلی اون دو مورد اول خیلی مهم تره. چون همون دو مورد برای من (سرعت ۲ مگابیت) حدود ۱۳ ثانیه لودشون زمان برد. اونا رو رفع کنید، حتماً بهتر میشه. موفق باشید.

  • رها امیر چرمهینی می‌گه:

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


  • نظرات این مطلب بسته است.