โหมดสว่างและโหมดมืด
คุณสามารถเปลี่ยนรูปลักษณ์ iPhone ของคุณระหว่างโหมดสว่างและโหมดมืดได้ หากยังไม่รู้วิธีทำตามนี้ เปิดการตั้งค่า iPhone ของคุณ เลื่อนลงและแตะที่การแสดงผลและความสว่าง คุณจะเห็นภาพตัวอย่างสองภาพที่มีป้ายกำกับว่า สว่าง และ มืด แตะอันที่คุณต้องการเพื่อใช้ ปรับแต่งหน้าจอคุณให้เหมาะสมตามสภาพแวดล้อมของคุณ โหมดสว่างมีมาตั้งแต่ iPhone รุ่นแรก ส่วนโหมดมืด Apple เปิดตัวอย่างเป็นทางการใน iOS 13 / iPadOS 13 ในเดือนกันยายน 2019 คุณลักษณะนี้ทำให้ผู้ใช้ iPhone หลายคนพอใจ บางคนชอบโหมดสว่าง ในขณะที่บางคนหลงใหลในโหมดมืด คุณยังสามารถเลือกอัตโนมัติ ซึ่งสลับไปมาระหว่างสองโหมดตามเวลาของวันได้
นักพัฒนาควบคุมการออกแบบ UI ระหว่างสองโหมดได้อย่างไร
แอพบางแอพอาจดูสมบูรณ์แบบในโหมดสว่าง แต่อาจแตกต่างไปในโหมดมืด บางครั้งโหมดมืดอาจทำลายเจตนาเดิมของนักพัฒนา ส่งผลต่อสีและความคมชัด นักพัฒนาต้องออกแบบและทดสอบอินเทอร์เฟซในทั้งสองโหมดเพื่อประสบการณ์ที่ยอดเยี่ยม โซลูชันหนึ่งคือเตรียมการแสดงผลและภาพที่แตกต่างกันสำหรับโหมดสว่างและมืด แต่แนวทางนี้อาจกลายเป็นภาระและยากต่อการบำรุงรักษาเมื่อแอพขยายตัวและเพิ่มองค์ประกอบ UI ใหม่ ๆ นักพัฒนาส่วนใหญ่จึงหลีกเลี่ยงวิธีนี้และเลือกโซลูชันที่ปรับตัวอัตโนมัติ
ใช้คุณลักษณะ UI ของระบบ
โชคดีที่ Apple แนะนำสีที่ระบบกำหนด ซึ่งปรับตัวอัตโนมัติในโหมดสว่างและมืด การใช้สีเหล่านี้ช่วยให้แน่ใจว่าองค์ประกอบ UI ปรับตัวตามการตั้งค่ารูปลักษณ์ของผู้ใช้ ลดการจัดการดีไซน์ที่ต้องทำด้วยตนเอง และรักษาความสม่ำเสมอ ตัวอย่างเช่น สีอย่าง label, systemBackground, และ secondarySystemBackground จะเปลี่ยนไปตามรูปลักษณ์ปัจจุบัน ช่วยให้อ่านง่ายและสมดุลในทุกสภาพแวดล้อม นั่นคือเหตุผลที่เมื่อคุณสลับจากโหมดสว่างไปโหมดมืด สีข้อความเริ่มต้นจะเปลี่ยนจากดำเป็นขาว แต่ถ้าแอพระบุสีข้อความเป็นดำ ข้อความจะยังคงเป็นดำในโหมดมืด ทำให้แทบมองไม่เห็นกับพื้นหลังที่มืด นักพัฒนาจึงหันมาใช้สีระบบ เพื่อให้ข้อความและองค์ประกอบ UI ปรับตัวอัตโนมัติในแต่ละโหมด
ปัญหาโหมดมืดกับไอคอนหมวดหมู่ของ Splync
Splync ไม่ค่อยเป็นมิตรกับผู้ใช้โหมดมืดในตอนแรก มีผู้ใช้รายหนึ่งรายงานว่าไอคอนหมวดหมู่ดูยากในโหมดมืด แต่ผมไม่สามารถแก้ไขได้ทันที ขณะนั้นผมมุ่งเน้นไปที่การพัฒนาฟีเจอร์หลักของแอพ จึงไม่ได้ให้ความสำคัญกับปัญหานี้ จนถึงต้นปี 2026 ผมได้ตรวจสอบปัญหาและพบว่า ไอคอนทั้งหมดเป็นสีดำสนิท หรือในทางเทคนิคนั้นถูกกำหนดไว้ที่สี #000000 นั่นหมายความว่ายังคงเป็นสีดำไม่ว่ามือถือจะอยู่ในโหมดใด ดังนั้นในโหมดมืด ไอคอนสีดำจึงเหมือนหลบเนียนบนพื้นหลังที่มืด อีกทั้งผมยังตั้งสีขาวในโค้ดเพื่อทำให้พื้นหลังไอคอนนุ่มขึ้น ซึ่งทำงานได้ดีในโหมดสว่าง แต่ในโหมดมืดสร้างความขัดแย้งและไม่รู้สึกเป็นธรรมชาติ
โค้ดใหม่ทำอะไรกับสีไอคอน
นี่คือสิ่งที่ผมเปลี่ยนแปลงแทนที่จะบังคับสี ผมเขียนโค้ดใหม่ให้แอพเลือกสีไอคอนอัตโนมัติ ดำในโหมดสว่างและขาวในโหมดมืด นอกจากนี้ โค้ดยังให้แอพใช้สีของแต่ละหมวดหมู่เป็นพื้นหลังที่นุ่มนวล เพิ่มกรอบสีเดียวกัน และรักษาความสะอาดและอ่านง่ายในทั้งสองโหมด พูดง่าย ๆ คือหยุดบังคับสีและปล่อยให้ iPhone จัดการเอง ขอบคุณการพัฒนานี้ ตอนนี้ไอคอนหมวดหมู่ปรับตัวได้อย่างเป็นธรรมชาติในทั้งโหมดสว่างและมืด ชัดเจนและดูดีไม่ว่าจะอยู่ในสภาพแวดล้อมใด แม้จะใช้เวลาไม่นาน แต่ผมตัดสินใจปล่อยอัปเดตทันที เพื่อให้แก้ปัญหาสำหรับผู้ใช้โหมดมืดที่รอคอยมาอย่างยาวนานได้เร็วที่สุด
สีมีความสำคัญ
ไม่มีดีไซน์ใดที่สมบูรณ์แบบสำหรับทุกคน ความรู้สึกต่อดีไซน์แตกต่างกันออกไป แม้แต่คนเดียวกันยังรู้สึกต่างกันตามวันหรือแม้แต่เวลาของวัน สิ่งที่ดูดีในตอนเช้าอาจดูลายตาในตอนกลางคืน นั่นเป็นเหตุผลที่นักพัฒนาต้องเน้นการปรับแต่ง แต่ยังคงความเรียบง่ายและใช้งานง่าย การออกแบบที่ดีไม่ใช่การบังคับสไตล์เดียว แต่เป็นการให้ผู้ใช้เลือกสิ่งที่เหมาะกับพวกเขา นั่นคือสิ่งที่ผมเชื่อ