عناصر التصميم الرسومي - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 عناصر التصميم الرسومي

المفاهيم الأساسية

الخط (Line): يمكن أن يكون منحنيًا أو مستقيمًا أو سميكًا أو رقيقًا أو ثنائيًا أو ثلاثي الأبعاد.

الشكل (Shape): منطقة محددة ثنائية الأبعاد يتم إنشاؤها بواسطة الخطوط، ويمكن أن يكون هندسيًا أو مجردًا.

اللون (Color): عنصر مهم خصوصًا في جذب الانتباه، وله ثلاث خصائص أساسية: الصبغة (hue)، والقيمة (value)، والتشبع (saturation).

الطباعة (Typography): فن ترتيب الخطوط المختلفة التي تدمج بأحجام وألوان وتبعاعدات من شأنها التأثير بشكل كبير على الرسالة.

البنية (Texture): تشير إلى نوعية السطح الملموسة والتي من الممكن أن تكون خشنة، أو ناعمة، أو لامعة، أو معتدلة، أو صلبة.

الحجم (Size): يشير إلى حجم العناصر في التصميم، حيث أن استخدام أحجام متباينة يمكن أن يوفر عنصر الجذب البصري.

الفراغ (Space): يرمز إلى مناطق التصميم التي تركت خالية لضمان عدم تداخل العناصر أو التشويش على رسالة المحتوى.

خريطة المفاهيم

```markmap

الوحدة الثالثة: التصميم الرسومي

الهدف من الوحدة

• إنشاء حملة تسويقية ناجحة
• استخدام مهارات التصميم الرسومي
• تصميم: شعار، ملصق إعلاني، إعلان متحرك

أهداف التعلم

الإعلان

• مفهوم الإعلان وأهميته
• أنواع وسائل الإعلان التجارية
• مواصفات الإعلان الفعال

- اختيار العنوان الجيد

- طلب إجراء من المتلقي (Call to Action)

- إظهار مصداقية المنتج

- التركيز على ما يقدمه المنتج للمستهلك

- تضمين المعلومات المناسبة بيانية

• أهمية وجود الشعار في الإعلان

التصميم الرسومي

• مفهوم التصميم الرسومي وأنواعه

- تصميم الهوية البصرية

- تصميم التسويق والإعلانات

- تصميم المنشورات

- تصميم أدوات التغليف للمنتجات

- تصميم الحركة

- تصميم الصفحات الإلكترونية

• مبادئ التصميم الرسومي

- التوازن

- القرب

- المحاذاة

- التباين

- التكرار

• أهم عناصر التصميم الرسومي

- الخط (Line)

- الشكل (Shape)

- اللون (Color)

- الطباعة (Typography)

- البنية (Texture)

- الحجم (Size)

- الفراغ (Space)

• أهم أشكال التصميم الرسومي
• أدوات التصميم الرسومي
• الاختلافات بين الرسومات المتجهة والرسومات النقطية

التطبيق العملي

• تصميم شعار باستخدام برنامج إكسكيب (Inkscape)
• تصميم ملصق إعلاني باستخدام برنامج إكسكيب
• تصميم إعلان متحرك باستخدام برنامج جيمب (GIMP)

الأدوات المستخدمة

• إكسكيب (Inkscape)
• جمب (GIMP)
• صور مايكروسوفت (Microsoft Photos)

مفاهيم الصفحة 97

التصميم الرسومي

• عامل حيوي في التسويق الحديث
• يبني الشعارات والعلامات التجارية
• يصمم المواد التسويقية (منشورات، بطاقات عمل، لافتات)
• يؤدي إلى زيادة المبيعات

التسويق

• عملية جذب العملاء
• يتضمن: تطوير المنتج، الإعلان، المبيعات، التوزيع
• عناصره: المنتج، السعر، الموقع، الدعاية، المستهلكين

الإعلان

• جزء أساسي من التسويق
• تواصل أحادي الاتجاه (من مرسل إلى مستلم)
• وسيلة مسموعة أو مرئية
• هدفه: زيادة المبيعات، إقناع المستهلك، تقديم المعلومات

مفاهيم الصفحة 98

وسائل الإعلان

#### معايير اختيار الوسيلة

• الميزانية المتوفرة
• إمكانية الوصول للعملاء
• تفضيلات العملاء
• تعزيز العلامة التجارية

#### الوسائل المطبوعة

• الصحف والمجلات والمنشورات
• الكتيبات واللوحات الإعلانية واللافتات
• مزاياها: الوصول لجمهور محدد، بلغات متعددة
• أمثلة أخرى: الهدايا المطبوعة، إعلانات المواصلات العامة

#### وسائل الإعلان عبر الإنترنت

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

```

