الهوية البصرية أبعد من اللوجو: ما الذي يجب تسليمه؟

اعتماد الهوية قرار تشغيلي، لا حكم ذوقي. استخدم الجدول التالي مع المصمم قبل توقيع الاستلام؛ البنود المقترحة تتغير بحسب احتياج المشروع ونطاق العقد.

للاستفادة من القرار السابق، راجع المقال المرتبط السابق قبل اعتماد الخطوة التالية.

مصفوفة التسليم: الأصل، الاختبار، ومن يعتمد

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

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

ابدأ بخريطة نقاط التماس

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

اكتب لكل نقطة تماس أربعة أشياء:

هذه هي خريطة نظام الهوية. فائدتها أنها تمنع اعتماد اللوجو منفردًا ثم اكتشاف أن الألوان والخطوط والمسافات لا تقدم إجابة عندما يبدأ التنفيذ.

سلّم نظام اللوجو لا ملفًا واحدًا

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

لا تقبل أربعة ملفات متشابهة بلا تفسير. اسأل: «متى أستخدم كل نسخة؟» وابحث عن إجابة للآتي:

• ما النسخة الافتراضية؟
• ما أصغر حجم تختفي بعده التفاصيل؟
• ما المساحة الفارغة التي تحمي اللوجو؟
• أي خلفيات مسموحة؟
• ما الممنوع: المط أو إعادة التلوين أو وضعه فوق صورة مزدحمة؟
• ما البديل عندما تكون المساحة ضيقة؟

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

الألوان أدوار واضحة في الفاتح والداكن

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

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

اختبر المحتوى نفسه في الوضعين: عنوان، فقرة، رابط، زر، عنصر معطل، رسالة خطأ، ووصف صورة. يوضح مرجع W3C أن النسبة الإرشادية للنص العادي هي 4.5:1 وللنص الكبير 3:1، مع معاملة مختلفة للوجوه والشعارات؛ استخدم ذلك كاختبار للتباين لا كذريعة لجعل كل الألوان صاخبة. افحص اللونين الفعليين للنص والخلفية، بما في ذلك حالة المرور والتركيز.

تتضمن الحزمة:

1. جدول ألوان حسب الدور.
2. مثالًا فاتحًا وداكنًا للمكوّن نفسه.
3. تركيبات معتمدة وتركيبات ممنوعة.
4. القيم المطلوبة للويب والطباعة إذا كانت الطباعة ضمن النطاق.
5. توضيح اللون الذي يحمل التركيز والدرجات المساندة فقط.

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

الخطوط يجب أن تتحمل العربي والإنجليزي

الخط جزء من تجربة المنتج. اطلب أسماء العائلات، والأوزان، والأحجام، وارتفاع السطر، وخطوط الاحتياط. واطلب نموذج عنوان وفقرة ووسم وزر وسعر ووصف صغير باللغتين الحقيقيتين للمشروع.

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

اسأل:

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

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

الصور والأيقونات والأشكال لها شخصية

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

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

أضف صفحة «افعل ولا تفعل»:

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

هذه القواعد تحمي الاتساق عندما لا يكون المصمم الأصلي موجودًا.

التطبيقات تثبت أن النظام يعمل

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

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

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

دليل الاستخدام جزء من التسليم

لا تحتاج إلى كتاب ضخم، لكنك تحتاج إلى إجابات عن القرارات المتكررة. يمكن أن يحتوي الدليل المختصر على:

• فكرة الهوية في فقرة.
• اختيار اللوجو والمساحة الفارغة.
• ألوان حسب الدور في الفاتح والداكن.
• أنماط النص واتجاه اللغة.
• قواعد الصور والأيقونات.
• شبكة المسافات ونصف قطر الزوايا.
• القوالب وإعدادات التصدير.
• صفحة قصيرة «افعل ولا تفعل».
• الملكية والترخيص وملفات المصدر.

اكتب القاعدة كفعل. «استخدم العلامة المختصرة تحت عرض 120 بكسل» أفيد من «حافظ على الانسجام». و«اجعل العربي rtl والإنجليزي ltr» أفيد من «راعِ اللغة». و«استخدم اللوجو الفاتح فوق السطح الداكن» أفيد من «اختر النسخة المناسبة».

الملكية وملفات المصدر تغلق الفجوة

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

افتح ملف المصدر على جهاز أو حساب آخر إن أمكن. تأكد أن الخطوط متاحة، والروابط سليمة، وأن أحد أفراد الفريق يستطيع إخراج SVG أو PNG أو PDF أو JPG نظيفًا من غير تغيير التصميم بالخطأ. هذا اختبار تشغيل، وليس طلبًا لمزيد من الزخرفة.

جولة قبول خريطة النظام في عشرين دقيقة

نفّذ الجولة بهذا الترتيب:

1. تعرّف: أخفِ اسم العلامة، وانظر هل تبدو العلامة واللون والخط عائلة واحدة.
2. اختر: حدّد النسخة الصحيحة لرأس فاتح، وبطاقة داكنة، وصورة حساب ضيقة، ومستند بلون واحد.
3. اقرأ: افحص فقرة عربية وأخرى إنجليزية بأصغر حجم مخطط.
4. ابنِ: أنشئ بطاقة جديدة من القالب من غير سؤال المصمم الأصلي.
5. بدّل: انقل المحتوى نفسه بين الفاتح والداكن.
6. اقصص: اختبر شاشة الكمبيوتر والموبايل والمربع والعمودي.
7. استرجع: عطّل الخط أو الصورة مؤقتًا وتأكد أن هناك بديلًا موثقًا.
8. سلّم: أعطِ المجلد لشخص آخر واطلب منه العثور على الأصل المطلوب خلال دقيقتين.

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

أسئلة قبل الاعتماد

اطلب من المنفذ الإشارة إلى الملف أو القاعدة:

• أين اللوجو الفاتح وأين الداكن؟
• أي ألوان آمنة للنص الصغير؟
• كيف يختلف تخطيط العربي عن الإنجليزي؟
• أي القوالب قابلة للتعديل؟
• أي الملفات مملوكة للمشروع؟
• ما البديل إذا لم يتوفر الخط؟
• أي الأمثلة حقيقية وأيها افتراضية؟
• ما الذي يقع خارج نطاق الحزمة عمدًا؟

إذا كانت الإجابة موجودة في اجتماع فقط، فهي لم تصبح بعد جزءًا من نظام الهوية.

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

كيف تستخدم نموذج الاستلام المرفق؟

افتح ملف MG016-identity-handoff-ar.csv، ثم اكتب اسم المسؤول والرابط أو لقطة الإثبات وحالة كل بند. لا تضع كلمات مرور أو مفاتيح وصول داخل الجدول. إذا فشل عنصر مؤثر، سجّل الإصلاح المطلوب وأعد الاختبار قبل الاعتماد.

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

هذه معايير عملية مقترحة للتحقق، وليست مواصفات قانونية عامة لكل هوية. معيار التباين المرجعي WCAG 2.2 ينص على 4.5:1 للنص العادي و3:1 للنص الكبير في الحالات المشمولة؛ أما اختيار الخط وترخيصه فيتوقف على شروط المزوّد.

• الحد الأدنى للتباين — W3C
• اتجاه النص المختلط — W3C
• إعدادات الثيم في WordPress
• إرشادات Google لصور المقالات