إنتقل إلى المحتوى الرئيسي

ميزات اختيار اللون

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

متى تستخدم اختيار اللون​

السيناريومثال
ألوان المنتجلون الكوب، لون الإطار، لون الغلاف
ألوان النصلون النص المخصص على المنتج
ألوان الخلفيةلون خلفية التصميم
ألوان الإكسسواراتلون السلسلة، لون الخاتم

إضافة خيارات الألوان​

إضافة لون جديد​

  1. في المفتش (بعد تحديد حقل اختيار لون)، اذهب إلى قسم الألوان
  2. اضغط على "+ إضافة لون"
  3. استخدم منتقى الألوان (Color Picker) لاختيار اللون:
    • لوحة بصرية للنقر على اللون
    • إدخال رمز اللون مباشرة: HEX مثل #C49A6C
    • تعديل الشفافية (Alpha)
  4. اكتب اسم اللون (مثلاً: ذهبي)
  5. كرر العملية لكل لون

📸 Screenshot Needed

Dashboard Section: استوديو المنتجات > المفتش > قسم الألوان > منتقى الألوان UI State: منتقى الألوان مفتوح مع لوحة الألوان البصرية. حقل إدخال HEX يظهر #C49A6C. شريط الشفافية (Alpha) في الأسفل. معاينة اللون المختار. What to Capture: منتقى الألوان كامل مع جميع عناصر التحكم. RTL Note: RTL. اسم اللون بالعربية. Size: 400×350px

ترتيب الألوان وحذفها​

  • اسحب الألوان باستخدام مقبض السحب (⋮⋮) لتغيير ترتيبها
  • اضغط أيقونة الحذف (🗑) لحذف لون

أوضاع العرض​

الوضعالشكلمناسب لـ
عينات لونية (Swatch Grid)شبكة من الدوائر/المربعات الملونة٣-١٢ لونًا — الأكثر استخدامًا
أزرار (Button List)أزرار نصية بأسماء الألوانألوان قليلة بأسماء واضحة
قائمة منسدلة (Dropdown)قائمة منسدلة بأسماء الألوان٦+ ألوان لتوفير المساحة

📸 Screenshot Needed

Dashboard Section: استوديو المنتجات > معاينة العميل > حقل اختيار لون بوضع العينات UI State: الودجت في معاينة العميل يظهر حقل اختيار لون مع ٥ عينات لونية دائرية. إحداها محددة بإطار. What to Capture: حقل اختيار اللون كما سيراه العميل في الودجت. RTL Note: الودجت RTL. العينات من اليمين لليسار. Size: 400×150px

مجموعات الألوان ولوحات الألوان​

إنشاء مجموعة ألوان​

يمكنك حفظ مجموعة الألوان كلوحة قابلة لإعادة الاستخدام:

  1. اضغط على "حفظ كمجموعة ألوان" في قسم الألوان
  2. أدخل اسمًا للمجموعة (مثلاً: ألوان كوراسا الأساسية)
  3. تصبح المجموعة متاحة في مكتبة الألوان لاستخدامها في حقول ومنتجات أخرى

استخدام مجموعة ألوان موجودة​

  1. في حقل اختيار لون جديد، اضغط على "استيراد من المكتبة"
  2. اختر مجموعة الألوان المطلوبة
  3. الألوان تُنسخ إلى الحقل الحالي

للمزيد: مكتبات الأصول القابلة لإعادة الاستخدام

📸 Screenshot Needed

Dashboard Section: استوديو المنتجات > الشريط الجانبي > تبويب المكتبات > مجموعات الألوان UI State: تبويب المكتبات يعرض "مجموعات الألوان" مع عدة مجموعات محفوظة: "ألوان كوراسا الأساسية"، "ألوان الخريف"، "ألوان الربيع". كل مجموعة تظهر عينات من ألوانها. What to Capture: تبويب المكتبات مع مجموعات الألوان. RTL Note: RTL. Size: 350×400px

استخدام الصور كبديل للألوان​

في بعض الحالات، قد ترغب في استخدام صور بدلاً من عينات لونية. مثلاً:

  • نسيج الخشب: بدلاً من لون بني، تظهر صورة نسيج خشب
  • تدرج لوني: صورة تدرج بدلاً من لون واحد
  • نمط: صورة نمط متكرر

للقيام بذلك:

  1. استخدم حقل اختيار صورة بدلاً من حقل اختيار لون
  2. ارفع صورًا تمثل الألوان/الأنسجة التي تريدها
  3. استخدم وضع العرض "صور مصغرة"

📸 Screenshot Needed

Dashboard Section: استوديو المنتجات > المفتش > خيار لون مع صورة بديلة UI State: خيار في حقل اختيار لون يستخدم صورة (نسيج خشب) بدلاً من لون واحد. مربع الصورة يظهر النسيج. What to Capture: خيار يستخدم صورة بدلاً من لون. RTL Note: RTL. Size: 400×150px

ميزات متقدمة​

⚠️ قريبًا — الميزات التالية قيد التطوير

الميزةالوصفالحالة
تلوين الطبقات (Colorization)تطبيق اللون المختار على طبقة في الرسمقريبًا
دمج الألوان (Blending)دمج اللون مع صورة الطبقةقريبًا
تدرجات (Gradients)ألوان متدرجة بدلاً من الألوان الصلبةقريبًا
ألوان مترابطة (Linked Colors)ربط ألوان متعددة لتتغير معًاقريبًا

مثال من كوراسا​

حقل "لون الإطار"​

  • النوع: اختيار لون
  • التسمية: لون الإطار
  • وضع العرض: عينات لونية
  • الألوان: ذهبي (#C49A6C)، فضي (#C0C0C0)، أسود (#1A1A1A)، أبيض (#FFFFFF)، خشبي (#8B7355)
  • مطلوب: لا (اختياري)
  • افتراضي: ذهبي
  • الربط: طبقة الإطار في الرسم تتلون باللون المختار

نصائح وأفضل الممارسات​

  1. عدد الألوان: ٣-٨ ألوان هو العدد المثالي. أكثر من ١٢ لونًا يربك العميل
  2. أسماء واضحة: ذهبي أفضل من لون ١. استخدم أسماء مفهومة
  3. تباين كافٍ: تأكد من أن الألوان متباينة بما يكفي لتمييزها بسهولة
  4. تناسق مع المنتج: استخدم ألوانًا متوفرة فعليًا في منتجك
  5. استخدم مجموعات الألوان: إذا كنت تستخدم نفس الألوان في منتجات متعددة

مقالات ذات صلة​

آخر تحديث: 2026-05-17

آخر تحديث في