أساسيات التنسيق

صورة توضيحية لأساسيات تصميم الصورة الرئيسية

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

البدء

ابدأ بتصميم تصاميم Android من خلال التعرّف على بنية التطبيق ثم كيفية تنظيم محتوى تطبيقك.

الخلاصات

اتجاه التصميم

ضع في اعتبارك نسب العرض إلى الارتفاع المختلفة وفئات الأحجام والدقّات التي قد يواجهها المستخدمون. تأكَّد من أنّ تطبيقك يقدّم تجربة مستخدم جيدة في كلّ من الاتجاهَين الأفقي والعمودي، بالإضافة إلى أحجام الشاشات وعوامل الشكل المختلفة.

لمزيد من المعلومات، يُرجى الاطّلاع على الإرشادات حول تكييف تصميمك و التصاميم الأساسية.

المناطق الآمنة في الجهاز

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

إجراءات يُنصح بها

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

الإجراءات غير المُوصى بها

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

ضَع التفاعلات الأساسية، مثل التنقّل الرئيسي، في منطقة شاشة يمكن الوصول إليها. توفر "أزرار الإجراءات الرئيسية" نقطة تفاعل بارزة ويمكن الوصول إليها.

مجموعات الاحتواء

استخدِم الاحتواء لتجميع المحتوى ذي الصلة من أجل توجيه المستخدم خلال المحتوى والإجراءات. البطاقات التي تستخدِم الاحتواء الصريح لتجميع المحتوى مع الإجراءات ذات الصلة

المحاذاة

قدِّم محاذاة متّسقة بين المحتوى وعناصر واجهة المستخدم المتشابهة.

إجراءات يُنصح بها

حدِّد مساحة متّسقة بين العناصر المتشابهة.

الإجراءات غير المُوصى بها

لا تؤدِّ إلى إضعاف إمكانية القراءة من خلال تحديد مساحة غير متّسقة بين العناصر المتشابهة، ما قد يجعل التصاميم تبدو عشوائية.
التفاعلات الأساسية

لا تفرض على المستخدم عددًا كبيرًا جدًا من الإجراءات لكل عرض.

تدوين مواصفات التصميم

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