زمانی برای طراحی ریسپانسیو

13

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

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

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

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

سایت اول سایت readWriteWeb است که به خاطر داشتن تحلیل‌های ژرف، یکی از سایت‌های مورد علاقه من در حوزه فناوری است، این سایت البته سال پیش توسط Say Media خریداری شد، «ری برند» شد و نامش به readWrite تغییر پیدا کرد و تیم دبیری آن هم تغییر پیدا کرد.

اما در تازه‌ترین تغییر در این سایت، ما شاهد یک قالب جدید، زیبا و کارا در آن هستیم که ریسپانسیو است.

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

اگر به این سایت سر بزنید و با مرورگر خود روی سایت زوم کنید، می‌بیند که به تناسب افزایش زوم، سایت واکنش نشان می‌دهد و با سایز جدید، سازگار می‌شود.

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


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

۱۰ واقعیت جذاب درباره جی رابرت اوپنهایمر -پدر بمب اتمی و سوژه فیلم جدید کریستوفر نولان

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

داستان واقعی اسکینر: روانشناس مشهور دهه ۱۹۴۰- آیا او واقعا دخترش را در داخل یک جعبه برای آزمایشاتش…

بوروس فردریک اسکینر معروف به بی‌اف اسکینر یک روانشناس، رفتارشناس، نویسنده، مخترع و فیلسوف اجتماعی آمریکایی بود. او در ۲۰ مارس ۱۹۰۴ در Susquehanna در پنسیلوانیا به دنیا آمد و در ۱۸ اوت ۱۹۹۰ در کمبریج، ماساچوست درگذشت.اسکینر بیشتر به خاطر…

هلند کشور لاله‌ها – توضیحات + گالری عکس زیبا

هلند به خاطر مزارع خیره‌کننده لاله‌ که گردشگران را از سرتاسر جهان جذب می‌کند، مشهور است. این مزارع به ویژه در فصل بهار، معمولاً از اواخر مارس تا اوایل اردیبهشت، سرزنده و زیبا هستند.مزارع لاله عمدتاً در منطقه‌ای به نام "Bollenstreek"…

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

کسانی که در کودکی در خانه‌های بزرگ زندگی کرده‌اند، چندان میانه‌ای با خانه‌های آپارتمانی ۵۰ - ۶۰ متری که این روزها آنها را هم به سختی می‌شود خرید، ندارند. اما تصور کنید که ساخت و سازها متفاوت بودند و کسی به فکر مصرف‌کننده جوان کم‌درآمد بود و…

چگونه از نشخوار فکری یعنی زیاد فکر کردن به چیزی تنش‌زا، رهایی پیدا کنیم؟

بعضی‌ها درگیر یک نوع نشخوار فکری می‌شوند. مثلا خاطرات بد گذشته، از دوران کودکی یا رابطه بد با شریک زندگی سابقشان را مرتب ناخواسته به هر بهانه‌ای مرور می‌کنند یا در مورد یک کار جزئی که می‌دانند انجام دادنش سخت نیست و از عهده‌اش برمی‌آیند،…

این عکس‌ها را ببینید تا تصدیق کنید که افسوس‌ها (حسادت‌های) اینستاگرامی ما بسیار اوقات درست نیستند!

