احفظ هذه الصفحة كملف PDF (Ctrl+P) أو اطبعها ورقياً للمذاكرة بدون إنترنت.
ملخص منهج التصميم الجرافيكي من الصفر
بوابة مهارات سوريا — كراسة المذاكرة الشاملة لجميع الدروس والتمارين
8 دروس تطبيقية · 515 دقيقة تعليمية · محدث لشهر أكتوبر 2026
الدرس 1: مدخل التصميم الجرافيكي: قواعد التكوين البصري والنسب والمساحات البيضاء
الهدف: بتطلع من هالدرس وأنت قادر على: فهم قواعد التكوين البصري الأربعة (التوازن، التباين، المحاذاة، والتقارب)، واستخدام المساحة البيضاء بذكاء لتوجيه عين المشاهد.
النقاط الجوهرية للدرس:
وظيفة التصميم: حل مشكلة تسويقية وإيصال رسالة بصرية بوضوح وسرعة.
التوازن: توزيع الثقل البصري بالتساوي متماثلاً أو غير متماثل في المشهد.
التباين: استخدام الألوان الفاتحة على الداكنة والأحجام المتفاوتة للفت الانتباه.
المحاذاة: توحيد الخطوط الرابطة للعناصر يعطي انطباعاً بالنظام والاتساق المهني.
التقارب: دمج المعلومات المترابطة في مجموعات بصرية تسهل سرعة القراءة.
المساحة الفارغة: سر التصاميم العالمية الراقية وحاجز الأمان ضد الفوضى البصرية.
اختبار الـ 3 ثوانٍ: فحص قوة الإعلان وقدرته على لفت انتباه المتصفح المتعجل.
س: ما هي الوظيفة الأساسية لقاعدة 'التباين' (Contrast) في تصميم الإعلانات؟
ج: إبراز الرسالة الأساسية أو العنصر الأهم فوراً للعين عبر التمايز في الحجم أو اللون أو الوزن الخطي، مما يمنع رتابة التصميم وتشتت المشاهد.
س: لماذا تعتبر 'المساحة البيضاء' (Negative Space) عنصراً فعالاً وليست مساحة مهدورة؟
ج: لأنها تمنح العين راحة وتفصل بين الكتل المختلفة وتوجه تركيز الانتباه نحو المنتج الأساسي وتضفي شعوراً بالأناقة والاحترافية العالية.
س: ما هو مبدأ 'التسلسل الهرمي البصري' (Visual Hierarchy) في التصميم؟
ج: هو ترتيب عناصر التصميم بحسب أهميتها بحيث تقرأ العين العنصر الأهم أولاً (العنوان الجذاب)، ثم الفرعي (الشرح والمزايا)، ثم الثانوي (الشروط وبيانات الاتصال).
فيديو الدرس المعتمد: قواعد التصميم الأساسية | 4 قواعد ضرورية سوف تغير حياتك في عالم التصميم — عالم بهاء الاحترافي (3:42)
الدرس 2: سيكولوجية ونظرية الألوان وتنسيق الباليتات الإعلانية الناجحة
الهدف: بتطلع من هالدرس وأنت قادر على: فهم عجلة الألوان والتناغم اللوني، دلالات الألوان النفسية، استخراج باليتات متناسقة بنسبة 60-30-10، واستخدام أدوات توليد الألوان المجانية.
النقاط الجوهرية للدرس:
سيكولوجية الألوان: الألوان لغة مشاعر عاطفية تؤثر في 90% من قرارات الشراء.
عجلة الألوان: أساس هندسي علمي لاستخراج التناغم الأحادي والمكمل والمتماثل.
قاعدة 60-30-10: السر الرياضي وراء التصاميم المتوازنة المريحة للعين.
لون التأكيد Accent: حصر اللون الصارخ في الأزرار والأسعار فقط لتعظيم التفاعل.
فصل الشاشات عن الطباعة: RGB للإنترنت والسوشيال ميديا، وCMYK للمطابع.
أكواد HEX: المعيار الرقمي لتوحيد درجات الألوان بين المصمم والعميل والمطور.
مخرج الدرس: باليتات ألوان احترافية مبنية على أسس نفسية وهندسية متينة.
بنك الأسئلة والأجوبة النموذجية:
س: ما هي قاعدة 60-30-10 في توزيع الألوان وما فائدتها في التصميم؟
ج: هي توزيع نسبي يجعل 60% للون السائد والمحايد، و30% للون الثانوي المكمل، و10% فقط للون الإبراز (Accent)، وفائدتها منع التشتت وتوجيه العين مباشرة لزر الإجراء.
س: لماذا تستخدم معظم البنوك والشركات التقنية الكبرى اللون الأزرق في هويتها البصرية؟
ج: لأن اللون الأزرق في علم النفس يثير مشاعر الثقة، الأمان، الاستقرار، والمسؤولية، وهي أهم قيم تحتاج المؤسسات المالية إبرازها لعملائها.
س: ما الفارق بين نظام الألوان RGB ونظام CMYK ومتى نستخدم كلاً منهما؟
ج: نظام RGB هو نظام لوني ضوئي مخصص للشاشات الرقمية والسوشيال ميديا، بينما نظام CMYK هو نظام صبغي مخصص للمطابع والورق لضمان تطابق الألوان المطبوعة.
فيديو الدرس المعتمد: أية سر اختيار الالوان المناسبة للتصميم ؟؟و ما هى نظرية الالوان — Nour Design (35:52)
الدرس 3: الخط العربي والتيبوغرافي: قواعد اختيار الخطوط والأوزان والمسافات
الهدف: بتطلع من هالدرس وأنت قادر على: فهم عائلات الخط العربي، اختيار الخط المناسب لطبيعة المشروع، ضبط التباعد السطري والأوزان، والدمج بين خطين متناسقين دون نشاز.
النقاط الجوهرية للدرس:
قيمة التيبوغرافي: الخط هو النصف البصري للرسالة الإعلانية وصوتها المعبر.
مكتبة Google Fonts: المصدر الرسمي الأول لتحميل أحدث الخطوط العربية المجانية.
شخصية الخط: مطابقة هندسة الحروف مع هوية المنتج والجمهور المستهدف.
التدرج الوزني: استخدام أوزان العائلة الواحدة (Bold وRegular) يضمن أرقى تناغم.
قاعدة الخطين: لا تتجاوز خطين في المشهد الواحد للحفاظ على الوقار والوضوح.
التباعد السطري: ضبط ارتفاع السطر بارتياح يمنع اختناق وتداخل الحروف العربية.
الخطوط المستهلكة: استبعاد الخطوط القديمة واعتماد الخطوط العصرية الراقية.
مخرج الدرس: قدرة تامة على تطويع الخط العربي لخدمة التصاميم الرقمية الحديثة.
بنك الأسئلة والأجوبة النموذجية:
س: لماذا يفضل المصممون المحترفون الاعتماد على عائلة خطية واحدة متعددة الأوزان بدلاً من دمج عدة خطوط؟
ج: لأن الخط الواحد يحمل نفس البنية الهندسية والتناغم الداخلي في كل أوزانه، مما يضمن اتساق التصميم ويمنع التنافر البصري وتشتت عين القارئ.
س: ما هو الحد الأقصى لعدد الخطوط المختلفة المسموح باستخدامه في تصميم إعلاني واحد؟
ج: خطان اثنان كحد أقصى (خط للعناوين البارزة وخط للنصوص التوضيحية)، واستخدام أكثر من ذلك يسبب فوضى بصرية.
س: كيف يؤثر التباعد السطري (Line-Height) على سهولة قراءة النصوص العربية الطويلة؟
ج: التباعد المناسب (1.5 ضعف حجم الخط تقريباً) يمنع تصادم النقاط وحركات التشكيل بين السطور، مما يريح العين ويسهل القراءة السريعة دون ارتباك.
فيديو الدرس المعتمد: ازاي تختار الخط المناسب؟ | قواعد اختيار الخطوط العربية في التصميم — صنايعية جرافيك (16:34)
الهدف: بتطلع من هالدرس وأنت قادر على: العمل على أداة Photopea عبر المتصفح بلا تنصيب، التعامل مع الطبقات والأقنعة (Masks)، قص الصور باحترافية، وإزالة الخلفيات.
النقاط الجوهرية للدرس:
قوة Photopea: معجزة التصميم السحابي وبديل فوتوشوب الأقوى للأجهزة المتواضعة.
مفهوم الطبقات: تنظيم العناصر في طبقات ومجموعات مسمى يسهل التحكم والتعديل.
الأقنعة Layer Masks: القاعدة الذهبية للتعديل غير الهدام لحماية الصور الأصلية.
الظلال الواقعية: لمسة سرية تحول المنتج من تركيب بدائي إلى مشهد ثلاثي الأبعاد ملموس.
التصدير الذكي: اختيار PNG للشفافيات وJPG للجودة العالية بحجم ملف مضغوط.
الاختصارات: حفظ اختصارات لوحة المفاتيح يضاعف سرعة إنجازك للتصاميم.
مخرج الدرس: تمكن كامل من بيئة العمل السحابية الجاهزة لتنفيذ طلبات التصميم الحقيقية.
بنك الأسئلة والأجوبة النموذجية:
س: ما هي الميزة الكبرى لاستخدام أداة قناع الطبقة (Layer Mask) بدلاً من أداة الممحاة العادية؟
ج: قناع الطبقة تعديل غير هدام؛ فهو يخفي البكسلات باللون الأسود دون حذفها نهائياً، مما يتيح لك استعادة أي جزء بمسحه باللون الأبيض في أي وقت لاحق.
س: لماذا يُعد برنامج Photopea خياراً استراتيجياً للمصممين المبتدئين في سوريا؟
ج: لأنه يعمل سحابياً بالكامل داخل المتصفح دون الحاجة لتنصيب أو مواصفات جهاز قوية، ومجاني 100%، ويفتح ويحفظ ملفات الفوتوشوب PSD الأصلية بكفاءة تامة.
س: ما هي الأبعاد القياسية والدقة (DPI) الموصى بها لتصميم منشورات السوشيال ميديا المربعة؟
ج: الأبعاد هي 1080 × 1080 بكسل، وبدقة عرض 72 DPI (بكسل لكل بوصة) وهي الدقة القياسية للشاشات الرقمية.
فيديو الدرس المعتمد: تعلم تصميم الجرافيك في 30 دقيقة - أداة فوتوبيا Photopea — Chobixo Tech (39:51)
الدرس 5: تصميم منشورات السوشيال ميديا والإعلانات الجذابة: خطوة بخطوة
الهدف: بتطلع من هالدرس وأنت قادر على: تطبيق هيكل الإعلان الناجح (AIDA)، دمج الصور والنصوص بتناغم، تصميم إعلانات المنتجات والعروض الترويجية، وجذب الانتباه في خلاصة الأخبار.
النقاط الجوهرية للدرس:
سوق السوشيال ميديا: الطلب الأكبر والأسرع للدخل الشهري المستمر للمصممين المستقلين.
مقاس 4:5 العمودي: الاستحواذ على شاشة الهاتف لرفع التفاعل وتقليل التجاوز.
مركزية المنتج: جعل السلعة هي البطل بحجم بارز وإضاءة مخصصة.
تصحيح الألوان: مطابقة درجات المنتج مع الخلفية لخلق واقعية بصرية مقنعة.
عنوان الـ Hook: كلمات قليلة ومباشرة تختصر القيمة في ثانيتين.
شارة العرض: استغلال اللون المتباين لإبراز نسبة الخصم وتحفيز الشراء السريع.
زر الـ CTA: توجيه المشاهد لإكمال الطلب عبر عبارات حركة واضحة.
مخرج الدرس: تصميم إعلاني متكامل وجذاب جاهز للإطلاق في الحملات الممولة.
بنك الأسئلة والأجوبة النموذجية:
س: لماذا يفضل المسوقون والمصممون مقاس (1080x1350) بكسل على المقاس المربع في إنستغرام؟
ج: لأنه يغطي مساحة أكبر من شاشة الهاتف المحمول أثناء التمرير، مما يمنح الإعلان فرصة أكبر لجذب انتباه المستخدم ويقلل من تشتته بالمنشورات المجاورة.
س: ما وظيفة زر الحث على اتخاذ الإجراء (Call to Action - CTA) في التصميم الإعلاني؟
ج: توجيه العميل بوضوح وصراحة للخطوة التالية المطلوبة منه (مثل: اطلب الآن، تسوق عبر الموقع) لتحويل إعجابه بالتصميم إلى عملية شراء فعلية.
س: كيف تساعد بقعة الضوء المركزية (Radial Light) في تحسين جودة الإعلان؟
ج: تسلط إضاءة دائرية خلف المنتج فتبرزه للأمام وتفصله عن الخلفية، مما يخلق عمقاً بصرياً يركز عين المشاهد مباشرة على السلعة المعروضة.
الدرس 6: تصميم الشعارات والهوية البصرية الأساسية عبر أداة Figma السحابية
الهدف: بتطلع من هالدرس وأنت قادر على: فهم أنواع الشعارات، استخدام أداة المتجهات (Pen Tool) في Figma، تصميم شعار رمزي أو نصي، وبناء دليل هوية بصرية مصغر (Brand Kit).
النقاط الجوهرية للدرس:
قيمة الهويات البصرية: أعلى الخدمات ربحية واستقراراً في مسار التصميم الجرافيكي.
قوة Figma المتجهية: بيئة سحابية فائقة السرعة تغنيك عن البرامج المكتبية الثقيلة.
البساطة والأصالة: قوة الشعار في سهولة تذكره ورسمه بالذاكرة وليس في تعقيده.
أداة Pen Tool: سلاح المصمم لرسم المنحنيات والأشكال المتجهية النقية.
عمليات Boolean: دمج وقص الأشكال الهندسية لابتكار رموز بصرية ذكية.
الشعار الأحادي: اختبار قوة الفكرة عند تجريدها من الألوان والظلال.
لوحة Brand Kit: وثيقة التسليم الاحترافية التي تبهر صاحب العمل وتثبت قيمتك.
س: ما هي الميزة الجوهرية للرسومات المتجهية (Vector) مقارنة بالرسومات النقطية (Raster/Bitmap) في تصميم الشعارات؟
ج: الرسومات المتجهية مبنية على معادلات رياضية وليست بكسلات، مما يعني إمكانية تكبيرها إلى أي حجم دون أن تفقد جودتها أو تبكسل، بينما النقطية تفقد وضوحها عند التكبير.
س: لماذا يجب تقديم نسخة الشعار بلون واحد (Monochrome / أبيض وأسود) للعميل؟
ج: لضمان صلاحية استخدام الشعار في كافة التطبيقات الحقيقية مثل الأختام الرسمية، الفواتير، التطريز على الملابس، والطباعة ذات اللون الواحد.
س: ما هو الشعار المدمج (Combination Mark) ولماذا هو الأنسب للشركات الناشئة؟
ج: هو الشعار الذي يجمع بين رمز بصري فريد واسم العلامة مكتوباً بنص واضح، وهو الأنسب لأنه يرسخ اسم المتجر في أذهان الناس بالتوازي مع الرمز.
فيديو الدرس المعتمد: أزاي تعمل لوجو من الصفر؟ مشروع حقيقي لعميل حقيقي | تصميم الشعارات 2 — Nour Design (23:36)
الدرس 7: استخدام الموك أب (Mockups) وتجهيز الملفات للتصدير والطباعة
الهدف: بتطلع من هالدرس وأنت قادر على: استخدام قوالب الموك أب ثلاثية الأبعاد لعرض أعمالك بواقعية، تجهيز تصاميم المطبوعات مع هوامش الأمان، واختيار صيغ التصدير المناسبة للمطابع والشاشات.
منطقة الأمان Safe Area: إبقاء النصوص في مركز الورقة بعيداً عن أخطار مقص المطبعة.
تصدير PDF للطباعة: الصيغة المعيارية المعتمدة لدى جميع دور النشر والمطابع عالمياً.
مخرج الدرس: عروض أعمال مبهرة بموك آب واقعية وملفات طباعة مطابقة للمواصفات الفنية.
بنك الأسئلة والأجوبة النموذجية:
س: ما هي وظيفة الكائن الذكي (Smart Object) في ملفات الموك أب (Mockups)؟
ج: هو طبقة مخصصة تسمح لك بوضع تصميمك المسطح بداخلها، ليقوم البرنامج تلقائياً بإسقاطه وتكييفه مع الأبعاد الثلاثية والانحناءات والظلال للمجسم دون تشويه التصميم الأصلي.
س: لماذا يجب أن تكون دقة تصاميم المطبوعات 300 DPI بينما تكفي 72 DPI للشاشات الرقمية؟
ج: لأن المطابع تحتاج كثافة نقطية عالية جداً لإظهار تفاصيل الحروف والصور بنقاء تام على الورق، بينما الشاشات الرقمية تعرض البكسلات بكثافة أقل كافية للعين البشرية.
س: ما هو 'هامش القص' (Bleed) ولماذا يطلبه عمال المطابع في ملفات التصميم؟
ج: هو مساحة إضافية صغيرة (عادة 3 مم) تمدد فيها ألوان الخلفية خارج أبعاد التصميم النهائية، لضمان عدم ظهور هوامش بيضاء غير مقصودة عند قص الورق بالمقصات الآلية.
فيديو الدرس المعتمد: 22 - شرح الموك اب :: اعرض تصميماتك باحترافيه ( مرفق التحميلات ) - What is Mockup — Amr Atallah - عمرو عطاالله (8:23)
الدرس 8: بناء بورتفوليو على Behance والتسعير والوصول لأول عميل
الهدف: بتطلع من هالدرس وأنت قادر على: إنشاء محفظة أعمال احترافية على Behance، بناء مشاريع افتراضية تبرهن مهارتك، تسعير خدماتك بنظام الباقات، والتقديم الذكي على مشاريع خمسات ومستقل.
النقاط الجوهرية للدرس:
أهمية البورتفوليو: معرض أعمالك هو جواز سفرك وسلاحك الوحيد لتحديد سعرك.
منصة Behance: الشبكة الإبداعية الأولى في العالم لعرض أعمال المحترفين والوكالات.
أسلوب دراسة الحالة: سرد مراحل التفكير وتطبيقات المنتج يرفع ثقة العميل للقمة.
المشاريع الافتراضية: حلك الذكي لكسر حلقة 'لا خبرة بدون عمل ولا عمل بدون خبرة'.
الجودة قبل الكثرة: عرض 3 مشاريع أسطورية أفضل من مائة تصميم رديء.
التسعير بالباقات: تقديم عروض شهرية لمنشورات السوشيال يضمن استقرار الدخل.
العروض المخصصة: تقديم روابط أعمال مطابقة لطلب العميل لرفع نسبة الفوز بالمشاريع.
مخرج المسار: مصمم جرافيك متكامل يمتلك الأساس العلمي والأداة السحابية والبورتفوليو المنافس.
بنك الأسئلة والأجوبة النموذجية:
س: لماذا يُعد أسلوب 'دراسة الحالة' (Case Study) على Behance أكثر إقناعاً للعملاء من مجرد رفع صور منفردة؟
ج: لأنه يعرض القصة الكاملة للمشروع وفلسفة الحل الإبداعي وتطبيقات الهوية في الحياة الواقعية، مما يثبت للعميل أنك مصمم استراتيجي يفهم أهداف الأعمال وليس مجرد رسام هاوٍ.
س: كيف يستطيع مصمم مبتدئ بناء بورتفوليو قوي يجذب العملاء إذا لم يكن لديه أي مشروع سابق مدفوع؟
ج: عبر ابتكار 'مشاريع افتراضية' لعلامات تجارية متخيلة أو إعادة تصميم شعارات وإعلانات متاجر محلية معروفة وتطويرها بشكل احترافي وعرضها كنموذج لقدراته الفعلية.
س: ما هي القاعدة الذهبية لتقييم جودة محفظة أعمال المصمم (Portfolio)؟
ج: أن جودة البورتفوليو تُحكم بأضعف عمل معروض فيه؛ لذا يجب الاكتفاء بعرض أفضل 3 إلى 5 مشاريع قوية ومتقنة بدلاً من حشو المعرض بعشرات الأعمال المتواضعة.
فيديو الدرس المعتمد: دليلك الكامل لتعلم موقع Behance | ازاي تعمل Portfolio احترافي كمصمم — Omar Atef (33:34)