صفحة 209 - كتاب التصميم الرقمي - الصف 12 - الفصل 1 - المملكة العربية السعودية

مبادئ التصميم المرئي:

هناك مجموعة من المبادئ التي تضبط عملية استخدام عناصر التصميم وهي:

1. الوحدة Unity

الوحدة تعني ترتيب العناصر المكونة للتصميم وفق مجموعة محددة بطريقة يسهل على المستخدم تمييزها، حيث إن سرد العناصر بشكل عشوائي وعدم ترتيبها يربك فهم المستخدم للتصميم.

2. التسلسل الهرمي Hierarchy

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

وزارة التعليم Ministry of Education 2025 - 1447

209

مبادئ التصميم المرئي: هناك مجموعة من المبادئ التي تضبط عملية استخدام عناصر التصميم وهي: 1. الوحدة Unity الوحدة تعني ترتيب العناصر المكونة للتصميم وفق مجموعة محددة بطريقة يسهل على المستخدم تمييزها، حيث إن سرد العناصر بشكل عشوائي وعدم ترتيبها يربك فهم المستخدم للتصميم. 2. التسلسل الهرمي Hierarchy يعد التسلسل الهرمي مهما جدا ضمن أي تصميم، فهو يوضح أهمية العناصر بالنسبة لبعضها، فكلما كان العنصر أكبر زادت أهميته أكثر، ويستخدم التسلسل الهرمي بشكل عام ضمن النصوص، حيث تظهر العناوين الرئيسة في النصوص المكتوبة في الكتب بحجم كبير، وتأتي العناوين الفرعية بأحجام أقل ثم النصوص بالحجم الطبيعي، هذا التسلسل الهرمي للنصوص يوضح ترتيبها للمستخدم بشكل منطقي عند القراءة. وزارة التعليم Ministry of Education 2025 - 1447 209 --- VISUAL CONTEXT --- **FIGURE**: شكل رقم (6-22): مثال على الوحدة Description: A diagram showing nine rectangular frames arranged in a 3x3 grid. Each frame contains a simplified wireframe layout of a webpage or application interface, demonstrating consistent design elements and structure across multiple screens. The layouts include elements like navigation bars, content blocks, video players, and shopping cart icons, all presented in a unified style, illustrating the principle of unity. X-axis: N/A Y-axis: N/A Data: N/A Context: This figure serves as an example to illustrate the concept of 'Unity' in visual design, showing how consistent arrangement and styling of elements contribute to a cohesive user experience. **FIGURE**: شكل رقم (6-23): مثال على التسلسل الهرمي Description: An image depicting a webpage or social media interface with a photograph of a man in traditional attire. Overlaid on the image are two text boxes with red arrows pointing to them, illustrating visual hierarchy. The top text box, smaller and with a red arrow, contains the text 'نص أقل حجماً' (Smaller text). The bottom text box, larger and more prominent, contains the text 'النص الأكبر والأهم' (Larger and more important text). Below these, a quote is displayed in a larger font: 'ثروتنا الأولى التي لا تعادلها ثروة مهما بلغت: شعب طموح، معظمه من الشباب، هو فخر بلادنا وضمان مستقبلها بعون الله.' This visual demonstrates how text size and placement create a hierarchy of importance, guiding the user's attention. X-axis: N/A Y-axis: N/A Data: N/A Context: This figure serves as an example to illustrate the concept of 'Hierarchy' in visual design, showing how varying text sizes and prominence are used to convey the relative importance of information and guide the reader's eye.