أدوات التصميم الغرافيكي وما تجيده كل واحدة
المخرَج هو ما يختار أداة التصميم الغرافيكي: كل ما سيُكبَّر لاحقاً أو يذهب إلى الطباعة يحتاج إلى فيكتور، وكل ما هو صورة يحتاج إلى بكسل، ولتصميم الواجهات أداة خاصة به. وثمة ست فئات، وفي كل فئة خيار واحد على الأقل لا يطلب مالاً ويعطي مخرَجاً احترافياً.
- الدرس 8 من 12
- مبتدئ
- مجاني، دون تسجيل
ست فئات أدوات، حول الملف الذي عليك تسليمه
كل فئة تنتج نوعاً واحداً من المخرجات. وأدوات الفئة الواحدة تتنافس، وأدوات فئتين مختلفتين لا يحل بعضها محل بعض.
برنامج واحد يغطي الفئات الثلاث الأولى؛ أما فئة الواجهات وفئة الذكاء الاصطناعي فتحتاجان أدوات مستقلة فعلاً.
آخر مراجعة: تُراجع الحقائق وأسماء الأدوات في هذا الدرس مقابل مصادرها في هذا التاريخ.
لماذا ليس السؤال الصحيح اسم برنامج؟
سؤال المبتدئ عادةً: أأتعلم فوتوشوب أم إليستريتور. والجواب ليس في أي من الاسمين. بل في المكان الذي سينتهي إليه الملف الذي تسلّمه.
تخيّل شعاراً سُلّم بصيغة PNG بعرض ١٠٢٤ بكسل. على الموقع يبدو سليماً والجميع راضٍ. وبعد ستة أشهر يطلب العميل نفسه لافتة محل فلا يساوي ذلك الملف شيئاً، لأن الصورة البكسلية لها مقاس وما تجاوزه ليس إلا ضبابية. ولو كانت العلامة فيكتور لخرجت اللافتة وبطاقة العمل وأيقونة الموقع من ملف واحد.
فأول خط فاصل بين الأدوات ليس أيها أغلى أو أشهر. بل أالمخرَج بكسل أم فيكتور. الصور والملمس والتنقيح بكسل. والعلامات والأيقونات والحروف والخرائط وكل ما يتغير مقاسه لاحقاً فيكتور.
وبعد هاتين تأتي ثلاث فئات أخرى لا تحل واحدة منها محل غيرها: تنضيد الصفحات المتعددة للطباعة، وتصميم الواجهات الذي يعمل بالمكوّنات والحالات والنماذج التفاعلية، وأدوات القوالب الجاهزة التي تبيع السرعة وتأخذ الحرية مقابلها. والفئة السادسة جديدة: توليد الصور بالذكاء الاصطناعي، وهو يعطيك مادة خاماً لا ملفاً نهائياً.
وموقفنا صريح. البرنامج نفسه يمكن تعلّمه في أسبوع وكلها متشابهة على أي حال: طبقات وأقنعة ومسارات وحروف. أما ما لا تتعلمه في أسبوع فهو تمييز أي مخرَج يحتاج فيكتور وأي ملف يجب أن يظل يُفتح بعد خمس سنوات. هذا التمييز هو ما يفصل العمل الاحترافي عن الهاوي، لا قائمة البرامج التي نصّبتها.
أسيُكبَّر هذا المخرَج لاحقاً أم سيُطبَع؟
أداة فيكتور
- الشعار والعلامة
- اللافتات واللوحات
- الأيقونات ومجموعاتها
- الرسوم البيانية والخرائط
أداة بكسل
- التنقيح وتصحيح الصور
- صورة منشور اجتماعي
- الملمس والخلفية
- تركيب عدة صور
ملف فيكتور بداخله صورة لم يعد فيكتور بالكامل؛ فتلك الصورة تتكسر عند التكبير.
ست فئات من الأدوات والعمل الذي تؤديه كل فئة
كل فئة تجيب عن سؤال واحد. وأدوات الفئة الواحدة تتنافس فيما بينها، أما أدوات فئتين مختلفتين فلا تتنافس مهما أحبّت دعاياتها أن توحي بذلك.
| الفئة | السؤال الذي تجيب عنه | المخرَج المعتاد | أمثلة الأدوات |
|---|---|---|---|
| بكسل | كيف أصلح هذه الصورة | PSD وTIFF وPNG وJPG | فوتوشوب، غيمب، استوديو Pixel في أفينيتي |
| فيكتور | كيف أبني علامة تقبل أي مقاس | SVG وPDF وAI وEPS | إليستريتور، إنكسكيب، استوديو Vector في أفينيتي |
| التنضيد والطباعة | كيف أهيّئ عدة صفحات للمطبعة | PDF جاهز للطباعة | إنديزاين، استوديو Layout في أفينيتي |
| الواجهات | كيف تعمل شاشات المنتج معاً | ملف سحابي ومخرجات SVG وPNG | فيغما |
| القوالب | كيف أصنع منشوراً أو لافتة بسرعة | PNG وJPG وPDF | كانفا |
| التوليد بالذكاء الاصطناعي | من أين آتي بمادة بصرية خام | PNG بجودة متغيرة | النماذج التصويرية |
الفئات الثلاث الأولى يغطيها اليوم برنامج واحد. فصفحة أفينيتي نفسها تقول إنها جمعت أدوات الفيكتور والصورة والتنضيد في مكان واحد. أما الفئة الرابعة فمنفصلة فعلاً: تصميم الواجهات يتعامل مع المكوّنات والحالات والنماذج التفاعلية، ولا وجود لهذه المفاهيم في أي محرر صور.
وتلزم جملة عن الفئة السادسة. ما ينتجه النموذج مادة خام. وهو ممتاز للتخطيط الأولي ولوحات المزاج وملمس الخلفية. أما للشعار فلا، لأن عليك تسليم ملف فيكتور وعليك أن تستطيع قول من أين جاءت العلامة. وترتيبنا للنماذج التصويرية بمعاييره ومصادره في توليد الصور بالذكاء الاصطناعي، وعمود الوصول من إيران هناك أيضاً.
إلى أين تكفي المجانية فعلاً؟
في الفئات الثلاث الأولى ليس الخيار المجاني تنازلاً. فغيمب يصف نفسه في صفحته بأنه «برنامج يُوزَّع بحرية» لتنقيح الصور وتركيبها وتأليفها، ويُطوَّر بوصفه برمجية حرة مجتمعية تحت رخصة GNU GPL. وإنكسكيب محرر فيكتور حر ومفتوح المصدر تحت الرخصة نفسها، لغنو/لينكس وويندوز وماك، والأهم أن صيغته الأساسية هي SVG نفسها؛ وصفحته تعدّد SVG وAI وEPS وPDF وPS وPNG بين الصيغ التي يستوردها ويصدّرها.
وأفينيتي ذهب أبعد من ذلك. تقول صفحته: «نعم، أفينيتي مجاني حقاً. يمكنك استعمال كل أداة في استوديوهات Pixel وVector وLayout، وكل ميزات التخصيص والتصدير، بقدر ما تشاء، بلا قيود ولا دفع.» وهو متاح لماك وويندوز، ونسخة الآيباد مكتوبة «قريباً». ويقول الموقع أمرين صراحةً كذلك: التسجيل مطلوب للتنزيل، وأدوات كانفا للذكاء الاصطناعي داخل أفينيتي لا تُفتَح إلا بخطة كانفا المدفوعة.
وفيغما حكاية أخرى، لأن المجاني هناك يعني محدوداً لا منقوصاً. فصفحة أسعاره تمنح خطة Starter «مسوّدات غير محدودة» وأطقم واجهات وقوالب و«١٥٠ رصيد ذكاء اصطناعي يومياً، حتى ٥٠٠ شهرياً»، بينما تذكر صفحة المساعدة الحد الحقيقي: فريق واحد بمجلد واحد وثلاثة ملفات، وتاريخ نسخ ثلاثين يوماً. وخطة Professional مكتوبة بستة عشر دولاراً شهرياً لكل مقعد كامل.
أما كانفا فلا يكتب هذا الدرس عنها أي رقم. فصفحة أسعارها لم تُفتَح من خادمنا، ونحن لا ننشر أرقاماً من الدرجة الثانية عن خطة مجانية لأحد؛ وهي القاعدة نفسها التي نلتزمها في هذا الموقع كله.
والكلفة الحقيقية للطريق المجاني في مكان آخر ولا أحد يقف عندها: تبادل الملفات. فالعميل أو المطبعة التي ترسل لك ملف .ai أو .psd أو .indd تريد المثل عودةً. وفتح هذه الملفات في أداة أخرى ممكن غالباً، لكن «يُفتَح» و«يبدو مطابقاً» ليسا جملة واحدة: فالمؤثرات والخطوط وبعض الخصائص الطباعية هي ما يتخلّف في التحويل.
ما المتاح فعلاً من إيران؟
هنا نكتب ما ورد في وثائق الشركات نفسها فقط، ونضع روابطه. أما الباقي فلا نعلمه، ونقول إننا لا نعلمه.
تكتب أدوبي في رخصة المستخدم النهائي الخاصة بها أن تصدير منتجاتها البرمجية وإعادة تصديرها يخضعان لأنظمة إدارة الصادرات في الولايات المتحدة، وأن هذه البرمجيات لا يجوز تصديرها أو إعادة تصديرها إلى كوبا وإيران والعراق وليبيا وكوريا الشمالية والسودان وسوريا أو أي بلد تفرض عليه الولايات المتحدة حظراً على السلع. هذه جملة أدوبي نفسها، في وثيقتها هي، واسم إيران في تلك القائمة.
ولفيغما بند مستقل لضبط الصادرات في شروط الخدمة: استعمال المنصة يخضع لقوانين ضبط الصادرات والعقوبات الاقتصادية، ومنها أنظمة إدارة الصادرات الأميركية وقواعد مكتب مراقبة الأصول الأجنبية في وزارة الخزانة الأميركية، وتكتب فيغما أنها قد تتخذ ما يلزم للامتثال، مثل تعليق الوصول إلى المنصة. ومرة أخرى: هذا كلامهم لا قراءتنا له.
ولنكن بالوضوح نفسه فيما لا نعلمه. نحن لا نختبر هذه الخدمات من إيران ولا ندّعي شيئاً عمّا يحدث على اتصالك اليوم. ولم نجد صفحة من أفينيتي تنشر قائمة دول، فوضع أفينيتي بالنسبة لإيران مجهول في هذا الدرس ويبقى مجهولاً. وإن لم تذكر صفحة خدمة اسم بلدك فذلك يعني مجهولاً، لا يعني نعم.
وأمر واحد لا نكتبه هنا: كيفية الالتفاف على شيء من ذلك. لا لأن الطريق يتعذر وصفه، بل لأن هذه مسألة قانونية وتعاقدية والإجابة عنها نيابةً عنك ليست عملنا. أما ما يمكن فعله بدلاً من ذلك فهو: البرمجيات الحرة لا خطوة شراء فيها ولا حساب أصلاً، ويمكنك بناء سلسلة عملك على صيغ لا تتعلق بحساب أحد ولا باشتراكه.
أي ملف يبقى وفياً لك
غير مرتبط بحساب أحد
- SVG لكل ما هو فيكتور
- PDF للطباعة والأرشفة
- PNG وTIFF للصور البكسلية
- ملاحظة نصية بالخطوط وأكواد الألوان
يتعلق بحساب أو اشتراك
- ملف لا يعيش إلا داخل خدمة سحابية واحدة
- صيغة مصدر لا يقرأها كاملةً إلا برنامج واحد
- خط لا تملك رخصته
- مؤثر لا يُفتَح إلا بإضافة واحدة
الصيغة المفتوحة تعني أن الملف يُفتَح، لا أنه يبدو مطابقاً؛ فالمؤثرات والخطوط لا تنجو دائماً من الرحلة.
سلسلة أدوات يمكن العمل بها فعلاً
أربعة أعمال متكررة، والطريق الذي يسلكه كل منها من الأداة إلى التسليم.
- الشعار. تخطيط على الورق أو مادة خام من نموذج تصويري، ثم إعادة رسمه في أداة فيكتور. التسليم: ملف الفيكتور مصدراً، مع SVG للويب وPDF للمطبعة وبضعة ملفات PNG شفافة بالمقاسات اللازمة، ونسخة بلون واحد.
- منشور اجتماعي. قالب جاهز أو ملفك بمقاس ثابت، ويُصدَّر PNG أو JPG. السرعة هنا أهم من المرونة والأداة القائمة على القوالب تصيب.
- كتيّب مطبوع. أداة تنضيد، ولون CMYK، وصور بدقة تصلح للطباعة، وPDF جاهز للطباعة بالإعدادات التي تطلبها المطبعة. واسأل المطبعة عن المقاس وعلامات القص ولا تخمّنها.
- واجهة موقع أو تطبيق. أداة واجهات، ومكوّنات وأنماط من الساعة الأولى، ومخرجات SVG للأيقونات. فما يحتاجه المبرمج ليس ملفاً جميلاً؛ بل أسماء وقيماً.
عادة واحدة تُبقي العمل نظيفاً: ضع مع كل تسليم ملاحظة قصيرة فيها أسماء الخطوط ونمط اللون وأكواد الألوان الأساسية. ثلاثة أسطر تمنع إعادة بناء بعد ستة أشهر.
والجملة التي يقوم عليها هذا الدرس كله: ما تسلّمه ملف، لا برنامج. فالعميل لا شأن له باسم برنامجك؛ شأنه أن يُفتح الملف ويُطبع صحيحاً.
المسار السريع مع الذكاء الاصطناعي
الطريق السريع هنا ليس أن تسأل نموذجاً أي برنامج تنصّب. بل أن تحوّل قائمة التسليمات إلى جدول مواصفات قبل فتح أي برنامج: كل بند بفئة أداته وصيغة مصدره وصيغ تصديره ومقاسه الدقيق ونمط لونه وعلامة «هذا يجب أن يكون فيكتور». ذلك الجدول هو ما يمنع إعادة البناء بعد ستة أشهر. ويكفي نموذج رخيص سريع، واختيارنا الحالي في <a class="text-link" href="/ar/ai/">قسم الذكاء الاصطناعي</a>.
- اكتب كل ما طلبه العميل فعلاً في سطر واحد لكل بند، وقل أين سيُستعمَل. «شعار للموقع وللافتة المحل» سطر، أما «طقم إداري» فليس سطراً لأن أحداً لا يعرف ما يشمله.
- سلّم القائمة للنموذج بالأمر أدناه. ويجب أن يكون المخرَج جدولاً عموده الأخير «سؤال»: فكل ما لم يستخرجه النموذج من قائمتك يصير سؤالاً لا تخميناً.
- أرسل عمود الأسئلة إلى العميل فوراً. فهذه هي الخطوة الوحيدة التي يتجاوزها الناس ثم يعودون إليها في منتصف العمل.
- راجع الصفوف المعلَّمة بنفسك. فالنموذج لا يعرف أاللافتة ثلاثة أمتار أم ثلاثون سنتيمتراً؛ أنت تعرف، وذلك العمود وحده يقرر أيكون ملف المصدر فيكتور أم لا.
وصفة جاهزة للنسخ
الدور: مدير إنتاج في استوديو تصميم. لا تملك إلا القائمة أدناه.
قائمة التسليمات:
{بند في كل سطر، مع مكان استعماله}
ابنِ جدولاً، صفاً لكل بند، بهذه الأعمدة:
١. البند
٢. فئة الأداة (بكسل / فيكتور / تنضيد / واجهات / قوالب) لا اسم علامة
٣. صيغة ملف المصدر
٤. صيغ التصدير الواجب تسليمها
٥. المقاس مع وحدته
٦. نمط اللون (RGB أو CMYK)
٧. أيجب أن يكون فيكتور؟ نعم / لا، ولماذا في جملة
٨. سؤال: ما احتاجه الصف ولم يكن في القائمة
القواعد:
- لا تذكر اسم أي برنامج. العمود الثاني فئة فقط.
- لا تخمّن مقاساً لا يأتي من قائمتي. وإن استعملت مقاساً قياسياً لمنصة
فاكتب أمامه (مقترَح) لأتحقق منه.
- كل بند سيُكبَّر أو يُطبَع يأخذ «نعم» في العمود السابع.
- في النهاية اسرد الأسئلة منفصلة متتابعة لأرسلها كما هي إلى العميل.
- لا تضف شيئاً إلى القائمة. وإن لزم بند لم أذكره فاكتبه في الأسئلة لا
في الجدول.
قبل أن تثق بالناتج: عمودان ليسا من قرار النموذج بل من قرارك: المقاس الحقيقي ونمط اللون. خذ المقاس من العميل أو المطبعة، وخذ نمط اللون من وجهة الملف. وكل صف عاد بـ«نعم» في العمود السابع، تأكد قبل البدء أن ملف مصدرك فيكتور فعلاً وليس بداخله صورة.
الذكاء الاصطناعي في هذا العمل
في اختيار الأدوات ليس الذكاء الاصطناعي فئة؛ بل طبقة تجلس فوق عمل البقية. وما يتقنه ترتيب رغبة العميل وتحويلها إلى مواصفات فنية. وما يسيئه، وهو ما يطلبه الجميع، أن يقول لك أي برنامج أفضل أو أن ينسب إلى برنامج ميزة لا يملكها.
أدوات تساعد فعلا
- Gemini يناسب تحويل موجز فوضوي إلى جدول مواصفات، لأنه مرتاح مع النصوص الطويلة متعددة البنود. وصفحتنا تذكر أن إيران ليست في قائمة الدول المدعومة لدى غوغل؛ وطريق الدفع في <a class="text-link" href="/ar/ai/buy/">شراء الذكاء الاصطناعي</a>.
- Claude أفضل حين تريد إبقاء جمل العميل نفسها حرفياً في عمود الأسئلة، لأنه أقل إعادة صياغة. وإيران ليست في أي من قائمتي الدول المدعومة لدى أنثروبيك.
- RGB AI image ranking ليست أداة بذاتها وهي هنا عمداً: ستة نماذج تصويرية مرتَّبة بمعايير ومصادر، وفيها عمود الوصول من إيران، فبدل سؤال «أي نموذج أفضل» يمكن قراءة الجدول.
اين ينقلب ضدك
الخطر المحدد في هذا الموضوع اختراع الميزات والمقاسات. اسأل نموذجاً أي برنامج يفعل كذا فيبني قائمة فيها صفوف لا تملك تلك القدرة أو تشير إلى نسخة لم توجد قط؛ ولأن السؤال يشبه أسئلة لها أجوبة يخرج الجواب شبيهاً بالجواب. ويحدث المثل مع المقاسات: معايير المنصات تتغير والنموذج يكتب القديم بثقة تامة. ولهذا بالضبط يجب أن يحمل كل مقاس في الأمر أعلاه لم يأتِ من قائمتك علامة «مقترَح». والخطر الثاني في البيانات وهو ملك عميلك: فموجز مشروع لم يُطلَق بعد يحمل اسم العميل وميزانيته؛ وإرساله إلى خدمة خارجية قرار، وكون المحادثة تُستعمل لتدريب نموذج يتوقف على خطة تلك الخدمة وإعداداتها وهو مكتوب في صفحتها. وخطر ثالث يخص هذه الحرفة تحديداً: الصورة التي ينتجها النموذج ليست ملف فيكتور، وجواز استعمالها تجارياً يتوقف على شروط تلك الخدمة. ولعلامة ستُسجَّل، يعني هذان معاً أن مخرَج النموذج نقطة بداية لا تسليم.
المصادر: Anthropic: is my data used for model training Google: Gemini Apps Privacy Hub
حدود هذه النصيحة
هذا الدرس لا يقول أي خدمة تفتح على اتصالك اليوم؛ فنحن لا نختبر ذلك ولا ندّعي فيه شيئاً. وجملة أدوبي وبند فيغما قُرِئا من وثيقتيهما في تاريخ التحقق المكتوب على هذه الصفحة، والوثائق تتغير. والأهم من ذلك كله: لا أداة تصلح تصميماً ضعيفاً. فمن يفهم التكوين والمسافات والتراتب يعطي في غيمب مخرَجاً أفضل مما يعطيه مبتدئ بأكمل حزمة مدفوعة.
من عملنا نحن
الصفحة التي تقرأها هي نفسها مثال على قرار أدوات. فكل الرسوم المعلوماتية في هذا الموقع، ومنها الشكل السداسي أعلى هذا الدرس، تُرسَم بـHTML وCSS لا بأداة تصميم: مكتبة أشكالنا فيها ٥٢ شكلاً ولا يوجد في ملفاتها وسم img واحد. وما اشتراه هذا القرار: اختفت خطوة التصدير، ولم تلزم نسخ بضعف الدقة لشاشات الريتينا، ولأن النص داخل الشكل نص حقيقي فإن الشكل نفسه يُقرأ صحيحاً بأربع لغات وفي اتجاهي القراءة كليهما. وما باعه واضح بالقدر نفسه: ليس كل شكل يخرج بهذه الطريقة، ولا نملك إلا الأشكال التي كتبنا لها شفرة.
اسئلة متابعة حقيقية
أأتعلم فوتوشوب أولاً أم إليستريتور؟
يتوقف على العمل الذي تريده. إن كان عملك شعارات وأيقونات وطباعة فأداة الفيكتور أولاً؛ وإن كان صوراً وتنقيحاً ومنشورات اجتماعية فأداة البكسل. وإن كنت لا تعرف الجواب بعد فتعلّم الفيكتور أولاً، لأن ملف الفيكتور يمكن تحويله إلى بكسل دائماً والعكس غير صحيح.
أيمكن تسليم عمل احترافي بأدوات مجانية؟
من حيث المخرَج نعم. فالعميل يرى ملفاً والملف لا يقول بأي شيء صُنِع. أما موضع الصعوبة فتبادل ملفات المصدر مع من يعملون بالحزمة المدفوعة وينتظرون تلك الصيغ نفسها.
بأي صيغة أسلّم الملف النهائي للعميل؟
ملف مصدر واحد مع بضعة مخرجات. لعمل الفيكتور: المصدر مع SVG وPDF وبضعة ملفات PNG شفافة. ولعمل البكسل: المصدر بطبقاته مع PNG أو JPG بالمقاسات اللازمة. واكتب بجانبه ثلاثة أسطر فيها الخطوط وأكواد الألوان.