← العودة للمنهج التفاعلي

احفظ هذه الصفحة كملف PDF (Ctrl+P) أو اطبعها ورقياً للمذاكرة بدون إنترنت.

ملخص منهج التصميم الجرافيكي من الصفر

بوابة مهارات سوريا — كراسة المذاكرة الشاملة لجميع الدروس والتمارين

8 دروس تطبيقية · 515 دقيقة تعليمية · محدث لشهر أكتوبر 2026

الدرس 1: مدخل التصميم الجرافيكي: قواعد التكوين البصري والنسب والمساحات البيضاء

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

النقاط الجوهرية للدرس:

بنك الأسئلة والأجوبة النموذجية:

س: ما هي الوظيفة الأساسية لقاعدة 'التباين' (Contrast) في تصميم الإعلانات؟

ج: إبراز الرسالة الأساسية أو العنصر الأهم فوراً للعين عبر التمايز في الحجم أو اللون أو الوزن الخطي، مما يمنع رتابة التصميم وتشتت المشاهد.

س: لماذا تعتبر 'المساحة البيضاء' (Negative Space) عنصراً فعالاً وليست مساحة مهدورة؟

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

س: ما هو مبدأ 'التسلسل الهرمي البصري' (Visual Hierarchy) في التصميم؟

ج: هو ترتيب عناصر التصميم بحسب أهميتها بحيث تقرأ العين العنصر الأهم أولاً (العنوان الجذاب)، ثم الفرعي (الشرح والمزايا)، ثم الثانوي (الشروط وبيانات الاتصال).

فيديو الدرس المعتمد: قواعد التصميم الأساسية | 4 قواعد ضرورية سوف تغير حياتك في عالم التصميم — عالم بهاء الاحترافي (3:42)

الدرس 2: سيكولوجية ونظرية الألوان وتنسيق الباليتات الإعلانية الناجحة

الهدف: بتطلع من هالدرس وأنت قادر على: فهم عجلة الألوان والتناغم اللوني، دلالات الألوان النفسية، استخراج باليتات متناسقة بنسبة 60-30-10، واستخدام أدوات توليد الألوان المجانية.

النقاط الجوهرية للدرس:

بنك الأسئلة والأجوبة النموذجية:

س: ما هي قاعدة 60-30-10 في توزيع الألوان وما فائدتها في التصميم؟

ج: هي توزيع نسبي يجعل 60% للون السائد والمحايد، و30% للون الثانوي المكمل، و10% فقط للون الإبراز (Accent)، وفائدتها منع التشتت وتوجيه العين مباشرة لزر الإجراء.

س: لماذا تستخدم معظم البنوك والشركات التقنية الكبرى اللون الأزرق في هويتها البصرية؟

ج: لأن اللون الأزرق في علم النفس يثير مشاعر الثقة، الأمان، الاستقرار، والمسؤولية، وهي أهم قيم تحتاج المؤسسات المالية إبرازها لعملائها.

س: ما الفارق بين نظام الألوان RGB ونظام CMYK ومتى نستخدم كلاً منهما؟

ج: نظام RGB هو نظام لوني ضوئي مخصص للشاشات الرقمية والسوشيال ميديا، بينما نظام CMYK هو نظام صبغي مخصص للمطابع والورق لضمان تطابق الألوان المطبوعة.

فيديو الدرس المعتمد: أية سر اختيار الالوان المناسبة للتصميم ؟؟و ما هى نظرية الالوان — Nour Design (35:52)

الدرس 3: الخط العربي والتيبوغرافي: قواعد اختيار الخطوط والأوزان والمسافات

الهدف: بتطلع من هالدرس وأنت قادر على: فهم عائلات الخط العربي، اختيار الخط المناسب لطبيعة المشروع، ضبط التباعد السطري والأوزان، والدمج بين خطين متناسقين دون نشاز.

النقاط الجوهرية للدرس:

