3. التوازن Balance - كتاب التصميم الرقمي - الصف 12 - الفصل 1 - المملكة العربية السعودية

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

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

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

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

210

--- SECTION: 3. التوازن Balance --- تفضل عين الإنسان العناصر المريحة لها، فالتصاميم أو المنتجات التي تكون فوضوية لا تريح العين عند النظر إليها، لذلك غالبًا ما يقوم المستخدم بإزاحة نظره عنها، والتوازن يتمثل في ترتيب العناصر بطريقة منطقية متوازنة ضمن أي تصميم، فمثلاً ليس من المنطقي تجميع كل المكونات أو العناصر ضمن جزئية محددة من التصميم وترك باقي أجزاء التصميم فارغة، فهذا يسبب عدم التوازن في التصميم. --- SECTION: 4. التباين Contrast --- يعتمد التباين على إعطاء قيمة مخالفة لبعض العناصر ضمن التصميم بشكل مبالغ فيه، بهدف جعلها مختلفة تمامًا عن باقي التصميم، أي جعلها متباينة بهدف إبرازها لعين المستخدم، وكمثال عن التباين نجد أن أزرار الحذف غالبًا ما تكون بلون أحمر مختلف عن باقي التصميم؛ لكي يستطيع المستخدم تمييزها عن باقي العناصر بسهولة. --- SECTION: 5. الهيمنة Dominance --- يستخدم هذا المبدأ من أجل إظهار اختلاف ملحوظ لأحد العناصر عن عناصر مشابه له بشكل واضح، وكمثال عن استخدام الهيمنة نجد أن الشركات تستخدم هذا المبدأ ضمن جدول عرض الأسعار الخاص بالاشتراكات، حيث تجد أن أحد هذه العروض ملون بطريقة مختلفة تمامًا بهدف دفع المستخدم للاشتراك ضمن هذه الحزمة تحديدًا عبر إبرازها بشكل واضح. وزارة التعليم Ministry of Education 2025 - 1447 210 --- VISUAL CONTEXT --- **FIGURE**: مثال على التوازن Description: An image showing a modern glass building with a website interface overlaid on it. The website interface displays elements like 'خدمات', 'الرئيسية', 'عن الشركة', 'تواصل معنا', 'English', 'تسجيل دخول', 'اتصل بنا'. Four numbered circles (1, 2, 3, 4) are placed at the corners of the overlaid interface, with 1 at the top-right, 2 at the top-left, 3 at the bottom-right, and 4 at the bottom-left, likely illustrating points of balance in the design. Context: This figure serves as an example to illustrate the concept of 'Balance' in design, showing how visual elements are distributed to create a sense of equilibrium. **FIGURE**: مثال على التباين Description: A mobile application interface displaying a confirmation dialog for a deletion action. The dialog features a trash can icon at the top. The title of the dialog is 'حذف العمل ؟' (Delete work?). Below the title, there are two lines of text: 'بمجرد حذفها لا يمكن استعادتها' (Once deleted, it cannot be recovered) and 'هذا يتم حذفه بشكل دائم من أرشيف الوصفات لدرج البطاقة' (This will be permanently deleted from the recipe archive for the card drawer). At the bottom, there are two action buttons: 'إلغاء' (Cancel) in a green color and 'يلقى' (Discard/Delete) in a prominent red color. Context: This figure illustrates the concept of 'Contrast' in design, specifically by using a contrasting red color for the 'Delete' button to draw the user's attention to a critical action, making it easily distinguishable from other elements. **TABLE**: مثال على الهيمنة Description: A pricing table for subscription packages, titled 'باقات الاشتراكات' (Subscription Packages) with a subtitle 'الرئيسية / الباقات' (Home / Packages). The table compares features across four different package types: 'إدارة الأعمال' (Business Management), 'صندوق الدفع' (Payment Box), 'الباقة الأساسية' (Basic Package), and 'الباقة الترويجية' (Promotional Package). The 'الباقة الأساسية' column is visually highlighted with a blue background, indicating its dominance. Table Structure: Headers: المنتجات والخدمات | إدارة الأعمال | صندوق الدفع | الباقة الأساسية | الباقة الترويجية Rows: Row 1: عدد الباقات | جميع البيانات والبيانات | جميع البيانات والبيانات | جميع البيانات والبيانات | جميع البيانات والبيانات Row 2: عدد المستخدمين / الكلية | محدود حسب خطة المبادرة | محدود حسب خطة المبادرة | 50 مستخدم / كلية | 100 مستخدم خلال 10 يوم Row 3: فترة شهرية بناءً على عدد المستخدمين | حسب الطلب | كاستخدام / كلية | فترة شهرية بناءً على عدد المستخدمين | كاستخدام / كلية Row 4: الدعم | تواصل معنا | دفع رسوم الخدمة بناءً على عدد المستخدمين | ابدأ الآن | ابدأ الآن Row 5: الاستخدام | EMPTY | دفع الاشتراكات | ✓ | ✓ Row 6: الاستضافة | EMPTY | EMPTY | ✓ | ✓ Row 7: البريد الإلكتروني | EMPTY | EMPTY | ✓ | ✓ Empty cells: Cells under 'إدارة الأعمال' for 'الاستخدام', 'الاستضافة', 'البريد الإلكتروني' are empty., Cells under 'صندوق الدفع' for 'الاستضافة', 'البريد الإلكتروني' are empty. Calculation needed: This table presents features and pricing models for different subscription packages, with one package visually emphasized to demonstrate the principle of dominance in design. No calculations are explicitly required to fill empty cells, as they represent feature availability. Context: This figure illustrates the concept of 'Dominance' in design by highlighting the 'الباقة الأساسية' (Basic Package) column in a pricing table, making it stand out and guiding the user's attention towards it.