التصميم المتجاوب (Responsive Design) هو التصميم الذي يتجاوب مع دقة الشاشة فكلما كبرت أو صغرت دقة الشاشة كلما حصلت تغييرات في هيكل التصميم.
الهدف من ذلك هو أن نتيح للزائر إمكانية تصفح الموقع بسهولة سواءً كان يتصفّح الموقع من خلال شاشة كبيرة (شاشة الجهاز المكتبي) أو من خلال شاشة متوسطة (جهاز لوحي) أو من خلال شاشة صغيرة (موبايل).
كافة التصميمات الجديدة التي أعمل عليها أهتم بأن تكون تصاميم متجاوبة. لتوضيح الفكرة أكثر لنشاهد مثالًا حيًا على ذلك:
- قم بفتح هذا الموقع بواسطة متصفح فايرفوكس.
- اضغط على CTRL+SHIFT+M ثمّ حاول تكبير/تصغير دقة الشاشة كما هو موضّح بالصورة التالية.

ستلاحظ أن التصميم تحصل به تغييرات هيكلية أثناء تكبير/تصغير دقة الشاشة.