کوتاه در مورد تفاوت طراحی Responsive و Adaptive

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

طراحی واکنشگرا - Responsive Design

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

طراحی سازگار - Adaptive Design

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

از این دست کوتاه مقاله‌ها: