رشيد ديزاين
إنشاء مواقع إلكترونية، استضافة وحلول ويب

ما هو التصميم المتجاوب ؟

ما هو التصميم المتجاوب ؟

التصميم المتجاوب (Responsive Design) هو التصميم الذي يتجاوب مع دقة الشاشة فكلما كبرت أو صغرت دقة الشاشة كلما حصلت تغييرات في هيكل التصميم.

الهدف من ذلك هو أن نتيح للزائر إمكانية تصفح الموقع بسهولة سواءً كان يتصفّح الموقع من خلال شاشة كبيرة (شاشة الجهاز المكتبي) أو من خلال شاشة متوسطة (جهاز لوحي) أو من خلال شاشة صغيرة (موبايل).

كافة التصميمات الجديدة التي أعمل عليها أهتم بأن تكون تصاميم متجاوبة. لتوضيح الفكرة أكثر لنشاهد مثالًا حيًا على ذلك:

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

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

اقرأ أيضًا