التصميم
الخط العربي

الهوية البصرية لمؤسستك: ما الذي تشمله بعيداً عن الشعار؟

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

الجواب المختصر لصاحب المؤسسة

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

مكوّنات الهوية البصرية: ما الذي يُسلَّم، وأين يظهر، وكيف تختبره

هذه قائمة تسلّم نقارن بها أي عرض هوية، ونحن منهم. العمودان الثاني والرابع من عملنا، وأرقام صفّي «الألوان» و«أيقونة الموقع» من معايير W3C وGoogle.

المكوّن	ما الذي يُسلَّم	أين يظهر	اختبار بسيط للجودة
الشعار	ملفات متجهة، ونسخ أفقية ومربعة، وفاتحة وداكنة وأحادية اللون	اللافتة والفاتورة والختم والموقع والتواصل الاجتماعي	هل يبقى مقروءاً مصغَّراً وبالأبيض والأسود؟
الألوان	قيم دقيقة للشاشة (HEX أو RGB) وللطباعة (CMYK)، أساسية ومساعدة	الموقع والمنشورات والمطبوعات	هل يبلغ تباين النص على خلفيته 4.5:1 للنص العادي و3:1 للكبير؟
الخطوط	خط للعناوين وخط للنصوص، يدعمان العربية والحروف اللاتينية	الموقع والمطبوعات والعروض	هل تتصل حروف العربية سليمة بلا تباعد بينها؟
أيقونة الموقع	نسخة مربعة من الشعار صُمّمت لتُقرأ صغيرة	تبويب المتصفح ونتائج البحث	هل هي مربعة 1:1 وبأكبر من 48×48 بكسل، وتُعرَف من الشعار؟
دليل الاستعمال	ما يجوز وما لا يجوز: المساحة الحرة، والحد الأدنى للحجم، والألوان على كل خلفية	كل من يصمّم أو يطبع لك لاحقاً	هل يكفي مصمماً أو مطبعة لا يعرفانك؟
القوالب	بطاقة زيارة وترويسة ومنشور للتواصل الاجتماعي	كل يوم	هل تعدّلها بنفسك دون أن تفسد الهوية؟
الملفات المفتوحة	الملفات المصدرية التي يمكن تعديلها، لا صوراً جاهزة فقط	أرشيفك	هل تملكها فعلاً وتعمل بها مع أي مصمم؟

ما الهوية البصرية، وما الذي يميّزها عن الشعار؟

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

والعلامة التجارية بمعناها القانوني شيء آخر. تعرّفها المنظمة العالمية للملكية الفكرية (WIPO) بأنها علامة قادرة على تمييز سلع مؤسسة أو خدماتها عن سلع المؤسسات الأخرى وخدماتها، ويمكن أن تكون كلمات أو رسوماً أو رموزاً أو درجات لون. فالهوية تصميم، والعلامة التجارية حماية قانونية.

الشعار: ما الذي يجب أن تتسلمه فعلاً؟

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

نسخة أفقية ونسخة مربعة أو مكدّسة.
نسخة على خلفية فاتحة وأخرى على خلفية داكنة.
نسخة أحادية اللون للختم والطباعة بلون واحد.
نسخة مصغّرة تُقرأ بوضوح بحجم أيقونة.

الألوان: قيم دقيقة وتباين مختبَر

اللون الذي يُوصف بكلمة («أخضر غامق») يخرج مختلفاً في كل مطبعة وعلى كل شاشة. اطلب لكل لون قيمه الدقيقة: قيمة للشاشة (HEX أو RGB) وقيمة للطباعة (CMYK)، وحدّد الألوان الأساسية والمساعدة.

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

جرّب كل ثنائي ألوان تعتمده للنص والخلفية قبل أن تثبّت اللوحة؛ لوحة جميلة لا تجتاز الاختبار تُتعب القارئ على الهاتف.

الخطوط: العربية أولاً

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

ولا تباعد بين حروف الكلمة العربية لتبدو «أنيقة»: حروفها متصلة، وتذكر وثيقة W3C لمتطلبات تخطيط العربية أن تحريك حرفين متصلين أحدهما عن الآخر ينتج نتائج غير مرغوبة. ويقع في هذا الخطأ من يطبّق على العربية عادات الحروف اللاتينية.

أيقونة الموقع: الهوية في أصغر الأحجام

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

لذلك اطلب نسخة مربعة من الشعار صُمّمت لتُقرأ صغيرة، لا الشعار الأفقي مقصوصاً.

دليل الاستعمال والقوالب: ما يجعل الهوية تدوم

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

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

الملفات والملكية: ما الذي يجب أن يبقى بيدك؟

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

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

كيف تقارن بين عرضين لهوية بصرية؟

اطرح الأسئلة نفسها على كل من يعرض عليك هوية:

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

عندك شعار؟ طوّره بدل أن تستبدله

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

وعندنا تبدأ الهوية الأساسية، بالشعار ونظام الألوان والخطوط ودليل الاستعمال، من 12,000 دج، كما تعلن صفحة الخدمة.

أسئلة متكررة

ما الفرق بين الشعار والهوية البصرية؟

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

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

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

كم شعاراً يجب أن أطلب رؤيته؟

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

هل أملك ملفات هويتي البصرية؟

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

هل أسجّل شعاري علامة تجارية؟

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

كم تكلف الهوية البصرية؟

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

انتقل من القراءة إلى خطوة عملية

تصميم الهوية البصرية وبناء العلامةشعار بصيغ متجهة وألوان وخطوط ودليل استعمال وقوالب وملفات مفتوحة تملكها؛ من 12,000 دج للهوية الأساسية.المواقع والمتاجر الإلكترونيةهويتك على موقع تملكه، بالشكل نفسه على كل صفحة؛ من 15,000 دج لصفحة هبوط واحدة.التشخيص المجانيخمسة عشر سؤالاً تحدّد أول فجوة رقمية داخل مؤسستك، دون تسجيل ولا بريد.