تعلم الجرافيك ديزاين من الصفر: طريق واقعي في عصر الذكاء الاصطناعي

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

أصمّم منذ 2010، وشهادتي الجامعية ليست في التصميم. لذلك لن تجد هنا قائمة «أفضل كورسات جرافيك ديزاين»، بل الطريق الذي أنصح به من يبدأ اليوم، في زمن صارت فيه أدوات الذكاء الاصطناعي بجوار Photoshop و Illustrator على الشاشة نفسها.

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

ما الذي تتعلمه فعلاً؟

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

لذلك فتعلم التصميم يعني تدريب ثلاثة أشياء معاً:

• العين: أن ترى الخلل في التصميم قبل أن تعرف اسمه.
• اليد: أن تنفّذ ما تراه بسرعة ودقة داخل البرامج.
• القرار: أن تختار اتجاهاً واحداً لسبب تستطيع شرحه للعميل.

الدروس المسجلة تدرّب اليد. أما العين والقرار فلا يتدربان إلا بالممارسة والنقد، ولهذا يأخذ هذان الجانبان مساحة كبيرة من هذا الدليل.

والجرافيك ديزاين ليس غرفة واحدة، بل بيت فيه غرف كثيرة: الهوية البصرية (Brand Identity)، والتغليف (Packaging)، والمطبوعات والكتب، وتصاميم السوشيال ميديا والحملات، وواجهات المستخدم (UI/UX)، والموشن جرافيك (Motion Graphics)، والـ 3D. لا تحتاج أن تختار من اليوم الأول، فالأساسيات واحدة في كل الغرف. اختر بعد بضعة أشهر، حين تلاحظ أي نوع من المشاريع تستمتع بإكماله.

هل تحتاج كلية فنون جميلة أو فنون تطبيقية؟

لا، لكنك تحتاج ما تقدّمه الكلية الجيدة: التنظيم، ومواعيد التسليم، والتقييم، وزملاء تتعلم بجوارهم. فإن تعلمت وحدك، فعليك أن تبني هذه الأربعة بنفسك: جدول ثابت، ومواعيد تلتزم بها، ومن يراجع عملك، ومجموعة تتبادل معها التجارب.

وهذه مسيرتي كما تظهر في صفحة عنّي: أول الشعارات العربية في 2010، مرسومة حرفاً حرفاً، وبعدها بقليل جاءت علامات البن. ثم تصميم يومي للسوشيال ميديا والمحتوى لموقعين للأخبار والصحة في الزقازيق، من أواخر 2015 إلى بداية 2017. وفي 2017 تخرجت في كلية العلوم بجامعة الزقازيق، قسم الكيمياء والفيزياء. ثم فترة التجنيد التي قضيتها مصمماً، بمواعيد تسليم كل أسبوع. بعدها مصمم جرافيك أول (Senior) في القاهرة، ثم ثلاث سنوات من تصميم واجهات المستخدم عن بُعد لشركة برمجيات كويتية، ثم سنتان مديراً فنياً لأنظمة الإرشاد واللافتات في شركة المرئية بالرياض، واليوم أفلام الذكاء الاصطناعي والموقع في SkillUp MENA.

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

الأساسيات التي لا تتغير

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

التكوين والتسلسل البصري

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

• خذ أي إعلان في الشارع واسأل: ماذا قرأت أولاً؟ وهل هذا ما أراده المصمم؟
• صمّم الإعلان نفسه ثلاث مرات، وفي كل مرة اجعل عنصراً مختلفاً هو الأول.
• تعامل مع المساحة البيضاء (White Space) كمادة لا كفراغ. فالمسافة تجمع ما ينتمي لبعضه، وتفصل ما لا ينتمي.

الخطوط والتايبوجرافي

التايبوجرافي (Typography)، أي فن ترتيب الحروف والنصوص، هو أغلب الجرافيك ديزاين. تعلّم تشريح الحرف (خط القاعدة، وارتفاع الحروف الصغيرة، والصواعد والنوازل)، وتصنيفات الخطوط، والإعدادات الثلاثة التي تصنع النص أو تفسده: الحجم، والمسافة بين السطور، وطول السطر. ثم تعلّم ضبط المسافات بين الحروف (Kerning و Tracking) بعينك، على كلمات حقيقية وبأحجام كبيرة.

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

اللون

ابدأ بالقيمة اللونية، أي الفاتح والغامق، قبل درجات الألوان نفسها. فالتصميم الذي يعمل بالأبيض والأسود ينجح غالباً بالألوان أيضاً. ثم تعلّم التباين اللازم للقراءة، والفرق بين ألوان الشاشة وألوان الطباعة (RGB و CMYK)، ولماذا تنجح لوحة ألوان صغيرة لكل لون فيها دور واضح أكثر من لوحة كبيرة بلا أدوار.

الشبكات والتخطيط

