ما هي الهوية البصرية؟ هي النظام المرئي اللي بيخلي الناس تعرف شركتك من نظرة: اللوجو، والألوان، والخطوط، وأسلوب الصور، والقوالب، ومعاهم قواعد مكتوبة بتقول كل حاجة من دول تتحط فين وإزاي. اللوجو جزء منها بس. وقيمتها إن العميل اللي بيشوف نفس الشكل في الإعلان والموقع والفاتورة بيفتكرك أسرع، وبيصدّق إن ورا الشكل ده شركة منظمة.
01ما هي الهوية البصرية وإيه فرقها عن اللوجو والبراند؟
اللوجو علامة واحدة، والهوية البصرية هي النظام المرئي كله، والبراند (الهوية التجارية) هو الصورة اللي بتتكوّن في دماغ العميل من كل تعامل معاك.
| اللوجو | الهوية البصرية | البراند (الهوية التجارية) | |
|---|---|---|---|
| بيتكوّن من إيه | رمز أو اسم مكتوب أو الاتنين | لوجو وألوان وخطوط وصور وقوالب وقواعد استخدام | الهوية البصرية، وطريقة كلامك، وخدمتك، وأسعارك، وتجربة العميل |
| مين بيعمله | مصمم | مصمم مع صاحب الشركة | الشركة كلها، في كل تعامل |
| بيبان فين | في كل حاجة، بس لوحده مش كفاية | الموقع والسوشيال ميديا والمطبوعات والتغليف | في رأي العميل عنك بعد ما يتعامل |
| مثال من مطعم | العلامة اللي على اليافطة | المنيو والكوبايات والبوستات بنفس الألوان والخط | «المكان ده نضيف وأكله ثابت» |
اللوجو بيتعمل في أيام. البراند بيتبني في سنين، والهوية البصرية هي الحتة اللي في إيدك تتحكم فيها من أول يوم.
02أهمية البراندينج: الشكل الثابت بيبيع إزاي؟
الشكل الثابت بيوفّر على العميل إنه يتأكد في كل مرة إنه لسه بيتعامل معاك. Nielsen Norman Group بتعتبر الاتساق من أساسيات أي تجربة استخدام: المستخدم مش المفروض يقف يسأل نفسه: الحاجتين دول معناهم واحد ولا لأ؟
عمليًا ده بيظهر في تلات أماكن:
- التعرّف: جوجل بتعرض أيقونة موقعك (الـ favicon) جنب نتيجتك، وبتقول إنها لازم تمثّل البراند عشان الناس تعرف موقعك في النتايج. ولوجو الشركة نفسه ممكن يظهر في النتايج والـ Knowledge Panel لو متضاف صح في الـ Structured Data بتاعة الموقع.
- الثقة: إعلان بلون، وموقع بلون تاني، وفاتورة واتساب بلوجو قديم. العميل مش هيقولك إنه قلق، هو بس مش هيكمّل.
- الإعلانات: لما الشكل ثابت، الكرييتف بيتعرف من أول ثانية، ولما تختبر إعلانين قدام بعض، الفرق اللي بتقيسه بيبقى في الرسالة نفسها.
03عناصر الهوية البصرية: إيه اللي لازم يكون عندك؟
- اللوجو بنسخه: الأساسي، وأفقي ورأسي، وأبيض وأسود، وأيقونة مربعة تنفع صورة بروفايل وfavicon. جوجل بتنصح إن الـ favicon يكون أكبر من 48×48 بكسل، ولوجو الشركة في الـ Structured Data يكون 112×112 على الأقل.
- الألوان: لون أساسي، ولون أو اتنين مساعدين، ومحايدات، بأكواد HEX للشاشة وCMYK للطباعة. وأي نص على الموقع محتاج تباين 4.5:1 على الأقل مع الخلفية، و3:1 للنص الكبير، حسب معيار WCAG. واللوجو نفسه معفي من الشرط ده.
- الخطوط: خط للعناوين وخط للنص، بالعربي والإنجليزي.
- أسلوب الصور والأيقونات: تصوير حقيقي ولا رسومات، ألوان دافية ولا باردة، أيقونات بخط رفيع ولا مليانة.
- نبرة الكلام: بتكلم عميلك إزاي، رسمي ولا قريب، وبتقول إيه وما بتقولش إيه.
- القوالب: بوست، وستوري، وعرض سعر، وفاتورة، وكارت.
04إزاي تختار خط عربي وخط إنجليزي يمشوا مع بعض؟
لو البراند بلغتين، الخطين لازم يبانوا عيلة واحدة، وإلا كل بوست هيبان كأنه من شركتين.
- ظبّط الحجم بالعين: نفس حجم الخط مش معناه نفس الحجم الظاهر. TypeTogether بتنصح تجرّب الخطين جنب بعض بأحجام وأوزان أكبر وأصغر لحد ما يتوازنوا.
- ماتنقلش ملامح اللاتيني للعربي: الـ serifs مكانها مش في الحرف العربي، ولما بتتنقل بيبان متكلف.
- العربي مالوش italic: التأكيد بيبقى بالوزن (Bold) أو اللون.
- الأسهل عيلة متصممة للاتنين من الأول: زي Cairo أو IBM Plex Sans Arabic على Google Fonts.
- اتأكد من الرخصة: الخط لازم يكون مسموح استخدامه على الويب وفي الطباعة.
05دليل الهوية البصرية (Brand Guidelines) بيبقى فيه إيه؟
دليل الهوية ملف بيقول لأي مصمم أو مطبعة أو وكالة يستخدموا هويتك إزاي من غير ما يرجعولك في كل سؤال. أقل دليل محترم فيه:
- نسخ اللوجو، والمساحة الفاضية حواليه، وأصغر مقاس يتطبع بيه
- الاستخدامات الممنوعة: تمطيط، تغيير لون، ظل، لوجو على خلفية زحمة
- أكواد الألوان: HEX وRGB وCMYK
- الخطوط وأحجامها: عنوان، عنوان فرعي، نص
- أسلوب الصور والأيقونات بأمثلة
- نبرة الكلام بجدول «نقول / ما بنقولش»
- ملفات المصدر: اللوجو SVG وملف التصميم المفتوح
06تصميم هوية بصرية للشركات: المشروع الصغير محتاج إيه؟
المشروع الصغير محتاج الحد الأدنى، بشرط يكون مكتوب ومطبّق في كل مكان. تصميم هوية بصرية للشركات الكبيرة حاجة تانية، لأن فيها فروع ومنتجات وأقسام.
| مشروع صغير أو لسه بادئ | شركة كبيرة أو بفروع | |
|---|---|---|
| اللوجو | نسخة أساسية وأيقونة وأبيض وأسود | نظام لوجوهات للفروع أو خطوط المنتجات |
| الألوان | أساسي ومساعد ومحايدات | باليتة أوسع لكل خط منتجات |
| الخطوط | عيلة واحدة بالعربي والإنجليزي | خطوط مرخصة أو متصممة مخصوص |
| الدليل | صفحتين أو تلاتة | دليل كامل بأمثلة لكل وسيط |
| القوالب | بوست وستوري وعرض سعر وفاتورة | يافطات وتغليف وزي وعربيات |
الغلطات اللي بنشوفها كتير: اللوجو موجود JPG بس، وألوان المطبعة مختلفة عن الشاشة، وخمس خطوط في بوست واحد، وتغيير الهوية كل سنة قبل ما الناس تتعود عليها.
07الهوية بتتحط فين عشان تشتغل؟
الهوية اللي في ملف PDF ومش مطبّقة ما بتعملش حاجة. أكتر مكانين بيشوفها فيهم عميلك هما موقعك وحساباتك.
احنا مش بنبيع تصميم لوجو أو هوية كخدمة لوحدها. شغلنا بيبدأ لما تكون الهوية موجودة: في تصميم وتطوير المواقع بنطبّقها على الموقع بخطوطها العربي والإنجليزي وألوانها، بتباين يعدّي WCAG AA، وفي إدارة السوشيال ميديا بنحوّلها لقوالب ثابتة لحسابك. وفي الفيديو، الموشن جرافيك بيحرّك نفس اللوجو والألوان والخطوط. ولو الهوية لسه مش موجودة، بنقولك من الأول إنها خطوة لازم تخلص قبل الموقع.
؟الأسئلة الشائعة
الإجابة المختصرة: تختار شركة السوشيال ميديا في مصر بناءً على 4 معايير: تقييم خبرة الفريق وسابقة الأعمال، شفافية تقارير الأداء الدوريّة، وضوح بنود العقد وشرط الإلغاء، والتسعير المبني على أهداف حقيقية.
هل اللوجو لوحده كفاية لمشروع صغير؟
يكفي كبداية. ضيف عليه لون أساسي، وخط واحد بالعربي والإنجليزي، وقالبين للسوشيال ميديا، واكتبهم في صفحة واحدة. ده بيدّيك ثبات من غير ميزانية شركة كبيرة.
أعمل الهوية البصرية الأول ولا الموقع؟
الهوية الأول. الموقع بيتبني على ألوانها وخطوطها، ولو اتغيرت بعد التنفيذ هتعيد التصميم وجزء من البرمجة، والفرق بين الجزئين مشروح في الفرق بين تصميم وتطوير المواقع. لو مستعجل، اتفق على الحد الأدنى (لوجو وألوان وخطوط) وابدأ بيه.
إيه الملفات اللي لازم أستلمها من المصمم؟
اللوجو بصيغة SVG وPNG بخلفية شفافة بكل نسخه، والأيقونة المربعة، وملف التصميم المفتوح، وأكواد الألوان، وأسماء الخطوط ورخصها، ودليل الاستخدام. من غير الملفات دي هتدفع تاني لأي تعديل.
إمتى أغيّر الهوية البصرية؟
لما نشاطك نفسه يتغير، أو جمهورك يتغير، أو الهوية مش بتنفع على الموبايل والسوشيال ميديا. والزهق منها مش سبب كفاية، لأن العميل لسه بيتعود عليها وانت شايفها كل يوم.
محتاج كام لون وكام خط؟
لون أساسي، ولون أو اتنين مساعدين، ومحايدات للخلفيات والنصوص. وعيلة خط واحدة بالعربي والإنجليزي بأوزان مختلفة بتكفي أغلب الشركات. كل ما زادوا، كل ما الثبات بقى أصعب.
بتخطط لموقع أو متجر جديد؟
احكيلنا عن مشروعك، ونرجعلك بعرض سعر واضح ومراحل تشوف مخرج كل واحدة فيها.
