دليل الهوية البصرية: ماذا يحتوي، مع قالب فهرس جاهز تنسخه

دليل الهوية البصرية (Brand Guidelines) هو الملف الذي يشرح كيف تُستخدم هوية علامتك بشكل صحيح، دون أن يتصل أحد بالمصمم في كل مرة. فيه نسخ الشعار ومسافاته وأصغر أحجامه، وقيم الألوان للطباعة والشاشة، والخطوط بالعربي والإنجليزي، وأسلوب الصور والكلام، وأمثلة حقيقية للتطبيق. ويُسلَّم في الغالب ملف PDF، وقد يكون صفحة ويب أو مجلداً مشتركاً.

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

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

ماذا يحتوي دليل الهوية البصرية؟

1. نبذة عن العلامة

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

2. الشعار: النسخ والمسافة الآمنة والحد الأدنى والاستخدام الخاطئ

أطول أقسام الدليل وأكثرها استخداماً:

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

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

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

3. الألوان

اكتب كل لون مع دوره وقيمه:

• Pantone للطباعة بالألوان الخاصة، بمرجعَيه للورق المطلي (C) وغير المطلي (U)، فـ Pantone نفسها تذكر أن اللون الواحد يبدو مختلفاً كثيراً على النوعين.
• CMYK للطباعة بأربعة ألوان، وتُعتمد بعد بروفة حقيقية.
• RGB و HEX للشاشات.

ثم أضف ما لا تقوله القيم وحدها: النِّسب (أي لون يتصدر، وأيها للتمييز)، وتركيبات النص والخلفية المعتمدة، وسهولة القراءة. فإرشادات الوصول إلى محتوى الويب (WCAG) الصادرة عن W3C تطلب تبايناً لا يقل عن 4.5:1 للنص العادي، و 3:1 للنص الكبير، في المستوى AA. راجع ألوان علامتك على هذا المعيار، وحدد أي التركيبات آمنة للنصوص. فاللون الفاتح قد يكون رائعاً كخلفية، وغير صالح لنص زر.

4. الخطوط بالعربي والإنجليزي

حدد خطاً لكل دور (العناوين، والنصوص، والأرقام) في كل لغة، مع الأوزان والأحجام وتباعد السطور. وفي الهوية ثنائية اللغة، أعطِ العربي إعداداته الخاصة، لأن الحجم نفسه نادراً ما يبدو متساوياً في الخطين. وحدد شكل الأرقام في النص العربي: الأرقام الغربية أم الهندية. وأضف خطوطاً بديلة للبريد وملفات Word و PowerPoint، حيث لا تكون خطوط الهوية مثبتة، وتفاصيل الرخصة: باسم من، وما الاستخدامات التي تغطيها. أما طريقة اختيار الخطوط وتنسيقها فشرحتها في اختيار خطوط الهوية.

5. العناصر الجرافيكية والشبكات

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

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

6. أسلوب الصور

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

7. نبرة الصوت

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

8. التطبيقات

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

9. قوالب السوشيال ميديا

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

10. الحركة (Motion)

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

11. الملفات والتواصل ورقم الإصدار

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

ما يحتاجه الدليل في السوق العربي تحديداً

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

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

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

كم يكون طول دليل الهوية؟

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

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

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

PDF أم صفحة ويب أم مجلد مشترك؟

ومعظم العلامات تحتاج اثنين منها: دليلاً يشرح، PDF أو صفحة ويب، ومجلداً يحفظ الملفات. ومن الأمثلة المنشورة للعامة، تنشر NASA دليل هويتها صفحةَ ويب تغطي نسخ الشعار، وقيم الألوان بنظام Pantone و CMYK و RGB، والمسافة المحمية، والحد الأدنى للحجم، والخطوط، والاستخدامات المرفوضة. ودليلها القديم لشعار «الدودة» (Worm) الصادر عام 1976، المتاح PDF على موقعها، ما زال المصممون يدرسونه حتى اليوم.

كيف يبقى الدليل حياً؟

الدليل الذي لا يُحدَّث يتحول إلى كتاب تاريخ. عادات بسيطة تبقيه مفيداً:

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

قالب فهرس دليل الهوية البصرية

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

1. الغلاف: اسم العلامة، ورقم الإصدار، والتاريخ
2. المحتويات، وطريقة استخدام الدليل
3. نبذة عن العلامة: ماذا نفعل، ولمن، وما الإحساس الذي نريده
4. معمارية العلامات (للمجموعات): العلامات والعلاقة بينها
5. الشعار - الشعار الأساسي والفكرة وراءه - النسخ الأفقية والرأسية والرمز المختصر - التركيبات بالعربي والإنجليزي وباللغتين - البناء والمسافة الآمنة - الحد الأدنى للحجم في الطباعة والشاشة - نسخ الألوان والخلفيات - الاستخدام الخاطئ
6. الألوان - اللوحة ودور كل لون - قيم Pantone (C و U) و CMYK و RGB و HEX - النِّسب والتركيبات المعتمدة - التباين وسهولة قراءة النصوص
7. الخطوط - خط لكل دور، بالعربي واللاتيني - الأحجام والأوزان وتباعد السطور لكل لغة - الأرقام وعلامات الترقيم - الخطوط البديلة والتراخيص
8. العناصر الجرافيكية: النقشة والأشكال والأيقونات
9. الشبكات والتخطيطات لأكثر المقاسات استخداماً
10. أسلوب الصور: التصوير والرسوم والـ 3D وصور الذكاء الاصطناعي
11. نبرة الصوت بالعربي وبالإنجليزي، والفصحى والعامية
12. التطبيقات: المطبوعات واللافتات والتغليف والزي والشاشات
13. قوالب السوشيال ميديا، مع نسخ المواسم
14. الحركة: حركة الشعار والانتقالات وظهور النص
15. الملفات وجهات التواصل وسجل التعديلات

الخلاصة

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

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