أنواع ملفات التصميم ومتى تستخدم كل صيغة وماذا تسلّم للعميل

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

والجواب المختصر: احتفظ بملفات العمل بصيغ AI أو PSD أو INDD، وأرسل كل ما سيُطبع بصيغة PDF، واستخدم SVG و PNG للشعارات على الشاشات، و JPG أو WebP أو AVIF للصور على المواقع.

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

الفيكتور أم البكسل؟ السؤال الأول

ملفات الفيكتور (Vector) تحفظ الأشكال كنقاط ومنحنيات محسوبة رياضياً. كبّرها لتصبح لافتة محل، أو صغّرها لتطبعها على قلم، وتبقى الحواف نظيفة. مكانها الشعارات، والأيقونات، والنصوص، وخطوط القص، واللوحات.

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

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

الطباعة أم الشاشة؟ الألوان والدقة

الألوان: RGB و CMYK والألوان الخاصة

الشاشات تخلط الضوء بنظام RGB، والمطابع تخلط الحبر بنظام CMYK. بعض ألوان الشاشة الزاهية، خصوصاً الأخضر والأزرق والبرتقالي الفاقع، لا يمكن الوصول إليها بأحبار CMYK، فتخرج في الطباعة أبهت مما تراه.

لذلك تستخدم الهويات والتغليف أحياناً ألواناً خاصة (Spot Colors) مثل أحبار Pantone، تُخلط قبل الطباعة ليبقى لون العلامة ثابتاً من طبعة لأخرى. ومن المفيد أن تختبر لوحة الألوان بلون واحد وبأربعة ألوان، فنظام بن عابدين مثلاً بُني ليُطبع بوضوح في الحالتين.

صمم بنظام ألوان الاستخدام النهائي، واطلب من المطبعة ملف الألوان (Color Profile) الخاص بها قبل التحويل.

الدقة: البكسل و PPI و DPI

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

أما على الشاشة، فرقم DPI المكتوب في الملف لا معنى له. الشاشة تقرأ أبعاد البكسل فقط، فصورة 1080 في 1080 بكسل تظهر بالشكل نفسه سواء كان الملف مضبوطاً على 72 أو 300. وقاعدة "احفظ للويب بدقة 72" خرافة قديمة.

ورفع رقم DPI في الفوتوشوب لا يضيف أي تفاصيل، بل يعيد توزيع البكسلات نفسها.

الصيغ واحدة واحدة

ملفات العمل: AI و PSD و INDD

هذه هي الملفات التي تعدّل عليها، وفيها الطبقات ولوحات العمل والإعدادات التي يتخلص منها أي تصدير.

• AI (Adobe Illustrator): فيكتور بلوحات عمل متعددة، وهو المكان الطبيعي للشعار وخطوط القص واللوحات. إذا حُفظ مع خيار التوافق مع PDF، تستطيع برامج أخرى فتحه كملف PDF.
• PSD (Photoshop): بكسل بطبقات وأقنعة و Smart Objects وطبقات تعديل. مناسب لتعديل الصور والموك أب ومنشورات السوشيال. والملفات الضخمة جداً تُحفظ بصيغة PSB، صيغة المستندات الكبيرة في الفوتوشوب.
• INDD (InDesign): لتنسيق الصفحات المتعددة مثل البروشورات والبروفايلات والكتب. لا يحفظ الصور داخله بل يربطها، لذلك أرسله دائماً بأمر Package الذي يجمع الخطوط والصور في مجلد واحد، واحفظ نسخة IDML لمن يعمل على إصدار أقدم.

على InDesign صممت بروفايلات وبروشورات لعملاء في السعودية، منها بروشور المشاريع المستقبلية لوزارة العدل، وسُلّمت كلها ملفات جاهزة للطباعة.

ملفات الطباعة: PDF و EPS و TIFF

• PDF: المعيار الأساسي للطباعة. يجمع الفيكتور والصور والخطوط في ملف واحد يظهر بالشكل نفسه على أي جهاز. للمطبعة، صدّره بمعيار PDF/X. معيار PDF/X-1a يقبل ألوان CMYK والألوان الخاصة فقط ويدمج الشفافية، بينما يحتفظ PDF/X-4 بالشفافية كما هي. اسأل المطبعة أيهما تفضّل.
• EPS: صيغة فيكتور قديمة ما زالت بعض المطابع ومحلات اللوحات تطلبها. لا تدعم الشفافية الحية، والبرامج الحديثة تتعامل معها بشكل أضعف، فأرسل PDF كلما قبلته المطبعة.
• TIFF: بكسل بلا فقد في الجودة للطباعة عالية الجودة. يدعم CMYK والطبقات والشفافية، لكنه ثقيل، ومتصفح Safari هو الوحيد بين المتصفحات الكبرى الذي يعرضه، فهو صيغة طباعة لا ويب.

وإذا طلبت منك مطبعة أو محل دعاية ملف CDR (صيغة برنامج CorelDRAW)، فلا تحتاج إلى البرنامج نفسه. أرسل PDF أو EPS أو AI، فبرنامج CorelDRAW يستورد هذه الصيغ عادةً.

ملفات الشاشة: SVG و PNG و JPG و WebP و AVIF

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

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

جدول مقارنة بين أنواع ملفات التصميم

ماذا تسلّم للعميل؟ قائمتي قبل التسليم

التسليم الجيد يعني أن العميل لن يعود ليطلب "الشعار بصيغة ثانية". هذه القائمة التي أراجعها:

الشعار والهوية

• النسخة الأم فيكتور: ملف AI، ومعه PDF لمن لا يملك Illustrator، و EPS فقط إذا طُلب.
• SVG للموقع والتطبيقات.
• PNG بخلفية شفافة، بعدة مقاسات.
• كل النسخ: الملونة، واللون الواحد، والأسود، والأبيض، بكل التكوينات (أفقي ورأسي)، وبالعربي والإنجليزي إذا كانت العلامة باللغتين.
• أكواد الألوان: CMYK و RGB و HEX، و Pantone إن وُجد.
• أسماء الخطوط مع ملاحظة عن الترخيص. لا ترسل ملفات الخطوط نفسها إلا إذا سمح الترخيص بذلك.
• دليل مختصر للهوية يوضح أي ملف يُستخدم في أي مكان.

الطباعة: التغليف والبروشورات والكتب

• ملف PDF جاهز للطباعة بالمعيار الذي طلبته المطبعة، مع هامش الطباعة الزائد (Bleed)، وهو غالباً 3 ملم لكن المطبعة تؤكده، وعلامات القص (Crop Marks).
• الخطوط العربية مضمّنة أو محوّلة إلى أشكال. الخط العربي غير المضمّن من أكثر ما ينكسر عند المطبعة: حروف منفصلة أو خط بديل.
• في التغليف، خط القص (Dieline) في طبقة مستقلة باسم واضح وبلون خاص، مضبوطاً على Overprint، ليوجّه ماكينة القص ولا يُطبع. في تغليف Twins Pharma، كانت ملفات القص الجاهزة للطباعة جزءاً من التسليم، بجانب بيانات العلب باللغتين.
• ملفات المصدر مجمّعة: حزمة InDesign، أو ملف Illustrator مع صوره المرتبطة.
• بروفة PDF بدقة منخفضة للموافقة، باسم واضح حتى لا تُطبع بالخطأ.

الشاشات والسوشيال

• مقاسات البكسل الدقيقة لكل منصة بصيغة PNG أو JPG أو WebP.
• أيقونات SVG.
• ملفات المصدر فقط إذا نص الاتفاق عليها. اتفق على هذا من البداية، فبعض المصممين يسعّرون ملفات المصدر منفصلة.

الأسماء والمجلدات

• مجلد لكل استخدام: الشعار، الطباعة، الرقمي، دليل الهوية.
• أسماء ملفات تصف محتواها، مثل brand-logo-horizontal-fullcolour-cmyk.pdf، ويُفضّل أن تكون بالإنجليزية لأن الأسماء العربية تسبب مشاكل في بعض البرامج والأنظمة.
• ملف قصير يشرح محتوى كل مجلد.

أخطاء ما زلت أراها عند المطبعة

1. شعار مأخوذ من لقطة شاشة أو من الموقع ومُرسل كملف JPG صغير.
2. ملفات RGB مرسلة للطباعة، فتتغير الألوان على الورق.
3. خطوط غير مضمّنة، فيتغير الخط العربي أو تنفصل حروفه.
4. لا يوجد هامش طباعة زائد، فيظهر خط أبيض رفيع بعد القص.
5. ملف JPG محفوظ بصيغة PDF أو SVG ويُقال إنه فيكتور. تغيّر امتداد الملف، ولم تتغير البكسلات.

الخلاصة

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

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