احجز استشارتك

Responsive design

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

يُكتب أيضاً: Responsive, ريسبونسيف

التصميم المتجاوب يجعل الموقع يتكيف تلقائيًا مع كل أحجام الشاشات، من الموبايل إلى الكمبيوتر، فيعيد ترتيب العناصر وأحجام الخطوط دون موقع منفصل. ضروري لأن أغلب الزيارات العربية من الموبايل.

التصميم المتجاوب (Responsive Design) يعتمد على تخطيطات مرنة واستعلامات الوسائط في CSS، فتتغير الصفحة حسب عرض الشاشة: ثلاثة أعمدة على الكمبيوتر تصبح عمودًا واحدًا على الهاتف.

في Elementor تعدّل التصميم لكل جهاز من أيقونات الشاشات: تغيّر الحجم والمسافات والاتجاه، أو تخفي عنصرًا على الموبايل. ويعتمد ذلك على نقاط التوقف المحددة في إعدادات الموقع.

جوجل يعتمد نسخة الموبايل أولًا في الأرشفة، لذلك صمّم للموبايل أولًا ثم وسّع للشاشات الأكبر. واختبر على أجهزة حقيقية، وتأكد أن الأزرار سهلة اللمس وأن النص مقروء دون تكبير.

مقالات بتستخدم المصطلح