التصميم الغرافيكي
لا تبدأ التصميم الغرافيكي بتعلم البرنامج. الأداة تُتقن في أسابيع، أما العين التي تعرف لماذا ينجح تصميم ما فتحتاج سنوات، لذلك يبدأ هذا المسار بالنظر لا ببرنامج فوتوشوب.
- 12 دروس
- مجاني، دون تسجيل
الطريق، من النظر إلى أول عمل حقيقي
أربعة مخيمات بالترتيب. لا يمكن تخطي أي منها، أما سرعة اجتيازها فتعود إليك.
- 1قبل أي أداة: مما يتكون التصميم ولماذا ينجح. أول درسين في هذا المسار.
- 2التسلسل والتباين والمحاذاة واللوحات اللونية والحروف الفارسية. من هنا يصير الحديث عن التصميم ممكنا، لا مجرد إعجاب أو نفور.
- 3فيغما أو إليستريتور، واحدة منهما. تبديل الأداة كل شهر هو المكان الذي يتوقف عنده أكثر الناس وهم يظنون أنهم يتقدمون.
- 4شعار أو طقم كامل لشخص حقيقي، مع قيود وملاحظات وتسليم ملفات. التمرين بلا عميل له سقف، وهذا السقف يأتي مبكرا.
قمة هذه الخريطة ليست الإتقان، بل أول عمل يدفع أحدهم ثمنه. أما الذوق فيظل يتشكل سنوات بعد ذلك، ولا تختصره أي دورة.
المسار خطوة بخطوة
الدروس مرتبة بحيث يقوم كل درس على سابقه. ويمكنك الدخول من اي نقطة ايضا.
- 1تعلم التصميم الغرافيكي من الصفرالتصميم الغرافيكي هو ترتيب النص والصورة والفراغ على سطح ما كي تصل رسالة محددة إلى شخص محدد، أي أن العمل قرار لا رسم. وتعلمه يبدأ بالنظر، ثم المبادئ، ثم أداة واحدة، وأخيرا عمل حقيقي بقيد حقيقي.مبتدئ
- 2مبادئ التصميم الغرافيكيمبادئ التصميم الغرافيكي الخمسة ليست قوانين بل تفسيرات: تفسيرات لكيفية تجميع العين للأشياء وما تراه أولا. التسلسل والتباين والمحاذاة والفراغ والتكرار، ويمكن تطبيق الخمسة على تصميم قائم لديك كي ترى الفرق.مبتدئ
- 3نظرية الألواننظرية الألوان مجموعة قواعد بسيطة تصف العلاقة بين لونين متجاورين، ولماذا يُقرأ أحدهما على الآخر ولا يُقرأ الثاني. لكل لون ثلاثة أرقام: الصبغة والتشبع والإضاءة، ومن هذه الثلاثة الإضاءة وحدها هي التي تقرر إن كان النص فوق الخلفية مرئيا أم لا.مبتدئ
- 4تعلم فن الطباعةالطباعة تعني ترتيب النص على الصفحة: الحجم والوزن والتباعد وطول السطر. واختيار الخط واحد من هذه القرارات فقط، وأقلها أثرا عمليا؛ فصفحة بخط عادي وسلم صحيح تُقرأ دائما أفضل من صفحة بخط جميل وسلم مهمل.مبتدئ
- 5الطباعة الفارسية على الويبلا تبدأ الطباعة الفارسية باختيار خط جميل، بل تبدأ بشرط تقني: يجب أن يحمل الخط جداول تشكيل الحروف، وإلا لم تتصل الحروف وصار النص غير مقروء. وبعد ذلك تبقى أربعة قرارات لا نظير لها في الطباعة اللاتينية: حجم ملف الخط، وموضع نصف المسافة، وشكل الأرقام، والحروف العربية الخاطئة في الفارسية.متوسط
- 6صيغ الصور: أيها تستخدم وأيناختيار صيغة الصورة ليس مسألة ذوق: نوع الصورة نفسه يحدد الجواب. فالصور الفوتوغرافية تصغر بالضغط مع الفقد، والشعارات والأيقونات مكانها الڤيكتور، وكل ما يحتاج شفافية يخرج من JPEG فوراً.مبتدئ
- 7تعلم تصميم الشعارتصميم الشعار لا يبدأ في البرنامج بل يبدأ بموجز: فبلا إجابات عن أسئلة محددة عن النشاط، يبقى كل اسكتش مسألة ذوق. والمخرَج ليس صورة أيضاً؛ إنه ملف ڤيكتور مع بضع نسخ من العلامة نفسها للمواضع التي ستُستعمل فيها فعلاً.مبتدئ
- 8أدوات التصميم الغرافيكي وما تجيده كل واحدةالمخرَج هو ما يختار أداة التصميم الغرافيكي: كل ما سيُكبَّر لاحقاً أو يذهب إلى الطباعة يحتاج إلى فيكتور، وكل ما هو صورة يحتاج إلى بكسل، ولتصميم الواجهات أداة خاصة به. وثمة ست فئات، وفي كل فئة خيار واحد على الأقل لا يطلب مالاً ويعطي مخرَجاً احترافياً.مبتدئ
- 9تعلم فيغما: أربعة مفاهيم يقوم عليها كل ما عداهافيغما أداة لتصميم الواجهات تعمل في المتصفح ويبقى الملف على خوادمها، ولهذا يستطيع عدة أشخاص أن يكونوا داخل ملف واحد في الوقت نفسه. وأربعة مفاهيم تصنع العمل كله: الإطارات والمكوّنات والأنماط والمتغيرات والنماذج التفاعلية؛ وبقية الميزات اختصارات فوق هذه الأربعة.مبتدئ
- 10ما الهوية البصرية للعلامة وما فرقها عن الشعارالهوية البصرية للعلامة هي مجموعة القرارات المتكررة التي تجعل أعمال النشاط المختلفة تبدو صادرة عن يد واحدة: اللون والخط والنبرة ونوع الصورة وشكل التطبيقات. والشعار عنصر واحد داخل هذه المجموعة وليس هوية بذاته؛ والاختبار بسيط، غطِّ الشعار وانظر أيبقى الناس يعرفونك.متوسط
- 11توليد الصور بالذكاء الاصطناعيتوليد الصور بالذكاء الاصطناعي يعني أن نموذجا يبني من وصفك النصي صورة لم تكن موجودة من قبل. والجزء الصعب ليس التوليد، بل إيصال تلك الصورة إلى ما يمكن تسليمه لعميل.مبتدئ
- 12العلامة المائية لصور الذكاء الاصطناعي وSynthIDالعلامة المائية للذكاء الاصطناعي علامة يضعها صانع النموذج داخل الخرج ليُعرف لاحقا أن آلة صنعت الملف، وتوثيق غوغل نفسه يقول إن كل صورة تولّدها واجهة Gemini البرمجية تحملها. لا تُرى بالعين، لكن كل من يملك الملف يستطيع البحث عنها.متوسط
ترتيب هذه الدروس معكوس مقارنة بأغلب الدورات، ويستحق أن نذكر السبب. تبدأ تلك الدورات بتثبيت برنامج ورسم شكل، وبعد ثلاثة أشهر يعرف المتعلم الأداة لكنه ما زال عاجزا عن قول سبب اختلاف عمله عن عمل المحترفين. نحن نبدأ بالقرارات التي يتخذها المصمم فعلا، ثم المبادئ واللون والحروف، وتأتي الأداة بعد ذلك.
هدف هذا المسار ليس وظيفة بل قدرة واحدة محددة: أن تستطيع صياغة سبب فشل تصميم ما بالكلمات، ثم إصلاحه. تبدو الجملة بسيطة، وهي عمليا ما يفصل المصمم عمن يتقن البرنامج. يقول العميل «شيء ما هنا غير مضبوط»؛ ومهمتك أن تقول أين.
أمر تتركه إعلانات الدورات خارج الصورة: كثير ممن يأتون إلى التصميم الغرافيكي يريدون شيئا أضيق. إن أردت بناء موقع فإن مسار تصميم المواقع أقصر ويعتني بالواجهات أكثر. وإن كنت تسعى إلى الفيديو والإعلانات القصيرة فإن مسار الموشن والفيديو هو المكان الصحيح. أما هذا المسار فلمن يرتب رسالة على سطح ثابت كي تُرى.
اسئلة متابعة حقيقية
هل يلزمني إتقان الرسم لأعمل في التصميم الغرافيكي؟
في أغلب الأعمال، لا. التصميم الغرافيكي ترتيب وقرار أكثر منه رسم: ما الذي يكبر، وما الذي يُحذف، وأين يبقى الفراغ. أما الرسم فيلزم في الرسم التوضيحي والشعارات المرسومة يدويا، وهو تخصص مجاور لهذا المجال لا شرط للدخول إليه.
فوتوشوب أم إليستريتور أم فيغما؛ أيها أولا؟
يعتمد على العمل الذي تريده لا على الاسم الأشهر. الشعار وكل ما يُطبع بحجم كبير يحتاج إلى المتجهات، أي إليستريتور أو إنكسكيب. أما تخطيط الصفحات والواجهات فـفيغما. وفوتوشوب أداة صور، وأكثر من يصنع شعارا داخله يرتكب خطأه الأول هناك.
هل يمكن البدء دون شراء برامج؟
نعم، ولا فرق في ذلك من ناحية التعلم. إنكسكيب للمتجهات، وجيمب للصور، وبن بوت لتخطيط الواجهات، وكلها مجانية ومفتوحة المصدر، والمبادئ التي تقرأها في هذا المسار واحدة فيها جميعا. أما موضع الفرق فهو التسليم الاحترافي: ملفات جاهزة للطباعة، وتبادل الملفات مع فريق يستعمل أداة أخرى.
كُتب هذا المسار لمن يريد أن يصمم بنفسه. وإن كنت تحتاج شعارا أو هوية بصرية الآن ولا وقت لديك لتعلمها، انظر صفحة خدمات التصميم الغرافيكي