الصفحة الرئيسية » أدوات » تقدم Color.css إعدادات افتراضية جديدة للألوان على الويب

    تقدم Color.css إعدادات افتراضية جديدة للألوان على الويب

    العثور على نظام ألوان رائع لموقع الويب الخاص بك ليس بالمهمة السهلة. ولكن ، أصبح الأمر أسهل بكثير مع مكتبة الألوان آدم مورس.

    هذه مكتبة CSS المجانية يعمل قبالة ألوان الويب الأصلية التي كانت تعتبر “شبكة آمنة” وصدر لأول مرة مع HTML4 مرة أخرى في عام 1999. كما يمكنك أن تتخيل ، لقد قطعت شبكة الويب شوطا طويلا منذ ذلك الحين.

    مع الألوان ، يمكنك ذلك الكتابة فوق خيارات الألوان الافتراضية واستخدم الإعدادات الافتراضية الأكثر ملاءمة للتخطيط الخاص بك. هذه الألوان تناسب معا أسهل بكثير و خلق توتر أقل عن طريق تخفيف التباين.

    على سبيل المثال ، بدلاً من # 000 للأسود ، تستخدم هذه المكتبة # 111 إلى الحفاظ على نفس المستوى من الظلام أثناء إزالة بعض التباين المضطرب. هذا يعمل بشكل أفضل بكثير للنص والخلفيات.

    يمكنك تثبيت الألوان عبر npm أو من خلال جيثب عن طريق تحميل ورقة الأنماط مباشرة.

    أفضل للجميع ، ذلك يأتي مع حوامل مجانية يمكنك الاستيراد إلى برامج التصميم الخاصة بك لسهولة الوصول إلى الألوان. يتم تضمين ملفات العينات التالية:

    • .أكو (محل تصوير)
    • .بورصة عمان (المصور / XD)
    • .GPL (الأعرج / إنكسكيب)

    إذا قمت بتصميم الكثير من النماذج بالحجم الطبيعي بالألوان الافتراضية ، فإنني أوصي تمامًا بالحصول على نسخة من هذه العينات. ستندهش من مدى توافق هذه الألوان مع أي تصميم.

    بالاضافة الى ذلك ، Color.css لها حتى الخاصة بها خطط الوصول حيث ستجد 90 مجموعات من الألوان التي تلبي مواصفات WCAG للوصول إلى الجودة. هذا ضخم لأي شخص يحاول دعم أوسع جمهور ممكن ، ومن الرائع رؤية المصممين الذين يهتمون كثيرًا بعمل UI / UX الحديث.

    ولكن الأهم من ذلك ، أنه من الرائع رؤية الكثير من التقدم في مجتمع المصادر المفتوحة.

    من المضحك أن ننظر إلى الوراء على المواقع القديمة لمعرفة مدى تحسينها. ويمكن قول الشيء نفسه بالنسبة لاتجاهات التصميم العامة ، وخاصة خيارات الألوان ومكتبات CSS.

    لمعرفة المزيد عن مكتبة الألوان ، تفضل بزيارة الصفحة الرئيسية وتحقق من أمثلة حية. يمكنك سحب .المغلق الملف ، جنبا إلى جنب مع جميع ملفات سواتش مباشرة من جيثب ريبو, جدا.