مشاريع مواقع كتير بتتأخر لسبب بسيط: البراند نفسه مش جاهز. قائمة الهوية البصرية دي بتلم ليك 10 قرارات لازم تخلصها قبل ما المصمم يفتح WordPress، عشان موقعك الجديد يطلع متناسق بالعربي والإنجليزي، يتم إطلاقه في ميعاده، ومن غير ما تحتاج تعيد تصميمه بعد 6 شهور.
أهم النقاط
- الموقع بيكون واضح على قد وضوح البراند اللي وراه، فثبّت الرسالة واللوجو والألوان والخطوط الأول.
- البراند اللي بيشتغل بلغتين في مصر والخليج محتاج نسخة عربي ونسخة لاتيني من كل حاجة تقريباً، ويتصمموا مع بعض.
- اطلب الملفات المفتوحة وملكية كاملة، لأن موقعك والسوشيال ميديا والمطبوعات كلها معتمدة عليها.
محتوى المقال
ليه قائمة الهوية البصرية بتوفر وقتك وفلوسك؟
لما البراند مش واضح، كل قرار في التصميم بيتحول لنقاش. أنهي أخضر هو الأخضر بتاعنا؟ ينفع اللوجو يتحط على خلفية غامقة؟ أنهي خط عربي يناسب الخط الإنجليزي؟ كل سؤال من دول بيزود أيام على المشروع، وبيعمل تفاصيل مش متناسقة الزائر بيحس بيها حتى لو مش عارف يسميها.
قائمة الهوية البصرية بتحول النقاشات دي لقرارات بتاخدها مرة واحدة. وبعدها المصمم يقدر يركز على هيكل الموقع والمحتوى والتحويل، بدل ما يخمّن البراند المفروض يبان إزاي.
1. رسالتك والجمهور اللي بتخدمه
قبل أي حاجة بصرية، اكتب إنت بتخدم مين وليه يختاروك إنت. جملة واحدة واضحة كفاية، زي: «عيادة أسنان عائلية في التجمع للأهالي اللي عايزين معاملة هادية ومواعيد مظبوطة». وضيف 2 أو 3 منافسين وإيه اللي بيميزك عنهم.
الجملة دي بتحدد كل اللي بعدها، من الألوان والصور لحد العنوان الرئيسي في الصفحة الأولى. براند لعملاء فخمين في الرياض هيبان ويتكلم بشكل مختلف عن براند لطلبة في إسكندرية.
2. الاسم والكتابة بالعربي والإنجليزي
ثبّت اسمك هيتكتب إزاي باللغتين. العميل هيشوف اسم عربي، ولا نطق بحروف لاتيني، ولا الاتنين؟ حدد أنهي نسخة تتقدم على الموقع والسوشيال ميديا، وصمم الكتابة العربي واللاتيني مع بعض عشان يحسوا إنهم براند واحد، بنفس التقل والارتفاع والمسافات.
وراجع الدومين وأسماء الحسابات على السوشيال ميديا في نفس الوقت، لأن تغيير الاسم بعد إطلاق الموقع مكلف جداً.
3. نسخ اللوجو، ومنها الصغيرة والـ favicon
ملف لوجو واحد مش كفاية. الموقع محتاج كذا نسخة:
- اللوجو الكامل بالألوان للهيدر
- نسخة بلون واحد للخلفيات الفاتحة والغامقة
- نسخة مضغوطة أو رأسية للموبايل
- رمز صغير للـ favicon وتاب المتصفح وأيقونات التطبيقات
- نسخة من غير الشعار، لأن الشعار بيبقى مش مقروء في المقاسات الصغيرة
جرّب الرمز على مقاس 32 في 32 بكسل. لو بقى مشوش، بسّطه.
4. الألوان مع تباين مريح للعين
اختار لون أو اتنين أساسيين، ولون مميز للأزرار والتفاصيل المهمة، ودرجات محايدة للنصوص والخلفيات. واكتب القيم بالظبط: HEX للويب، وCMYK أو Pantone لو هتطبع.
وبعدها راجع التباين. نص رمادي فاتح على أبيض أو أصفر على برتقاني ممكن يبان شيك، بس زوار كتير هيتعبوا وهما بيقروه، خصوصاً على الموبايل في الشمس. اتأكد إن النصوص والأزرار واضحة على الخلفية بتاعتها.
5. خط عربي وخط لاتيني ماشيين مع بعض
الخطوط هي المكان اللي براندات كتير بلغتين بتقع فيه. خط إنجليزي حلو جنبه أي خط عربي من الجهاز بيخلي الصفحات العربي تبان كأنها اتعملت على الهامش. اختار خط عربي وخط لاتيني ليهم نفس الشخصية ونفس درجات التقل تقريباً.
Google Fonts مكان كويس تبدأ منه، لأن فيه عائلات خطوط كتير بتدعم العربي واللاتيني ومجانية للاستخدام على الويب. اختار خط للعناوين وخط للنصوص، وجرّب فقرات عربي طويلة، مش عنوان بس.
6. ستايل الصور
حدد صورك المفروض تحسس بإيه: فاتحة ونضيفة، دافية وقريبة، ولا فخمة وغامقة. وحدد هتستخدم صور حقيقية لفريقك ومكانك، ولا صور منتجات، ولا رسومات وأيقونات. الصور الحقيقية تقريباً دايماً بتبني ثقة أكتر من صور الإنترنت الجاهزة، خصوصاً للعيادات والمطاعم والخدمات.
7. نبرة الكلام باللغتين
اكتب من 3 لـ 5 كلمات بتوصف البراند بيتكلم إزاي، زي «دافي، مباشر، فاهم». وبعدين وضّح ده بأمثلة بالعربي والإنجليزي. حدد العربي بتاعك هيبقى مصري خفيف، ولا مريح لعملاء الخليج، ولا فصحى رسمية، وهتكلم العميل بالمفرد ولا الجمع. الثبات هنا بيخلي موقعك والسوشيال ميديا صوت واحد.
8. تمبلتات السوشيال ميديا
موقعك وحساباتك على Instagram وFacebook وLinkedIn لازم يبانوا من عيلة واحدة. جهّز كام تمبلت للبوستات والستوريز والكافرز بألوانك وخطوطك وقواعد اللوجو. وده كمان بيدي مصمم الموقع أشكال جاهزة للبانرات وصور المقالات.
9. ملف إرشادات البراند
اجمع كل اللي فات في ملف واحد قصير، غالباً PDF من 10 لـ 20 صفحة. يوضح استخدام اللوجو والمسافات حواليه والألوان والخطوط وأمثلة الصور ونبرة الكلام. وابعته لكل حد بيعملك محتوى، من الفريلانسرز للوكالات. ملف الإرشادات هو الفرق بين براند ولوجو.
10. صيغ الملفات والملكية
اتأكد إنك استلمت كل ملف بالصيغة الصح: SVG وPNG للويب، وPDF أو EPS للطباعة، والملفات المفتوحة القابلة للتعديل. وخلّي ملكيتك الكاملة للوجو وكل عناصر البراند مكتوبة. لو مصمم قديم لسه ماسك الملفات المفتوحة الوحيدة، حل الموضوع ده قبل ما مشروع الموقع يبدأ.
إزاي تستخدم قائمة الهوية البصرية مع مصمم موقعك
ابعت قائمة الهوية البصرية بعد ما تخلصها، مع ملف الإرشادات والملفات، جنب البريف بتاع المشروع. لو فيه بنود ناقصة، ده طبيعي. وكالة كويسة تقدر تكملها كجزء من مشروع هوية بصرية، وبعدين تنقل نفس النظام لـ تصميم موقع WordPress.
ولو البيزنس بتاعك بلغتين، اسأل التصميم هيتعامل إزاي مع اتجاه RTL والخطوط العربي والأيقونات المعكوسة. طريقتنا في تصميم المواقع العربي بتبدأ من البراند، مش من صفحة إنجليزي مترجمة.
الأسئلة الشائعة
محتاج هوية بصرية كاملة قبل ما أبني موقع؟
مش لازم تكون ضخمة، بس محتاج الأساسيات: لوجو بنسخ صغيرة، ألوان، خط عربي ولاتيني ماشيين مع بعض، ونبرة كلام واضحة. من غيرهم، الموقع هو اللي هيحدد شكل البراند بالصدفة.
قائمة الهوية البصرية بتاخد وقت قد إيه؟
لو عندك لوجو بالفعل، قائمة الهوية البصرية المركزة ممكن تخلص في أسبوع لـ 3 أسابيع. بناء هوية جديدة من الصفر بياخد وقت أكتر، لأن الاسم وأفكار اللوجو محتاجين وقت وآراء.
ينفع أستخدم خطوط مجانية لبراند عربي وإنجليزي؟
أيوه. خطوط كتير بجودة عالية على Google Fonts بتدعم العربي واللاتيني ومسموح استخدامها تجارياً على الويب. بس دايماً راجع ترخيص أي خط، خصوصاً للطباعة والتطبيقات.
أعمل إيه لو معايا ملف لوجو بجودة ضعيفة بس؟
اطلب الملفات المفتوحة من المصمم الأصلي. ولو مش متاح، أي مصمم يقدر يعيد رسم اللوجو كملف vector نضيف، ودي فرصة كويسة تظبط فيها كمان النسخ الصغيرة والـ favicon.
جاهز تحوّل البراند بتاعك لموقع متناسق بالعربي والإنجليزي؟ احكيلنا عن مشروعك من خلال صفحة التواصل واطلب عرض سعر مجاناً، وهنرد عليك خلال يوم عمل واحد.