بنك الأسئلة والأجوبة النموذجية:

س: لماذا يفضل المصممون المحترفون الاعتماد على عائلة خطية واحدة متعددة الأوزان بدلاً من دمج عدة خطوط؟

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

س: ما هو الحد الأقصى لعدد الخطوط المختلفة المسموح باستخدامه في تصميم إعلاني واحد؟

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

س: كيف يؤثر التباعد السطري (Line-Height) على سهولة قراءة النصوص العربية الطويلة؟

ج: التباعد المناسب (1.5 ضعف حجم الخط تقريباً) يمنع تصادم النقاط وحركات التشكيل بين السطور، مما يريح العين ويسهل القراءة السريعة دون ارتباك.

فيديو الدرس المعتمد: ازاي تختار الخط المناسب؟ | قواعد اختيار الخطوط العربية في التصميم — صنايعية جرافيك (16:34)

الدرس 4: إتقان أداة Photopea السحابية: بديل فوتوشوب المجاني للأجهزة المتوسطة

الهدف: بتطلع من هالدرس وأنت قادر على: العمل على أداة Photopea عبر المتصفح بلا تنصيب، التعامل مع الطبقات والأقنعة (Masks)، قص الصور باحترافية، وإزالة الخلفيات.

النقاط الجوهرية للدرس:

بنك الأسئلة والأجوبة النموذجية:

س: ما هي الميزة الكبرى لاستخدام أداة قناع الطبقة (Layer Mask) بدلاً من أداة الممحاة العادية؟

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

س: لماذا يُعد برنامج Photopea خياراً استراتيجياً للمصممين المبتدئين في سوريا؟

ج: لأنه يعمل سحابياً بالكامل داخل المتصفح دون الحاجة لتنصيب أو مواصفات جهاز قوية، ومجاني 100%، ويفتح ويحفظ ملفات الفوتوشوب PSD الأصلية بكفاءة تامة.

س: ما هي الأبعاد القياسية والدقة (DPI) الموصى بها لتصميم منشورات السوشيال ميديا المربعة؟

ج: الأبعاد هي 1080 × 1080 بكسل، وبدقة عرض 72 DPI (بكسل لكل بوصة) وهي الدقة القياسية للشاشات الرقمية.

فيديو الدرس المعتمد: تعلم تصميم الجرافيك في 30 دقيقة - أداة فوتوبيا Photopea — Chobixo Tech (39:51)

الدرس 5: تصميم منشورات السوشيال ميديا والإعلانات الجذابة: خطوة بخطوة

الهدف: بتطلع من هالدرس وأنت قادر على: تطبيق هيكل الإعلان الناجح (AIDA)، دمج الصور والنصوص بتناغم، تصميم إعلانات المنتجات والعروض الترويجية، وجذب الانتباه في خلاصة الأخبار.

النقاط الجوهرية للدرس:

بنك الأسئلة والأجوبة النموذجية:

س: لماذا يفضل المسوقون والمصممون مقاس (1080x1350) بكسل على المقاس المربع في إنستغرام؟

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

س: ما وظيفة زر الحث على اتخاذ الإجراء (Call to Action - CTA) في التصميم الإعلاني؟

ج: توجيه العميل بوضوح وصراحة للخطوة التالية المطلوبة منه (مثل: اطلب الآن، تسوق عبر الموقع) لتحويل إعجابه بالتصميم إلى عملية شراء فعلية.

س: كيف تساعد بقعة الضوء المركزية (Radial Light) في تحسين جودة الإعلان؟

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

فيديو الدرس المعتمد: تصميم اعلان سوشيال ميديا احترافي بالتفصيل — Nour Design (26:26)

الدرس 6: تصميم الشعارات والهوية البصرية الأساسية عبر أداة Figma السحابية