نقاط مهمة

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

تُعد العناصر الفنية الوحدة الأساسية لأي تصميم مرئي، وتشكل هيكلية التصميم الرسومي:

يمكن أن يكون منحنيًا أو مستقيمًا أو سميكًا أو رقيقًا أو ثنائيًا أو ثلاثي الأبعاد.

هو منطقة محددة ثنائية الأبعاد يتم إنشاؤها بواسطة الخطوط، ويمكن أن يكون الشكل هندسيًا، أو مجردًا.

عنصر مهم خصوصًا في جذب الانتباه، وله ثلاث خصائص أساسية وهي: الصبغة (hue) (مجموعة الألوان)، والقيمة (value) (شدة الإضاءة)، والتشبع (saturation) (درجة نقاء اللون).

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

تشير بنية التصميم إلى نوعية السطح الملموسة والتي من الممكن أن تكون خشنة، أو ناعمة، أو لامعة، أو معتدلة، أو صلبة، أو غير ذلك.

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

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

102

--- SECTION: عناصر التصميم الرسومي --- تُعد العناصر الفنية الوحدة الأساسية لأي تصميم مرئي، وتشكل هيكلية التصميم الرسومي: --- SECTION: الخط (Line) --- يمكن أن يكون منحنيًا أو مستقيمًا أو سميكًا أو رقيقًا أو ثنائيًا أو ثلاثي الأبعاد. --- SECTION: الشكل (Shape) --- هو منطقة محددة ثنائية الأبعاد يتم إنشاؤها بواسطة الخطوط، ويمكن أن يكون الشكل هندسيًا، أو مجردًا. --- SECTION: اللون (Color) --- عنصر مهم خصوصًا في جذب الانتباه، وله ثلاث خصائص أساسية وهي: الصبغة (hue) (مجموعة الألوان)، والقيمة (value) (شدة الإضاءة)، والتشبع (saturation) (درجة نقاء اللون). --- SECTION: الطباعة (Typography) --- هي فن ترتيب الخطوط المختلفة التي تدمج بأحجام وألوان وتبعاعدات من شأنها التأثير بشكل كبير على الرسالة التي يريد المصمم إيصالها. --- SECTION: البنية (Texture) --- تشير بنية التصميم إلى نوعية السطح الملموسة والتي من الممكن أن تكون خشنة، أو ناعمة، أو لامعة، أو معتدلة، أو صلبة، أو غير ذلك. --- SECTION: الحجم (Size) --- يشير إلى حجم العناصر في التصميم، حيث أن استخدام أحجام متباينة يمكن أن يوفر عنصر الجذب البصري إلى التصميم. --- SECTION: الفراغ (Space) --- يرمز إلى مناطق التصميم التي تركت خالية لضمان عدم تداخل العناصر أو التشويش على رسالة المحتوى، وتتضمن المسافات والفراغات بين عناصر التصميم الأخرى، أو أسفلها، أو أعلى منها. 102 --- VISUAL CONTEXT --- **DIAGRAM**: Untitled Description: Illustrates different types of lines: a set of intersecting curved lines, a thick horizontal line, and a thin horizontal line. Context: Illustrates the concept of 'Line' as a design element, showing its potential forms. **DIAGRAM**: Untitled Description: Shows two basic geometric shapes: a rounded square and a circle. Context: Illustrates the concept of 'Shape' as a design element, showing basic geometric forms. **DIAGRAM**: Untitled Description: A series of four vertical rectangular swatches representing colors: yellow, green, light blue, and red. Context: Illustrates the concept of 'Color' and its basic properties (hue). **DIAGRAM**: Untitled Description: Stylized Arabic letters 'ن', 'ا', 'و', 'ل' in different fonts, sizes, and colors, suggesting typography. Context: Illustrates the concept of 'Typography' by showing varied text treatments. **IMAGE**: Untitled Description: Two square images showing different surface textures: one appears rough and dark, the other appears finer and grey. Context: Illustrates the concept of 'Texture' in design with visual examples. **DIAGRAM**: Untitled Description: A series of orange rectangles of different heights and widths, illustrating varying sizes. Context: Illustrates the concept of 'Size' in design by showing varied dimensions. **DIAGRAM**: Untitled Description: A diagram showing a yellow rectangle with dotted lines indicating 'x' and 'y' axes, and surrounding dotted areas representing space. X-axis: x Y-axis: y Context: Illustrates the concept of 'Space' in design, showing the use of empty areas around elements. **FIGURE**: Untitled Description: The Ministry of Education logo with Arabic text 'وزارة التعليم' and English text 'Ministry of Education 2025 - 1447'. Context: Non-educational metadata: identifies the source of the material.