هر کسی ممکن است طور خاصی از اینستاگرام استفاده کند. یکی صفحات خبری را دنبال می‌کند، دیگری بیشتر صفحات کاری یا سرگرمی را. یکی به اخبار و عادات سلبریتی‌ها علاقه دارد و برخی‌ها هم همه آشنایان و اعضای خانواده و دوستان قدیم و جدید را دنبال…
آگهی متنی در همه صفحات
دکتر فارمو / قیمت گوسفند زنده / موتور فن کویل / سپتیک تانک /کپسول پرگابالین / لیزر زگیل تناسلی /بهترین کلینیک کاشت مو مشهد /داروخانه آنلاین / بهترین سریال های ۲۰۲۴ / خرید دستگاه تصفیه آب / تجهیزات و وسایل دندانپزشکی /ثبت برند /خدمات پرداخت ارزی نوین پرداخت / کلینیک زیبایی دکتر محمد خادمی /جراح تیروئید / پزشکا /تعمیر فن کویل / سریال ایرانی کول دانلود / مجتمع فنی تهران / دانلود فیلم دوبله فارسی /خرید دوچرخه برقی /موتور فن کویل / شیشه اتومبیل / نرم افزار حسابداری / خرید سیلوسایبین / هوش مصنوعی / مقاله بازار / شیشه اتومبیل / قیمت ایمپلنت دندان با بیمه /بهترین دکتر لیپوماتیک در تهران /بهترین جراح بینی در تهران /کاشت مو / درمان طب / تجهیزات پزشکی /داروخانه اینترنتی آرتان /اشتراك دايت /فروشگاه لوازم بهداشتی /داروخانه تینا /لیفت صورت در تهران /فروش‌ دوربین مداربسته هایک ویژن /سرور مجازی ایران /مرکز خدمات پزشکی و پرستاری در منزل درمان نو /سایت نوید /پزشک زنان سعادت آباد /کلاه کاسکت / لمینت متحرک دندان /فروشگاه اینترنتی زنبیل /ساعت تبلیغاتی /تجهیزات پزشکی /چاپ لیوان /بهترین سریال های ایرانی /کاشت مو /قیمت ساک پارچه ای /دانلود نرم افزار /
13 نظرات
  1. شهریار می گوید

    برای این کار از
    bootstrap
    استفاده کرده

  2. Parham می گوید

    یادم میاد جی میل این خاصیت رو خیلی وقت پیش گذاشته بود.
    اما انصافاً چیز ضروریه، مخصوصاً اگه با تبلت یا موبایل وب گردی کنی

  3. reza می گوید

    البته همیشه یک دکمه برای بازگشت به نسخه ی اصلی داره!(قابل توجه آقای مجیدی)

  4. محسن می گوید

    سلام؛

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

    http://www.smashingmagazine.com/

    صفحه رو از حالت maximized با استفاده از ماوس، آروم آروم ریسایز کنید و 4 مرحله تغییر عالی در تغییر استایل این سایت رو ببینید.

    ممنون از این مطلب خوب شما آقای مجیدی

  5. والاموزیک می گوید

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

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

    چرا ریسپانسیو را به “پاسخگو” ترجمه نکرده اید؟

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

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

  8. indeedengineer می گوید

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

  9. رضا می گوید

    آقای مجیدی
    با سلام و احترام

    چه خوب شد به این موضوع پرداختید، چند وقتی بود یک سوالی ذهنم را مشغول کرده بودم، بد نمی دانستم اگر نظر شما را هم درباره آن بدانم.

    فرض کنید یک وب سایت با محتوای قوی و بسیار خوب در اندازه رفع یک کمبود در وب فارسی، طراحی ساده (حتی وبلاگی) با یک دامنه مستقل داشته باشد. (برای تولید و انتشار محتوا از طرف مدیر سایت! نه انتشار از سوی کاربران)

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

    در برابر سیستم مدیریت وبلاگی، قالب های آماده و بدون افزونه ها و امکانات حرفه ای

    شما چه نمره ای به چنین سایتی و چنین سیستمی میدهید؟ (اگر در افزایش دانش عمومی و سایر موارد اثرگذاری مطلوب داشته باشد)

    دلایل عدم استفاده از سیستم های مدیریت محتوا می توانند به هر دلیلی باشد:
    عدم هزینه کرد، سادگی استفاده از سیستم های وبلاگی و…

  10. رضا می گوید

    با سلام

    آقای مجیدی چرا پاسخی به سوال بالا ندادید؟؟

  11. مجتبی می گوید

    سلام،

    جناب مجیدی کاش خود شما به عنوان اولین سایت اقدام به این نوع طراحی می‌کردید! سایت شما در وضعیت موبایل (iOS) واقعا اسفباره! و یکبار دیگه هم به بهتون گفتم و متاسفانه مثل دیگران هیچ ترتیب اثری ندادید، اینکه کاش حداقل یک لینک سوییچ به نسخه دسکتاب در ورژن موبایل قرار می‌دادین.

  12. Colorain می گوید

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

    سپاس

ارسال یک پاسخ

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