ธีมไดนามิกของ Android 12 อาจมีให้บริการในแพลตฟอร์มอื่นๆ มากขึ้น

Google ให้ความสำคัญกับระบบธีมแบบไดนามิกของ Material You อย่างจริงจัง เห็นได้ชัดว่าบริษัทต้องการ OEM ของ Android มากขึ้นเพื่อนำเสนอเอ็นจิ้นธีม (โมเน่ต์ หรืออะไรทำนองนั้น) บน แอนดรอยด์ 12 อุปกรณ์ แต่ดูเหมือนว่าจะไม่ครอบคลุมแผนของ Google สำหรับระบบธีมที่ใช้วอลเปเปอร์ ขณะนี้บริษัทได้เปิดซอร์สไลบรารีรหัส Material Color Utilities เพื่อพยายามนำระบบธีมใหม่ไปสู่แพลตฟอร์มที่มากขึ้น

ในโพสต์บล็อกล่าสุด (ผ่าน 9to5Google) James O'Leary จาก Google เปิดเผยว่า Material Color Utilities เป็นไลบรารีโค้ดข้ามแพลตฟอร์มสำหรับสี ซึ่ง รวมทุกสิ่งที่นักพัฒนาจะต้องใช้ระบบธีมไดนามิกของ Material You บนแพลตฟอร์มต่างๆ ปัจจุบันห้องสมุดมีให้บริการใน Dart, Java และ Typescript แต่ Google วางแผนที่จะนำไปใช้กับ iOS, CSS ผ่าน SASS และ GLSL shaders เนื่องจากเป็นโอเพ่นซอร์ส ใครๆ ก็สามารถมีส่วนร่วมกับห้องสมุดได้

นอกจากนี้ โพสต์ในบล็อกยังให้ความกระจ่างว่าระบบธีมแบบไดนามิกทำงานบน Android 12 อย่างไร ตามที่โพสต์อธิบาย ทุกครั้งที่คุณเปลี่ยนวอลเปเปอร์บนอุปกรณ์ Android 12:

"ขั้นแรก วอลล์เปเปอร์จะถูกวัดปริมาณ โดยลดจำนวนสีหลายพันสีในนั้นให้เหลือน้อยลงโดยการรวมสีเหล่านั้นเข้าด้วยกันในปริภูมิสี ชุดสีที่ลดลงมีขนาดเล็กพอที่จะรันอัลกอริธึมทางสถิติเทียบกับประสิทธิภาพ อัลกอริธึมเหล่านี้ใช้ในการให้คะแนนและกรองสี Android 12 มีตัวเลือกสีสำหรับสีสันและปริมาณรูปภาพที่สื่อออกมา และจะกรองสีที่ใกล้เคียงกับสีเดียวออก

สีหนึ่งสีซึ่งถูกกำหนดให้เป็นสีอันดับสูงสุดโดยอัลกอริทึม หรือเลือกโดยผู้ใช้ในเครื่องมือเลือกวอลเปเปอร์ จะกลายเป็นสีต้นทาง เฉดสีและโครม่ามีอิทธิพลต่อโทนสีโดยรวม ทำให้เกิดโทนสีน้ำเงินที่สดใสหรือสีเขียวหม่น ขึ้นอยู่กับสีที่ผู้ใช้เลือก

โดยใช้สีต้นฉบับ เราสร้างจานสีหลัก ซึ่งเป็นชุดของจานสี 5 โทนสี จานสีถูกกำหนดโดยเฉดสีและโครมา สีในพาเล็ตมาจากโทนสีที่แตกต่างกัน ชุดโทนสีเหล่านี้ช่วยลดภาระการรับรู้สำหรับนักออกแบบเมื่อสร้างระบบการออกแบบ: แทนที่จะระบุเฉดสีและโครมาสำหรับแต่ละบทบาท สามารถใช้ชุดโทนสีแทนได้

สุดท้ายนี้ เราจะกรอกตารางที่กำหนดเฉดสีและโทนสีของแต่ละบทบาทสี จากนั้นใช้ค่าเหล่านั้นและ HCT เพื่อสร้างสีที่ใช้ในธีม"

นอกจากนี้ โพสต์ในบล็อกยังเน้นย้ำว่า Google คิดค้นสี HCT ใหม่ (เฉดสี โครมา โทนสี) ได้อย่างไร ระบบมาแทนที่ระบบ HSL (hue, saturation, lightness) ที่มีอยู่เพื่อทำการออกแบบด้วยสี ง่ายขึ้น. คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับระบบสีใหม่นี้ได้โดยลองดูที่ โพสต์บล็อกต้นฉบับ.