لأن الألوان تلعب دور مهم في جودة التصميم، وبعض المصممين قد يواجهون صعوبة في اختيار مجموعة الألوان المناسبة للتصميم.
ثريد اليوم بيكون عن أنواع Color Palette مع أدوات مساعدة في اختيار الألوان 🌈 🧵.
ثريد اليوم بيكون عن أنواع Color Palette مع أدوات مساعدة في اختيار الألوان 🌈 🧵.
أنواع الألوان اللي ممكن ندمجها لصناعة Color Palette:
١- الألوان أحادية اللون (Monochromatic Colors):
تتكون من لون واحد ويتم صناعة الألوان الأخرى عن طريق تغميق اللون او تفتيحه. الصعوبة تكمن في جعل التصميم غير ممل لاستخدام درجة لون واحد فقط.
١- الألوان أحادية اللون (Monochromatic Colors):
تتكون من لون واحد ويتم صناعة الألوان الأخرى عن طريق تغميق اللون او تفتيحه. الصعوبة تكمن في جعل التصميم غير ممل لاستخدام درجة لون واحد فقط.
٢- الألوان المماثلة (Analogous Colors):
تتكون من ٣ ألوان قريبة من بعضها في عجلة الألوان وبستخدم بكثرة كلون خلفية للأشياء لأن تعطي نسبة تباين مرتفعة واللي مهمة عشان يكون لون الخلفية ولون الخط واضح وسهل القراءة.
تتكون من ٣ ألوان قريبة من بعضها في عجلة الألوان وبستخدم بكثرة كلون خلفية للأشياء لأن تعطي نسبة تباين مرتفعة واللي مهمة عشان يكون لون الخلفية ولون الخط واضح وسهل القراءة.
٣- الألوان المكملة (Complementary Colors):
تتكون من ألوان تقابل بعضها البعض في عجلة الألوان وهي عكس الألوان المماثلة والألوان أحادية اللون. تستخدم في الأشياء المراد جذب الإنتباه لها مثل Call To Action (CTA).
تتكون من ألوان تقابل بعضها البعض في عجلة الألوان وهي عكس الألوان المماثلة والألوان أحادية اللون. تستخدم في الأشياء المراد جذب الإنتباه لها مثل Call To Action (CTA).
٤- الألوان المقسمة المكملة (Split- complementary Colors):
نفس فكرة الألوان المكملة بس نأخذ لونين بدل من لون واحد مقابل للون المختار في عجلة الألوان. مثلاً في الصورة بنأخذ الأزرق واللي مقابله الأصفر والأحمر.
نفس فكرة الألوان المكملة بس نأخذ لونين بدل من لون واحد مقابل للون المختار في عجلة الألوان. مثلاً في الصورة بنأخذ الأزرق واللي مقابله الأصفر والأحمر.
٥-الألوان الثلاثية (Triadic Colors):
تتكون من ٣ ألوان تقع على أبعاد متساوية من بعضها البعض على عجلة الألوان. غالباً لون واحد يستخدم بشكل رئيسي والباقي بشكل ثانوي.
تتكون من ٣ ألوان تقع على أبعاد متساوية من بعضها البعض على عجلة الألوان. غالباً لون واحد يستخدم بشكل رئيسي والباقي بشكل ثانوي.
من أهم الأشياء اللي لابد ما نغفل عنها هي نسبة التباين بين ألوان الخلفية وألوان مكونات الواجهة الأخرى ونتأكد من اننا حققنا نسبة تباين مرتفعة عشان يكون التصميم واضح وسهل قراءة معلوماته من قبل جميع فئات المجتمع. ولو حاب تعرف أكثر ممكن تقرأ الثريد هذا.
هذا الموقع بيفيدك في إنتاج مجموعة ألوان تكون محققة لقوانين (Web Content Accessibility Guidelines).
colorsafe.co
colorsafe.co
ولو حاب مواقع تقدر تأخذ منها مجموعة ألوان لتصميمك. هذا الثريد بيفيدك.
وبكذا وصلنا لنهاية الثريد، لاتنسون المشاركة لإفادة الغير وشكراً 💜.
جاري تحميل الاقتراحات...