تصميم واجهات المستخدم

Study Notes

إبراز عمق المستويات أو الشكل ثالثي الأبعاد

استخدام التلوين، التظليل وتقنيات أخرى لتعزيز المظهر الثلاثي الأبعاد.
مصدر الضوء يُفترض أنه في الزاوية العليا اليسرى من الشاشة.
تنظيم عرض الأزرار في السطح العلوي للشاشة لخلق توازن بصري.
العديد من التقنيات تُستخدم لتعزيز الفهم ثلاثي الأبعاد مثل:
- التداخل (overlapping)
- التقليص والتكبير (shrinking and growing)
- الحواف المائلة (beveled edges)
- تغيير القوام (texture change)
- تغيير اللون (color change)
- تغيير الحجم (size change)
- تغيير وضوح (clarity change)
- الموقع العمودي (vertical location)
- مباعدة التغيير (spacing change)
- إتكاء الخطوط (reclining lines)
- تغيير الحركة (motion change)

عرض المعلومات على الشاشة

أهمية الطباعة (typography) في تصميم الواجهات.
خصائص الخط تشمل:
- الحجم (size)
- الحالة (case): أحرف كبيرة (upper case) أو صغيرة (lower case)
- النمط (style): مثل الخط الداكن (bold)، المائل (italic) أو تحته سطر (underlined)
- الأنواع (typeface): خيارات خط مثل Times New Roman، Arial وCourier New للأحرف اللاتينية، وخطوط عربية مثل Simplified Arabic وArabic Transparent وTraditional Arabic.

تعليمات عامة لعرض المعلومات

الحجم الموصى به للخط هو 12 نقطة للقراءة السريعة، و14 نقطة للمستخدمين الأكبر سناً.
يُفضل عدم استخدام أكثر من ثلاثة أنواع أو أحجام من الخط في نفس الشاشة.
استخدام حجم الخط المناسب للقوائم والنوافذ: 12 نقطة للقوائم، و10 نقاط للنوافذ.
استخدام الخط المائل لجذب الانتباه والخط الداكن لخلق تدرج.
تحتاج العناوين، عناوين الأقسام، ورسائل التحذير إلى استخدام الأحرف الكبيرة.
استخدام نص أسود على خلفيات بسيطة وعالية التباين لتحسين القراءة.

عناصر التطبيق

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

التعليقات والعالمات

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

حقول البيانات

استخدام حقول البيانات للإدخال أو تعديل البيانات، وعرضها في صناديق متميزة برسم الخلفية.
التمييز بين حقول البيانات والتعليقات، حيث تُوضع التعليقات إلى اليسار من الحقول المفردة وعند رأس الأعمدة في الجداول.

التحكم في التعليقات وحقول البيانات

محاذاة التعليقات وحقول البيانات يمكن أن تتم بطريقتين:
- محاذاة إلى اليسار مع ترك فراغ واحد بين التعليق الأطول وعمود حقل البيانات.
- محاذاة حقول البيانات إلى اليسار والتعليقات إلى اليمين، مع ترك فراغ بينهما.
أساليب المحاذاة تؤثر على سهولة معالجة البيانات وفهم التصميم.

Description

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