مولد لوحة تصميم المواد


ما هذا؟
هذا استنساخ (معدّل قليلاً) لمولد لوحة تصميم المواد الرسمي. يفعل بعض الأشياء:
- يبني لك لوحة ألوان كاملة من لون عرافة معينة
- يوفر لك الألوان التكميلية على أساس لونك الأساسي
- يسمح لك بتصدير اللوحات كمتغيرات JSON أو CSS
يعتمد كلاهما على معايير تصميم المواد ، ويستخدمون خوارزمية Google لاشتقاق الألوان.
لماذا هذا؟
تم تضمين مولد اللوحة الرسمية من Google ودفن في أعماق المستندات المادية. نظرًا لأنها أداة مضمنة ، فإنها مخفية أيضًا من محركات البحث ، مما يجعل من الصعب اكتشاف أو إشارة مرجعية.
لتسهيل الوصول إلى حد ما والحفاظ عليه لاستخدامي في المستقبل ، أمسك بالرمز المثير (لا يبدو أن البرامج النصية الأصلية عامة في أي مكان) وأضفت بعض تحسينات الواجهة الصغيرة. لم أغير الطريقة التي يتم بها اشتقاق الألوان.
الإضافات
- Sketch: بعد إنشاء لوحات وتصدير بيانات JSON ، يمكن لمستخدمي Sketch إنشاء أنماط طبقة مشتركة بسهولة باستخدام المكون الإضافي لـ Sketch Json Color Palette Emporter.
- VS Code: يمكن لمستخدمي Visual Studio Code الاستفادة من المكون الإضافي لمولدات لوحة تصميم المواد ، مستوحى من هذا المشروع واستنادا إلى هذا المشروع.
دعم هذا المشروع
ستكون هذه الأداة دائمًا مجانية ولكن دعمكم موضع تقدير كبير.
- اشتر لي القهوة
- Venmo
- التطبيق النقدي
- PayPal
ردود الفعل والمساهمة
إذا لاحظت مشكلة أو تريد إضافة ميزة ، فيرجى تقديم مشكلة على Github. يمكنك أيضًا إرسال التفاصيل لي عبر البريد الإلكتروني.
إذا كنت مطورًا وترغب في المساعدة في المشروع ، فيرجى التعليق على القضايا المفتوحة أو إنشاء مشكلة جديدة. بمجرد أن نتفق على مسار إلى الأمام ، يمكنك فقط تقديم طلب سحب ونقله إلى خط النهاية.
الاعتمادات
- مرحبًا ، أنا مايكل إيدلستون. قد تكون مهتمًا أيضًا بمولد Tint & Shade ، وهو أداة ألوان مفيدة أخرى قمت بها.
- معظم هذا هو حقوق الطبع والنشر لشركة Google Inc. إذا قمت بأي شيء مع الكود ، فيرجى الحفاظ على التراخيص التي تشير إليها في الجزء العلوي من الملفات الكبيرة.
- يمكنك استخدام أي من التعديلات الخاصة بي دون رصيد ، باستثناء ...
- صورة FAVICON من باب المجاملة Roundicons وسحبت من flaticon.com. إذا قمت بإعادة استخدامه ، فيرجى الاستمرار في الاعتماد على الخالق.
شكرا جزيلا لزيا فين وماتيسز Skórka على مساهماتهم القيمة في هذا المشروع.