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

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

از دیگر ویژگی های سایت ریسپانسیو میتوان به موضوع اشاره نمود که با توجه به اینکه در سایز کوچک و در حالت موبایل، صفحه نمایش به صورت لمسی است، لینک ها و منوها به گونه ای چیدمان میشوند که ماربر به راحتی بتواند بر روی لینک یا دکمه مورد نظر خود لمس نماید بدون اینکه با گزینه های دیگر برخورد نماید.

نمونه ای از دو حالت مختلف صفحه ریسپانسیو یا واکنش گرا در مانیتور و موبایل: