Google випускає бібліотеку Material Color Utilities, намагаючись запровадити динамічні теми на основі шпалер на більшій кількості платформ.
Google серйозно ставиться до системи динамічної тематики Material You. Компанія, очевидно, хоче більше OEM-виробників Android запропонують механізм створення тем (Моне чи щось подібне) увімкнено Android 12 пристроїв, але це, схоже, не входить до планів Google щодо системи створення тем на основі шпалер. Тепер компанія відкрила бібліотеку коду Material Color Utilities, намагаючись перенести нову систему тем на більше платформ.
У нещодавній публікації в блозі (через 9to5Google), Джеймс О’Лірі з Google розповідає, що Material Color Utilities — це міжплатформна бібліотека коду для кольорів, яка містить усе, що знадобиться розробникам для реалізації динамічної системи оформлення матеріалів Material You на різних платформах. Зараз бібліотека доступна в Dart, Java і Typescript, але Google планує перенести її на iOS, CSS через SASS і шейдери GLSL. З огляду на те, що це відкритий код, будь-хто може зробити внесок у бібліотеку.
Крім того, публікація в блозі проливає світло на те, як саме працює система динамічних тем на Android 12. Як пояснюється в публікації, щоразу, коли ви змінюєте шпалери на пристрої Android 12:
«По-перше, шпалери квантуються, зменшуючи тисячі кольорів у них до меншої кількості шляхом злиття їх у колірному просторі. Скорочений набір кольорів досить малий, щоб ефективно виконувати статистичні алгоритми. Ці алгоритми використовуються для оцінки та фільтрації кольорів; Android 12 надає параметри кольорів для барвистості та того, скільки зображення вони представляють, і фільтрує кольори, близькі до монохромних.
Вихідним кольором стає один колір, який за замовчуванням є найвищим за алгоритмом або вибраний користувачем у панелі вибору шпалер. Його відтінок і кольоровість впливають на загальну колірну схему, уможливлюючи яскраву блакитну схему або приглушену зелену, залежно від вибору користувача.
Використовуючи вихідний колір, ми створюємо основну палітру, яка являє собою набір із 5 тональних палітр. Тональна палітра визначається відтінком і кольоровістю; кольори в палітрі походять з різних тонів. Ці тональні палітри зменшують когнітивне навантаження для дизайнерів під час створення системи дизайну: замість визначення відтінку та кольоровості для кожної ролі можна замінити тонову палітру.
Нарешті, ми заповнюємо таблицю, яка визначає колірний відтінок і тон кожної ролі кольору, а потім використовуємо ці значення та HCT для створення кольорів, які використовуються в темі».
Крім того, у дописі в блозі розповідається про те, як Google винайшов новий колір HCT (відтінок, кольоровість, тон). система для заміни існуючої системи HSL (відтінок, насиченість, світлота) для створення дизайну з кольорами легше. Ви можете дізнатися більше про цю нову систему кольорів, переглянувши оригінальний допис у блозі.