التفكير في طرق لحل لوحات الألوان
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
في تحدّي واجهة المستخدم التصويرية اليوم، ينشئ @AdamArgyleInk لوحة ألوان واسعة باستخدام okLCH، ويتحقّق من أزواج الألوان التي يمكن الوصول إليها على طول الطريق، ويفحص الألوان باستخدام أدوات مطوّري البرامج، ويعرض العديد من الحيل الرائعة الأخرى للاستفادة من ميزات مساحة الألوان الجديدة على الويب.
الفصول:
- 0:00 - مقدمة
- 0:24 - HSL وLCH
- 2:09 - كانيوس
- 2:50 - نظرة عامة على العرض التوضيحي
- 3:51 - لون okLCH الأول
- 5:14 - منتقي الألوان في "مجموعة أدوات مطوّري البرامج" ضمن "مجموعة واسعة"
- 6:53 - لون okLCH إضافي
- 9:40 - نظرة عامة على oklch.com
- 11:05 - مزيد من ألوان okLCH
- 14:08 - okLCH والتباين الذي يمكن الوصول إليه
- 16:08 - استخدام لوحة الألوان
- 19:12 - تعديل تدرُّج الألوان
- 20:28 - تعيين تعديلات للتحكم في التباين
- 22:05 - الملخّص
- 22:53 - زاوية تصحيح الأخطاء
- 23:22 - الخاتمة
المراجع:
مشاهدة المزيد من تحدّيات واجهة المستخدم التصويرية ← https://goo.gle/GUIchallenges
الاشتراك في Google Chrome Developers ← https://goo.gle/ChromeDevs
arrow_back الرجوع إلى كل الحلقات
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2023-05-17 (حسب التوقيت العالمي المتفَّق عليه)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"لا يحتوي على المعلومات التي أحتاج إليها."
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"الخطوات معقدة للغاية / كثيرة جدًا."
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"المحتوى قديم."
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ثمة مشكلة في الترجمة."
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"مشكلة في العيّنات / التعليمات البرمجية"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"غير ذلك"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"يسهُل فهم المحتوى."
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"ساعَدني المحتوى في حلّ مشكلتي."
},{
"type": "thumb-up",
"id": "otherUp",
"label":"غير ذلك"
}]
{"lastModified": "\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0623\u062e\u064a\u0631: 2023-05-17 (\u062d\u0633\u0628 \u0627\u0644\u062a\u0648\u0642\u064a\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0627\u0644\u0645\u062a\u0641\u0651\u064e\u0642 \u0639\u0644\u064a\u0647)"}
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2023-05-17 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]