สีคือเวลา
ที่เหลือ

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

ใน 1.1

ใน 1.0

ลากหัว drawer ขึ้นลงหรือกดปุ่ม ป้ายบนเดือนเพิ่มลดตามพื้นที่ แตะวันที่เพื่อเปลี่ยนวัน (Galaxy S24, 360×780 dp)

หลักที่ใช้ตัดสินทุกอย่าง

ถ้าเจอกรณีที่เอกสารไม่ได้เขียนไว้ ให้เลือกทางที่ตรงกับหกข้อนี้

สีคือเวลาที่เหลือ

อะไรที่ผ่านไปแล้วจางเป็นสีอ่อนของตัวเอง ไม่ใช้ความโปร่งใส แถบทั้งวัน แถวในรายการ แถบ Gantt และขีดบนแถบฟ้าใช้กติกาเดียวกัน งานที่จบแล้วเปลี่ยนจุดเป็นวงกลวง

ฉากเงียบ สีสดเป็นของกิจกรรม

พื้นกับตัวอักษรมีสองชุด สว่างกับมืด โทนเย็นเกือบเป็นกลาง ไม่เปลี่ยนตามเวลา สีสดบนจอมีแค่สีของกิจกรรม กับสีของ “ตอนนี้”

พื้นที่เป็นตัวกำหนดจำนวน

ไม่มีตัวเลขตายตัวว่าแสดงกี่ป้าย ทุกอย่างคิดจากความสูงจริงหลังรวมขนาดตัวอักษรของเครื่องแล้ว จอยาว dpi สูง หรือ drawer ต่ำ ก็เห็นมากขึ้นเอง

เรียบ ไม่มีเงา ไม่มีกระจก

ความลึกมาจากขั้นของสี พื้น แผ่น แล้วสีของกิจกรรม เส้นบางใช้เฉพาะตรงที่พื้นสีเดียวกันมาชนกัน

ตัวอักษรผ่านเกณฑ์ทั้งสองโหมด

สีตัวอักษรถูกแก้ให้ได้ 4.5:1 กับพื้นที่มันวางอยู่ ทั้งพื้น แผ่น และพื้นสีของกิจกรรมทุกสี ทั้งโหมดสว่างและโหมดมืด

พูดได้ในประโยคเดียว

ทุกช่องและทุกแถวอ่านออกเสียงเป็นประโยคเดียว ชื่อขึ้นก่อน ตามด้วยเวลาและสถานะ สิ่งที่ทำได้ด้วยการปัดอย่างเดียวมีปุ่มทางลัดให้

หน้าจอหลัก

Pixel 9 Pro (427×952 dp) ตอน drawer ต่ำ จอยาวกว่า S24 ด้านบนจึงวางชื่อได้ 5 แถวต่อวัน หัวของหน้ารายละเอียดเป็นสีอ่อนของกิจกรรมเหมือนแถว มีแถบเวลาบอกว่างานอยู่ตรงไหนของวัน และไทม์ไลน์ใช้ภาษาเดียวกับเดือน

หน้าแรก drawer ต่ำ ป้ายได้ 5 แถว
รายละเอียด ดินเนอร์ตอนค่ำ
ไทม์ไลน์ แตะแถบเพื่อดูความคืบหน้า กด − เพื่อดูรายสัปดาห์

โหมดมืด

ตั้งค่า > ธีม มีสองแบบ: สว่างและมืด ครั้งแรกที่เปิดแอปใช้ตามธีมของระบบ สีของฉากไม่เปลี่ยนตามเวลาของวัน โหมดมืดเป็นเทาเข้มอมฟ้านิด ๆ ไม่ใช่ดำสนิท พื้นของกิจกรรมผสมสีมากขึ้น (แถบ 32% แถว 26%) เพราะพื้นมืดกลืนสีอ่อน ตัวอักษรทุกตัวถูกแก้ค่าใหม่ให้ผ่านเกณฑ์เหมือนโหมดสว่าง สองเครื่องแรกคือหน้าเดียวกัน เวลาเดียวกัน ต่างกันแค่ธีม

สว่าง
มืด
ไทม์ไลน์ มืด
รายละเอียด มืด

จากเอกสารไปโค้ด

ชื่อในเอกสารตรงกับชื่อในโค้ด ส่วนที่ขึ้นว่าใหม่คือสิ่งที่ต้องเพิ่ม ส่วนที่ขึ้นว่าปรับคือเปลี่ยนกติกาในไฟล์เดิม

ส่วนในโค้ดงานหน้า
สีของฉากLightAxyraColors, DarkAxyraColors ใน core/designsystem/Color.ktปรับค่าเป็นโทนเย็น เลือกตามตั้งค่าธีมพื้นฐาน
โทนของสีกิจกรรมEventTones ใน core/designsystem/EventColors.ktใหม่ แทน contentColorOn() บนพื้นสีทึบพื้นฐาน
ตัวอักษรAxyraFontFamily (Anuphan), AxyraNumeralFamily (Instrument Sans), AxyraTypographyปรับพื้นฐาน
การเคลื่อนไหวAxyraMotionคงเดิม เพิ่มการโผล่ของป้ายพื้นฐาน
จัดแถวกิจกรรมในสัปดาห์layoutWeek() ใน core/model/WeekLayout.ktปรับ: สามชั้น ข้ามวัน ทั้งวัน มีเวลา งานที่มีเวลาที่จบแล้ววันนี้ไม่ได้แถวป้ายบนเดือน
จำนวนป้ายและแถวจุดlaneCapacity(), WeekPainter ใน ui/month/MonthGrid.ktปรับ: เลิกสลับทั้งช่องเป็นจุดที่ 2 แถว วาดแคปซูลและขีดเวลาป้ายบนเดือน
รายการของวันDayDrawer.kt, DayAgenda.ktปรับแถวและช่วงว่างรายการของวัน
ไทม์ไลน์ui/timeline/ ใช้ layoutWeek() แบบหลายสัปดาห์ใหม่ไทม์ไลน์
จอพับhomePanes() ใน ui/home/HomePanes.ktคงกติกา ปรับหน้าตา Tabletopจอพับ
วิดเจ็ตกิจกรรมที่จะถึงwidget/, WidgetAgenda.of()ปรับ: แถบฟ้า ชิป ถังความสูง 280 dpวิดเจ็ต
วิดเจ็ตนาฬิกาใหม่ ใน widget/ใหม่: TextClock ใน AndroidRemoteViews กับหน้าปัดที่วาดลง bitmapนาฬิกา
ฟ้าตารางแยกของบทฟ้า: SkyCalculator, skyEvents(), SkyRoute, Occasionใหม่ใน 1.1ภาพรวมฟ้า