تخطّ إلى المحتوىتواصل معنا

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

بالإنجليزية: Responsive design

بناء التطبيقات

تصميم يتكيّف تلقائيًا مع حجم الشاشة، فيظهر بشكل مناسب على الجوال والجهاز اللوحي والحاسوب.

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

معظم الزيارات اليوم تأتي من الجوال في كثير من الأسواق، وصفحة تحتاج تكبيرًا وتمريرًا أفقيًا تُفقد العميل صبره بسرعة. كما أن محركات البحث تراعي ملاءمة الصفحة للجوال. التصميم المتجاوب لم يعد ميزة إضافية بل حدًا أدنى. نصيحة عملية: اختبر تطبيقك على جوال حقيقي متوسط الحجم، لا على شاشة الحاسوب فقط. تأكد أن الأزرار كبيرة بما يكفي للمس، وأن النماذج سهلة التعبئة، وأن النص العربي لا يُقطع أو يتداخل.

مثالصفحة حجز في عيادة تعرض التقويم كاملًا على الحاسوب، وعلى الجوال تعرض يومًا واحدًا مع أزرار للتنقل بين الأيام.
كل المصطلحات

فكرتك تستاهل تطلع للنور.

صِفها بالعربي أو الإنجليزي، وفنّان يبنيها ويختبرها وينشرها — بدون أي خبرة في البرمجة. ابدأ مجاناً، بدون بطاقة ائتمان.