الشبكة (Grid) خطوط غير مرئية تحافظ على اتساق الصفحة. الأعمدة والهوامش وشبكة السطور تساعدك على وضع العناصر بسرعة، وتساعد القارئ على إيجادها. تعلّمها على صفحتين متقابلتين في مجلة، وعلى منيو مطعم، وعلى صفحة موقع. ثم تعلّم متى تكسرها، عن قصد لا عن نسيان.

الخط العربي والحروف المرسومة

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

• الحروف العربية متصلة. أغلب الحروف يتغير شكلها حسب موقعها في الكلمة، في أولها أو وسطها أو آخرها أو منفصلة، لذلك فضبط المسافات ليس مثل الحروف اللاتينية.
• لا توجد حروف كبيرة (Capital Letters). فالتسلسل البصري يأتي من الحجم والسُمك واللون والمسافة.
• ضبط السطور مختلف. يمكن مد الكلمة العربية بالكشيدة، وهي إطالة الوصلة بين حرفين متصلين، بدلاً من الاعتماد على المسافات بين الكلمات وحدها.
• السطور المختلطة تحتاج انتباهاً. العربي والإنجليزي والأرقام في سطر واحد يجب أن تُقرأ بالترتيب الصحيح.

اقرأ أنواع الخط العربي الكلاسيكية وتعرّف عليها بالعين: النسخ والثلث والرقعة والديواني والكوفي. لست مطالباً بأن تصبح خطاطاً، لكن فهم منطق القلم، أين يثقل وأين يخف، يغيّر طريقة رسمك للحروف في الشعارات. وهنا فرق مهم: الخط العربي فن له قواعده وأساتذته، والحروف المرسومة (Lettering) رسم كلمة بعينها لشعار أو عنوان، والفونت (Font) ملف حروف جاهز تكتب به أي نص.

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

ولمن يريد التعمق تقنياً، تنشر W3C، الجهة التي تضع معايير الويب، وثيقة بعنوان Arabic & Persian Layout Requirements تشرح اتصال الحروف وضبط السطور والكشيدة وأنظمة الأرقام بالتفصيل. الوثيقة بالإنجليزية وتقنية، لكنها تستحق القراءة ببطء. وفي InDesign و Illustrator يحتاج النص العربي إلى محرك النصوص World-Ready الذي تشرحه Adobe في صفحات المساعدة الخاصة بها. وعندما تحتاج فونتاً عربياً بدلاً من الرسم، راجع رخصته أولاً، وقد جمعت في مقال خطوط عربية مجانية للتصميم ما يجب أن تنتبه إليه.

البرامج بالترتيب المنطقي

تعلّم برنامجاً واحداً جيداً قبل أن تضيف التالي. المصمم الذي يتقن Illustrator بعمق أنفع من مصمم فتح عشرة برامج ولم يتقن أياً منها.

ملاحظات سريعة:

• Photoshop ليس برنامج شعارات. الشعار يجب أن يبقى حاداً في كل الأحجام، من الختم إلى لافتة المحل، فمكانه برنامج فيكتور. وقد رتّبت في دليل شرح أدوات الفوتوشوب كل أداة حسب وظيفتها.
• Figma مجاني في البداية. يذكر كورس المبتدئين الرسمي من Figma أن الأدوات التي يستخدمها متاحة في الخطة المجانية (Starter). وفي مقال شرح فيجما للمبتدئين الخطوات الأولى بالعربية.
• برامج Adobe باشتراك. راجع الخطط والأسعار على موقع Adobe نفسه، لأنها تتغير.
• تعلّم الاختصارات وأنت تعمل. السرعة تفرق كثيراً عندما يكون موعد التسليم حقيقياً.

تذكر صفحة عنّي أنني أستخدم Photoshop منذ 2010، و Illustrator للحروف العربية. بدأ عملي بالشعارات العربية والتغليف، ثم امتد إلى واجهات المستخدم والموشن والـ 3D، واليوم إلى منتجات كاملة أوظّف فيها الذكاء الاصطناعي كأداة في يدي، وكبرت قائمة البرامج مع العمل: Figma للواجهات، و After Effects للموشن، و Blender و Cinema 4D للـ 3D. فدع برامجك تتبع عملك بالطريقة نفسها، لا العكس.

تدرّب على موجز حقيقي، لا على الدروس وحدها

الدرس المسجل يخبرك بأي زر تضغط. أما الموجز (Brief) فيجبرك على أن تقرر. والقرار هو ما يدفع العميل مقابله، لذلك يجب أن يبدأ أغلب تدريبك من موجز.

اكتب لنفسك موجزاً حقيقياً

الموجز الجيد للتدريب لا يتجاوز نصف صفحة:

1. العميل: من هو، في جملة واحدة.
2. الجمهور: من يجب أن يفهم التصميم.
3. المشكلة: ما الذي لا ينجح اليوم، أو ما الجديد.
4. المخرجات: ما الذي ستسلّمه بالضبط.
5. القيود: المقاسات، واللغات، والألوان، وتكلفة الطباعة.
6. الموعد: تاريخ حقيقي، والتزم به.

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

أضف قيوداً عن قصد

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

من أعمالي: من الاسكتش إلى الشبكة

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

تعلّم من الأعمال الحقيقية

