المصطلحات

التصميم من اليمين إلى اليسار (RTL)

التصميم من اليمين إلى اليسار (RTL) هو تصميم وبناء واجهات للغات التي تكتب من اليمين إلى اليسار، مثل العربية والعبرية والفارسية والأردية. ويجري التخطيط وترتيب القراءة والتنقل من اليمين إلى اليسار، وتكيف التفاصيل ولا يكتفى بقلب الواجهة.

ابدأ مشروعك

ما الذي يتغير

  • ترتيب التخطيط: تبدأ قائمة التنقل الرئيسية والأشرطة الجانبية وأعمدة الجداول من اليمين.
  • الأيقونات التابعة للاتجاه: الأسهم وأزرار الرجوع وعلامات التقدم تشير إلى الاتجاه المعاكس.
  • المحاذاة والمسافات: استخدم البداية والنهاية بدل اليمين واليسار.
  • التقدم والمنزلقات: تمتلئ من اليمين إلى اليسار.

ما الذي لا ينقلب

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

النص المختلط الاتجاه

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

الطباعة العربية

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

أخطاء شائعة

  • إضافة سمة الاتجاه والتوقف عندها. فتبدو الواجهة معكوسة لكنها تقرأ بصعوبة.
  • عكس كل شيء، حتى الشعارات وأزرار التشغيل.
  • كتابة اليمين واليسار بشكل ثابت في CSS بدل الخصائص المنطقية مثل margin-inline-start.
  • نصوص مدمجة في الصور لا يمكن ترجمتها.
  • الاختبار بالإنجليزية أولا وترك إصلاح العربية إلى النهاية.

مصطلحات ذات صلة

الاتجاه من اليمين إلى اليسار جزء من التوطين. وللتعمق اقرأ دليل المنتجات ثنائية اللغة بالعربية والإنجليزية وتعرف على نهجنا في التصميم العربي من اليمين إلى اليسار.

تابع الاستكشاف

هل أنت مستعد لبناء منتج آمن؟

حدّثنا عن منتجك، وسنرد بخطة واضحة.

ابدأ مشروعك

نود استخدام Microsoft Clarity لفهم كيف يستخدم الزوار الموقع حتى نحسّنه. يضع ملفات ارتباط ويبقى متوقفًا ما لم توافق. سياسة ملفات الارتباط