الهدف: بتطلع من هالدرس وأنت قادر على: فهم أنواع الشعارات، استخدام أداة المتجهات (Pen Tool) في Figma، تصميم شعار رمزي أو نصي، وبناء دليل هوية بصرية مصغر (Brand Kit).

النقاط الجوهرية للدرس:

بنك الأسئلة والأجوبة النموذجية:

س: ما هي الميزة الجوهرية للرسومات المتجهية (Vector) مقارنة بالرسومات النقطية (Raster/Bitmap) في تصميم الشعارات؟

ج: الرسومات المتجهية مبنية على معادلات رياضية وليست بكسلات، مما يعني إمكانية تكبيرها إلى أي حجم دون أن تفقد جودتها أو تبكسل، بينما النقطية تفقد وضوحها عند التكبير.

س: لماذا يجب تقديم نسخة الشعار بلون واحد (Monochrome / أبيض وأسود) للعميل؟

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

س: ما هو الشعار المدمج (Combination Mark) ولماذا هو الأنسب للشركات الناشئة؟

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

فيديو الدرس المعتمد: أزاي تعمل لوجو من الصفر؟ مشروع حقيقي لعميل حقيقي | تصميم الشعارات 2 — Nour Design (23:36)

الدرس 7: استخدام الموك أب (Mockups) وتجهيز الملفات للتصدير والطباعة

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

النقاط الجوهرية للدرس:

بنك الأسئلة والأجوبة النموذجية:

س: ما هي وظيفة الكائن الذكي (Smart Object) في ملفات الموك أب (Mockups)؟

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

س: لماذا يجب أن تكون دقة تصاميم المطبوعات 300 DPI بينما تكفي 72 DPI للشاشات الرقمية؟

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

س: ما هو 'هامش القص' (Bleed) ولماذا يطلبه عمال المطابع في ملفات التصميم؟

ج: هو مساحة إضافية صغيرة (عادة 3 مم) تمدد فيها ألوان الخلفية خارج أبعاد التصميم النهائية، لضمان عدم ظهور هوامش بيضاء غير مقصودة عند قص الورق بالمقصات الآلية.

فيديو الدرس المعتمد: 22 - شرح الموك اب :: اعرض تصميماتك باحترافيه ( مرفق التحميلات ) - What is Mockup — Amr Atallah - عمرو عطاالله (8:23)

الدرس 8: بناء بورتفوليو على Behance والتسعير والوصول لأول عميل

الهدف: بتطلع من هالدرس وأنت قادر على: إنشاء محفظة أعمال احترافية على Behance، بناء مشاريع افتراضية تبرهن مهارتك، تسعير خدماتك بنظام الباقات، والتقديم الذكي على مشاريع خمسات ومستقل.

النقاط الجوهرية للدرس:

بنك الأسئلة والأجوبة النموذجية:

س: لماذا يُعد أسلوب 'دراسة الحالة' (Case Study) على Behance أكثر إقناعاً للعملاء من مجرد رفع صور منفردة؟

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

س: كيف يستطيع مصمم مبتدئ بناء بورتفوليو قوي يجذب العملاء إذا لم يكن لديه أي مشروع سابق مدفوع؟

ج: عبر ابتكار 'مشاريع افتراضية' لعلامات تجارية متخيلة أو إعادة تصميم شعارات وإعلانات متاجر محلية معروفة وتطويرها بشكل احترافي وعرضها كنموذج لقدراته الفعلية.

س: ما هي القاعدة الذهبية لتقييم جودة محفظة أعمال المصمم (Portfolio)؟

ج: أن جودة البورتفوليو تُحكم بأضعف عمل معروض فيه؛ لذا يجب الاكتفاء بعرض أفضل 3 إلى 5 مشاريع قوية ومتقنة بدلاً من حشو المعرض بعشرات الأعمال المتواضعة.

فيديو الدرس المعتمد: دليلك الكامل لتعلم موقع Behance | ازاي تعمل Portfolio احترافي كمصمم — Omar Atef (33:34)