تصميم واجهات المستخدم - المحاضرة 7
10 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

يمكن استخدام تقنيات التظليل والتلوين للحصول على مظهر ثلاثي الأبعاد.

True

مصدر الضوء في التصميم يكون دائما في الزاوية السفلى اليمنى من الشاشة.

False

التقنيات المستخدمة لإبراز الشكل ثلاثي الأبعاد تشمل تغيير القوام والحواف المائلة.

True

لا يمكن استخدام الحركة كأداة لتعزيز الشكل ثلاثي الأبعاد.

<p>False</p> Signup and view all the answers

الطباعة (typography) تشمل العديد من الخصائص مثل حجم الخط.

<p>True</p> Signup and view all the answers

الحروف الكبيرة تعرف باسم الأحرف الصغرى.

<p>False</p> Signup and view all the answers

الحجم يشير إلى حالة الحروف المستخدمة في الكتابة.

<p>True</p> Signup and view all the answers

الخطابة تتطلب استخدام الأحرف الكبيرة فقط.

<p>False</p> Signup and view all the answers

الحروف الكبيرة تُستخدم في بداية الجمل أو الأسماء.

<p>True</p> Signup and view all the answers

الأحرف الصغيرة تعني أن النص غير مهم.

<p>False</p> Signup and view all the answers

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 نقاط للنوافذ.
  • استخدام الخط المائل لجذب الانتباه والخط الداكن لخلق تدرج.
  • تحتاج العناوين، عناوين الأقسام، ورسائل التحذير إلى استخدام الأحرف الكبيرة.
  • استخدام نص أسود على خلفيات بسيطة وعالية التباين لتحسين القراءة.

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

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

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

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

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

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

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

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

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

lec7.pdf

Description

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

More Like This

User Interface Design Fundamentals
17 questions
User Interface Design Principles
24 questions

User Interface Design Principles

UserReplaceableValley5141 avatar
UserReplaceableValley5141
Use Quizgecko on...
Browser
Browser