การออกแบบที่ชัดเจนและดูได้รวดเร็วสำหรับจอแสดงผลแบบออปติคัลซีทรู
Glimmer ของ Jetpack Compose คือระบบการออกแบบและชุดเครื่องมือ UI ของ Google สำหรับจอแสดงผลแบบมองทะลุ (OST) เช่น แว่นตา XR แบบใช้สาย ระบบการออกแบบจะช่วยให้คุณตัดสินใจซ้ำได้ ตั้งแต่สี แบบอักษร และรูปร่าง พื้นฐาน ไปจนถึงคอมโพเนนต์และคำแนะนำ
AI
Jetpack Compose Glimmer เป็นหนึ่งในเฟรมเวิร์ก UI แรกๆ ที่ได้รับการเพิ่มประสิทธิภาพสำหรับ จอแสดงผลแบบโปร่งใสและแว่นตา OST จะแสดงแสงของโปรเจ็กต์ โดยตรงเหนือโลกจริงแทนที่จะใช้การแสดงผลบนหน้าจอแบบทึบแสง Glimmer ช่วยให้นักพัฒนาแอปสร้าง UI ที่มีคอนทราสต์สูงและดูได้รวดเร็วซึ่งยังคง ความสมจริงในโลกจริง
แสดงผลแบบโปร่งใสก่อน
ได้รับการเพิ่มประสิทธิภาพและสนับสนุนโดยการวิจัยและวิทยาศาสตร์ด้านสีสำหรับจอแสดงผลแบบโปร่งใส และรูปแบบแว่นตาเพื่อประสบการณ์การมองทะลุผ่านเลนส์ที่สวยงามและรอบคอบ
อินพุตฮาร์ดแวร์
อินพุตการโต้ตอบได้รับการออกแบบมาโดยอิงตามความสามารถของแว่นตา XR แบบมีสาย
สร้างมาเพื่อวัตถุประสงค์เฉพาะ
สไตล์และคอมโพเนนต์ได้รับการออกแบบมาเพื่อใช้กับแว่นตาได้ทันที Glimmer ของ Jetpack Compose ได้รับการเพิ่มประสิทธิภาพสำหรับจอแสดงผลแบบมองทะลุและเพื่อความสะดวกสบายของผู้ใช้ แม้จะสร้างขึ้นมาเพื่อวัตถุประสงค์เฉพาะ แต่ก็ไม่ได้เป็นกฎตายตัว ซึ่งเป็นวิธีให้คุณปรับแต่ง ไฮไลต์โฟกัส นอกเหนือจากประเภทและสี
รูปแบบ
ภาษาออกแบบของ Jetpack Compose Glimmer มีธีมที่เรียบง่ายเพื่อการมองเห็นที่ดีที่สุดบนแว่นตา คุณปรับแต่งสีและประเภทเพื่อการแสดงความหมาย และแอปที่สอดคล้องกันได้ หลักการออกแบบภาพเน้นความชัดเจน ความสามารถในการอ่าน และการรบกวนน้อยที่สุด แม้ว่าแว่นตาแบบใช้สายจะมีขอบเขตการมองเห็นที่กว้างกว่าและอาจมีการรบกวน "โลกแห่งความจริง" น้อยกว่า แต่คุณก็ยังควรพิจารณาหลีกเลี่ยงการวาง UI ในตำแหน่งที่อาจรบกวนการมองเห็น
Glimmer มาพร้อมธีมพื้นฐานที่ได้รับการเพิ่มประสิทธิภาพสำหรับแว่นตา OST คุณปรับแต่งสีและ แบบอักษรเพื่อการแสดงความหมายและความสอดคล้องของแอปได้ สีดำจะโปร่งใสในจอแสดงผลแบบมองทะลุ โปรดคำนึงถึงข้อนี้เมื่อออกแบบ เนื่องจากสีเข้มจะดูทึบหรือโปร่งใส แต่ก็สามารถใช้เพื่อสร้างมิติความลึกได้เช่นกัน
รูปแบบสี
รูปแบบสีของแว่นตา (ชุดโทเค็นสีหรือบทบาทในการกำหนดธีมสี ของแอป) ประกอบด้วยบทบาทสีเฉพาะจุด 3 บทบาท สีพื้นผิว 6 บทบาท (หรือบทบาทที่เป็นกลาง) และสี On-Color ที่จับคู่กัน
ปรับแต่งสี
คุณปรับแต่งสีหลักให้ใช้สีของแบรนด์หรือสีของการโต้ตอบหลักได้ พิจารณาคอนทราสต์ ความอิ่มตัว และการใช้พลังงานของสีที่เลือก
อ่านเพิ่มเติมเกี่ยวกับระบบสีของ Glimmer และแนวทางปฏิบัติแนะนำ
การพิมพ์
Glimmer ของ Jetpack Compose มีประเภทสเกลเริ่มต้นที่ได้รับการเพิ่มประสิทธิภาพ บทบาทประเภทประกอบด้วยบทบาท 2 บทบาทที่มี 3 สไตล์ในแต่ละบทบาท โดยบทบาทประเภทจะอิงตามวัตถุประสงค์และลำดับชั้น ดูข้อมูลเพิ่มเติมได้ที่การพิมพ์ Glimmer
พื้นผิวและความลึก
แพลตฟอร์มมีเนื้อหา โดยจะช่วยให้ผู้ใช้เห็นจุดโฟกัสที่ชัดเจนในขอบเขตการมองเห็น ซึ่งอาจมีเนื้อหาหรือการดำเนินการ มีการใช้ข้อมูลเพิ่มเติมเกี่ยวกับพื้นผิวและความลึกใน Glimmer
คอมโพเนนต์
คอมโพเนนต์คือองค์ประกอบพื้นฐานที่สร้างขึ้นเพื่อวัตถุประสงค์ในการสร้าง UI แอปของคุณ ควรใช้ Jetpack Compose Glimmer สำหรับคอมโพเนนต์ เนื่องจากได้รับการเพิ่มประสิทธิภาพสำหรับ Use Case ที่ไม่เหมือนใครของแว่นตา OST ดูข้อมูลเพิ่มเติมได้ที่คอมโพเนนต์ Glimmer
หากพร้อมที่จะติดตั้งใช้งานคอมโพเนนต์แล้ว ดูเอกสารประกอบของ Jetpack Compose Glimmer
คอมโพเนนต์ Glimmer ครอบคลุมวัตถุประสงค์ด้าน UX หลายอย่าง คอมโพเนนต์บางอย่างมีปุ่ม สำหรับการดำเนินการ ตัวบ่งชี้ความคืบหน้าสำหรับการสื่อสาร สแต็กสำหรับการบรรจุ การนำทาง และตัวบ่งชี้เสียงสำหรับการป้อนข้อมูล