Arabic 字幕

Responsive Design - Developing Android Apps

埋め込みコードを取得する
10言語

Showing Revision 12 created 06/09/2016 by Udacity Robot.

  1. لدينا الآن الإطارات السلكية
    .التي تم تنفيذها لكلتا الشاشتين
  2. ولكن كيف تبدو على الكمبيوتر اللوحي؟
  3. لحسن الحظ، عندما
    أخذنا واجهة مستخدم الهاتف
  4. ،وقمنا بتوسيعها على كمبيوتر لوحي
    .فلم تبدو مناسبة
  5. .كان هناك الكثير من المساحات البيضاء الفارغة هنا
  6. يمكننا الاستفادة
    من هذه الشاشة القائمة بشكل أفضل
  7. .بإظهار المزيد من المعلومات المفيدة
  8. وعلى سبيل المثال، لماذا يجب فصل هذه التفاصيل بنقرة واحدة
    في الوقت الذي يمكن
  9. احتوائها بسهولة
    على هذه الشاشة؟
  10. وعلاوة على ذلك، إذا أراد المستخدمين
    فحص
  11. ،قائمة التنبؤات الكاملة
    ،فيجب أن تتحرك أعينهم هكذا
  12. وتعتبر هذه تجربة قراءة
    .غير ممتعة
  13. ،إذا كنتم تريدون أن يقوم المستخدم بقراءة بعض المحتوى
    ،فيجب المحافظة على العرض الأضيق
  14. .لكي يستطيع المستخدم القيام بالمسح السريع له
  15. تعتبر هذه الاعتبارات جزء من
    .التصميم المستجيب
  16. يعني التصميم المستجيب
    تصميم التطبيق
  17. مع الوضع في الاعتبار
    أنه سوف يتم استخدامه
  18. .عبر مجموعة من أحجام شاشات الأجهزة المختلفة
  19. ،كيف نقوم بذلك
    وماذا يعني الإنشاء
  20. .للأجهزة المزودة بشاشات أكبر حجمًا مثل أجهزة الكمبيوتر اللوحي
  21. حسنًا، يمكنني أن أوضح لكم بعض الأمثلة الخاصة بكيفية موائمة التطبيقات
    .باستخدام التخطيطات المكونة من عدة أجزاء
  22. ،في دليل تصميم Android
    .يوجد قسم خاص بالتخطيطات المكونة من عدة أجزاء
  23. من التقنيات دمج
    .عدة عروض معًا
  24. ،على سبيل المثال، في تطبيق People
    لديكم قائمة بجهات الاتصال
  25. وبطاقة جهات الاتصال
    .للحصول على التفاصيل الإضافية
  26. وعلى جهاز الكمبيوتر اللوحي، نستطيع
    .وضعها جنبًا إلى جنب
  27. ويُعرف هذا أيضًا باسم
    .MasterDetailFlow
  28. وهذه هي القائمة الرئيسية
    .وهذا هو جزء التفاصيل
  29. ،وفي تطبيق settings
    .لدينا مثال آخر
  30. يتم ضبط عرض العمود
    .وفقًا لعرض الشاشة المتوفر
  31. ،وفي تطبيق calendar، لدينا لوحات
    ويمكن تكديسها بشكل عمودي
  32. ،في الاتجاه العمودي
  33. وأفقي
    .في الاتجاه الأفقي
  34. هناك أيضًا مثالين آخرين
    .يمكنكم استعراضها كذلك
  35. إذا أردتم الحصول على مزيد من المعلومات
    حول تصميم أجهزة الكمبيوتر اللوحية
  36. أو التصميم المستجيب بوجه عام/
    يمكنكم استعراض الروابط أدناه
  37. .للحصول على مزيد من التفاصيل
  38. في هذه الدورة التدريبية، نتعلم
    ،كيفية إنشاء واجهة مستخدم الهاتف أولاً
  39. .ثم واجهة مستخدم الكمبيوتر اللوحي
  40. ،ولكن في الواقع، عندما نقوم بتصميمها
    فإننا نفكر بشأن التصميم المستجيب
  41. .منذ البداية
  42. ،عندما نقوم بإنشاء التطبيق
    لا يكون من الجيد
  43. إجراء التصميم الكامل والإنشاء لتطبيق الهاتف
    وبعد ذلك يتم البدء في
  44. .وضع أفكار بشأن واجهة مستخدم الكمبيوتر اللوحي
  45. ويرجع السبب في ذلك إلى أن واجهة مستخدم الكمبيوتر اللوحي يكون لها عادةً
    ،تأثير على تصميم الهاتف
  46. هذا فضلاً عن القرارات
    .المعمارية التي تمت هنا