الاختبار النهائي

اثنا عشر سؤالًا تغطي الدورة كلها. احصل على 70% أو أكثر لتنجح وتفتح شهادتك. يمكنك إعادته متى شئت.

أنهِ كل الدروس لتحصل على الشهادة، ويمكنك خوض الاختبار في أي وقت.

يطلب فريق التسويق شريطًا بعنوان «Streak at risk!» في أعلى Today، باللون التركوازي المميّز مع زر تركوازي. ما الخطر التصميمي الأساسي؟

الأشرطة لا يمكن بناؤها بالـ Auto layout.
الشريط ينافس أزرار التعليم على اللون المميّز، فقد لا يعرف الناس بعد ذلك أين ينقرون أولًا.
التركوازي يفشل في التباين على الأبيض بكل أحجام النص.
الأشرطة غير مسموحة فوق القوائم.

أيّ هذه الأزواج ينجح وفق المستوى AA في WCAG لتسمية بحجم 15 px؟

#9CA3AF على الأبيض، 2.54:1.
teal/700 على gray/950، ‏3.24:1.
الأبيض على teal/400، ‏1.86:1.
#6B7280 على الأبيض، 4.83:1.

المسافة بين الأيقونة والتسمية داخل زر Steady تبدو واسعة أكثر من اللازم. أين تغيّرها؟

في إعداد الـ gap في frame الزر ذي الـ Auto layout.
بتحريك التسمية 4 px إلى اليسار يدويًا.
بإضافة padding سالب إلى التسمية.
بتصغير frame الأيقونة.

في لوحة New habit زرّا Cancel وSave متجاوران، ويجب أن يتقاسما عرض اللوحة بالتساوي في كل هاتف. كيف تضبطهما؟

كلاهما Hug contents.
كلاهما Fixed بعرض 170 px.
كلاهما Fill container داخل صف أفقي بـ Auto layout.
Cancel على Fill container، وSave على Hug contents.

شاشة Habit detail في Steady frame عمودي واحد بـ Auto layout يضمّ زر Edit عائمًا. في هاتف طويل يظهر الزر مباشرة بعد آخر بطاقة إحصاءات، لا قرب الأسفل. ما الإصلاح؟

إضافة مستطيل فاصل فوق الزر.
ضبط ارتفاع الزر على Fill container.
نقل الزر خارج محتوى الـ Auto layout وتثبيته بـ constraints ‏Bottom في frame الشاشة.
تفعيل Wrap في frame المحتوى.

يضيف Steady شكل «Paused» لصفوف العادات: أيقونة رمادية، واسم رمادي، ورمز إيقاف مؤقت بدل زر التعليم. الصف مستخدم في 40 مكانًا. ماذا تفعل؟

تضيف Paused قيمةً جديدة في الـ variant property ‏State لصف العادة.
تطبّق override يدويًا على الـ instances الأربعين التي تحتاجه.
تنشئ component منفصلًا لصف العادة الموقوف.
تضيف boolean باسم Paused يخفي زر التعليم.

يستمرّ المصمّمون في استبدال أيقونة زر Save بأيقونات لا علاقة لها به مثل Trash وShare. كيف توجّههم دون إلغاء المرونة؟

تقفل طبقة الأيقونة فلا يمكن تغييرها.
تفصل الأيقونة عن الـ component.
تكتب ملاحظة في صفحة Cover.
تضبط preferred values على خاصية الـ instance swap ‏Icon، مثل Plus وCheck وBell.

يغيّر فريق العلامة التجارية تركوازي Steady إلى درجة أميل إلى الأزرق قليلًا. مع إعداد الـ variables ذي المستويين، ماذا تعدّل؟

تعبئة كل component.
قيم التركوازي في الـ primitives؛ والـ variables الدلالية التي هي aliases لها تتحدّث في كل مكان.
القيمة الخام في كل variable دلالي.
الـ text styles.

في الوضع الداكن، يفشل الحدّ الخارجي (outline) لدائرة التعليم غير المعلَّمة في تحقيق 3:1 مقابل سطح الصف. أين تصلح ذلك؟

بتطبيق override على لون الحدّ الخارجي في كل instance من زر التعليم.
بإضافة mode باسم Dark إلى الـ collection المسمّاة Primitives.
بجعل الحدّ الخارجي أسمك مع إبقاء اللون.
بتوجيه الـ variable الدلالي الخاص بالحدّ الخارجي إلى primitive أفتح في قيمته الخاصة بـ Dark.

يجب أن تكبر حلقة التقدّم في Habit detail من 60% إلى 80% حين تُعلَّم العادة، لكنها تقفز بدلًا من ذلك. الـ frame-ان يستخدمان Smart animate. ما الذي تفحصه أولًا؟

هل المدّة أطول من ثانية واحدة.
هل لطبقة الحلقة الاسم نفسه والأب نفسه في الـ frame-ين.
هل الـ trigger هو On click لا On tap.
هل تستخدم الحلقة color style.

في ترويسة Habit detail أيقونة Edit بحجم 20 px وأيقونة Share بحجم 20 px بينهما 4 px. ما أفضل تغيير؟

لفّ كل أيقونة في frame بحجم 44 × 44 لتكون مساحات النقر مريحة وغير متداخلة.
تكبير الأيقونتين إلى 44 px.
تركهما، لأن 20 px قريبة من 24 px.
حذف أيقونة Share.

أيّ بند يستحقّ التدوين في ملاحظة على شاشة Today قبل التسليم أكثر من غيره؟

نصف قطر زوايا صف العادة.
عائلة خط العنوان.
أن أسماء العادات تلتفّ إلى سطرين ثم تُقصّ، وأن الـ accessible name (الاسم الذي تنطقه قارئات الشاشة) لزر الإضافة هو «Add habit».
لون خلفية الشاشة.

12 سؤالًا بلا إجابة