التصميم حولك في كل مكان، مطبوع ومختبر بالفعل على زبائن حقيقيين.

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

النقد: الجزء الذي يتجنبه أغلب المتعلمين

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

كيف تطلبه

• أرسل الموجز مع التصميم، حتى يحكم الناس على الهدف لا على ذوقهم.
• اسأل سؤالاً محدداً. «هل الاسم مقروء من بعيد؟» يأتي بإجابة أفضل من «إيه رأيك؟».
• اسأل من سبقك بخطوات: مصمم أقدم منك، أو مدرّس، أو مجتمع تصميم تثق فيه.

كيف تستقبله

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

انتقد نفسك أولاً

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

أين يدخل الذكاء الاصطناعي، وما الذي لا تتخطاه بسببه

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

استخدامات مفيدة وأنت تتعلم

• مدرّس صبور. اطلب من مساعد محادثة أن يشرح لك الكيرنينج أو CMYK أو الشبكة، ثم راجع الإجابة على مصدر رسمي.
• لوحات الإلهام والبحث (Moodboard). اجمع اتجاهات كثيرة بسرعة، ثم اختر بعينك أنت.
• خيارات كثيرة للنقد. ولّد عشرين اتجاهاً مبدئياً، واكتب لماذا رفضت تسعة عشر منها. هذا تدريب حقيقي على القرار.
• مساعدة في الإنتاج. توسيع الخلفيات، وتغيير المقاسات، وتنظيف الصور المرجعية.

ما لا يجب أن تتخطاه

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

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

خطة مقترحة لستة أشهر

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

إيقاع أسبوعي مقترح

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

وإن جذبك الموشن أو الـ 3D، فابدأهما بعد الشهر السادس، فوق بورتفوليو يُظهر الأساسيات أولاً.

مصادر مجانية ومدفوعة من جهاتها الرسمية

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

مصادر مجانية

مصادر مدفوعة

• كورسات منظمة. على منصة Coursera يقدّم معهد كاليفورنيا للفنون (CalArts) سلسلة Graphic Design Specialization من خمسة كورسات: الأساسيات، والتايبوجرافي، وصناعة الصورة، وتاريخ التصميم، ومشروع هوية في النهاية. وتذكر صفحة الكورس على Coursera أنه مدفوع، وأن المساعدة المالية متاحة لمن لا يستطيع الدفع.
• Blender Studio. برنامج Blender نفسه مجاني. وللتعلم المنظم، تشير صفحة الدروس في موقع blender.org إلى Blender Studio، وهو اشتراك مدفوع يشمل كورس أساسيات للمبتدئين.
• الإرشاد ومراجعة البورتفوليو. ساعة مدفوعة مع مصمم خبير يراجع أعمالك بصدق قد تساوي أكثر من كورس طويل.

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

أول بورتفوليو

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

وقد كتبت دليلاً كاملاً عن كيف تبني بورتفوليو تصميم، فيه شكل دراسة الحالة، والمنصات، وسؤال العربية والإنجليزية.

كيف تجد أول عملائك؟

نادراً ما يأتي أول عميل من شخص غريب تماماً. في الغالب يكون شخصاً يعرفك، أو رأى عملك في مكان يتصفحه أصلاً.

1. ابدأ بالقريبين منك. مشروع عائلي، أو فكرة صديق، أو محل في حيّك، أو جمعية خيرية. عمل صغير وحقيقي، بموعد تسليم حقيقي.
2. اعرض مراحل عملك علناً. انشر الاسكتشات و«قبل وبعد» على Behance و LinkedIn و Instagram. فالمراحل تُظهر التفكير، والتفكير هو ما يشتريه العميل.
3. اقترب بفكرة لا بسؤال. «لاحظت أن المنيو صعب القراءة بالعربي، وهذه طريقتي في حل ذلك» أنفع من «محتاجين مصمم؟».
4. جرّب وظيفة مبتدئ. وكالة دعاية، أو مطبعة، أو فريق تسويق داخل شركة، يعطيك مواعيد تسليم ومصممين أقدم منك وخبرة إنتاج في وقت واحد.
5. استخدم المنصات بوعي. منصة «مستقل» من شركة حسوب يعرض فيها أصحاب المشاريع مشاريعهم ويقدّم المستقلون عروضهم، و«خمسات» من الشركة نفسها سوق للخدمات المصغّرة. وهناك منصات عالمية أيضاً، والعمل عن بُعد لعملاء في الخليج طريق حقيقي، شرحته في دليل مصمم جرافيك عن بعد.
6. سعّر بطريقة واضحة من اليوم الأول. نطاق عمل مكتوب وعربون يحميانك من البداية، والتفاصيل في مقال تسعير خدمات التصميم.

وتجنب «التصميم التجريبي المجاني» لعميل لا تعرفه. اعرض دراسات الحالة بدلاً منه، أو اقترح مرحلة أولى صغيرة مدفوعة.

الخلاصة

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

وإن كانت لديك علامة تحتاج هذا النوع من العناية، ابدأ مشروعك معي.