Slideshow
اليوم 21 رمضان
أثناء تصميم واجهة مستخدم لتطبيق، العميل طلب أن تكون الأزرار واضحة وسهلة الضغط عليها على شاشات اللمس. ما هو الحد الأدنى للحجم الموصى به للأزرار في تصميم واجهات المستخدم؟
إجابة صحيحة!
X
إجابة خاطئة!
الإجابة الصحيحة: ب. 48×48 بكسل
هل تعلم؟
الحد الأدنى الموصى به للأزرار في تصميم واجهات المستخدم هو حوالي 48×48 بكسل (أو 9-10 مم على شاشات اللمس)، عشان يكون مريح للضغط بالإصبع.
لماذا؟ لأن متوسط حجم طرف الإصبع حوالي 10 مم، وده بيضمن تجربة مستخدم سلسة ويقلل الأخطاء أثناء الضغط.
إرشادات:
- Apple Human Interface Guidelines توصي بحجم 44×44 بكسل على الأقل.
- Google Material Design توصي بحجم 48×48 بكسل.
نصيحة: احرص تضيف مسافة كافية بين الأزرار (حوالي 8 بكسل) عشان تتجنب الضغط الخاطئ! 🚀
اليوم 20 رمضان
أثناء تصميم واجهة تطبيق، لاحظت أن المستخدمين يشتكون من صعوبة قراءة النصوص الصغيرة. ما هي أفضل طريقة لتحسين قابلية القراءة دون تغيير حجم الخط؟
إجابة صحيحة!
X
إجابة خاطئة!
الإجابة الصحيحة: ب. استخدام خطوط ذات تباعد أكبر بين الحروف (Letter Spacing)
هل تعلم؟
زيادة التباعد بين الحروف (Letter Spacing) بتساعد على تحسين قابلية القراءة، خاصة في النصوص الصغيرة، لأنها بتقلل التداخل البصري بين الحروف.
أمثلة:
- خطوط مثل "Roboto" أو "Open Sans" بتوفر تباعدًا جيدًا وبتُستخدم كتير في واجهات التطبيقات.
نصيحة: احرص على اختيار تباعد مناسب (حوالي 0.05em إلى 0.1em) عشان النص ما يبقاش متباعد أكتر من اللازم ويفقد تماسكه! 🚀