تساعد الألوان على بناء هوية علامة تجارية قوية، وتثير المشاعر، وتوجّه انتباه المستخدم إلى أقسام محددة في موقعك. كما أن اختيار لوحة ألوان مدروسة يجعل موقعك جذابًا بصريًا وسهل التذكّر لدى زوارك. يشرح هذا الدليل كيفية تعديل ألوان موقعك، واختيار أنظمة الألوان، واستخدام الخيارات المخصّصة لتخصيص النصوص والأزرار والتخطيطات.
لإدارة ألوان موقعك، اتبع الخطوات التالية:
في محرّر الموقع، انقر على Design في القائمة العلوية.
اختر Colors من القائمة المنسدلة.
استخدم القائمة الجانبية لاستعراض أنظمة الألوان المتاحة أو لاختيار الخيارات المخصّصة.
اختر خيار Popular للاختيار من لوحات جاهزة أو لإنشاء لوحة خاصة بك:
Selection - انقر على نظام ألوان لتطبيقه فورًا، أو انقر على زر الإضافة (+) لعرض المزيد من الاختلافات.
Customization - انقر على كل لون داخل النظام لاختيار لون جديد من منتقي الألوان.
Filtering and Favorites - استخدم عامل التصفية لعرض الأنظمة وفق ألوان محددة، أو انقر على أيقونة القلب لوضع علامة مفضلة على اللوحة.
Generation Tools - انقر على أيقونة Palette لإنشاء نظام باستخدام كود هاشتاغ، أو استخدم أيقونة Image لإنشاء لوحة ألوان بالاعتماد على صورة غلاف الصفحة الرئيسية.
استخدم خيار Custom لضبط عناصر محددة عبر موقعك:
اللون الرئيسي والأزرار - اختر اللون الأساسي للروابط والأقسام المهمة. استخدم أزرار "Apply to all" لمزامنة هذا اللون بسرعة عبر جميع العناصر ونصوص الأزرار.
ألوان القائمة - خصّص ألوان خلفية القائمة والنص وتأثيرات التحويم (Hover) والحدود وخطوط الفصل بين الصفحات.
ألوان الصفحات - عيّن ألوان الخلفية والنص والعناصر للصفحة الرئيسية (Main Page) والصفحة الثانية (Second Page) والصفحات الداخلية (الصفحات غير المعروضة في الصفحة الرئيسية).
الأقسام والتذييل - عدّل اللون الأساسي لأقسام محددة في صفحاتك، واختر ألوان الخلفية والنص لتذييل الموقع.
التسلسل الهرمي البصري - يساعد استخدام لون رئيسي متسق المستخدمين على تمييز العناصر التفاعلية مثل الأزرار والروابط بسهولة أكبر.
اتساق العلامة التجارية - يُعد إنشاء نظام ألوان من صورة صفحتك الرئيسية طريقة سريعة لضمان تطابق ألوان موقعك مع هوية علامتك التجارية الأساسية.
تأثيرات التحويم (Hover) - تذكّر مراجعة ألوان التحويم في القائمة لضمان بقاء النص مقروءًا عند تفاعل الزائر مع التنقل.
التحقق من وضوح لون النص - بعد تعديل ألوان النص في موقعك، من المهم مراجعة التغييرات للتأكد من أن لون النص المحدد يبرز أمام الخلفية ومربعات النص وألوان الأزرار. إذا امتزج النص مع هذه العناصر، فقد يؤدي ذلك إلى مشكلات تجعل مربعات الاختيار ومحتوى الصفحة ونصوص الأزرار تبدو "غير مرئية".
