Splync 1.13: Cải thiện khả năng nhìn trong Chế độ tối

Như bạn đã biết, bạn có thể thay đổi giao diện iPhone giữa Chế độ sáng và Chế độ tối. Nếu bạn chưa biết cách chuyển đổi, hãy làm theo các bước sau: Mở Cài đặt iPhone của bạn, cuộn xuống và nhấn vào Màn hình & Độ sáng. Bạn sẽ thấy hai hình ảnh xem trước được gắn nhãn Sáng và Tối. Nhấn vào hình ảnh bạn thích để áp dụng. Điều này cho phép bạn tùy chỉnh màn hình nhằm tăng cường khả năng nhìn và thoải mái tùy thuộc vào môi trường. Chế độ sáng đã tồn tại từ chiếc iPhone đầu tiên. Apple chính thức giới thiệu Chế độ tối cho iPhone và iPad với iOS 13 / iPadOS 13 vào tháng 9 năm 2019. Tính năng này làm hài lòng nhiều người dùng iPhone với giao diện tùy chỉnh. Một số người thích Chế độ sáng, trong khi số khác ưa chuộng Chế độ tối. Bạn cũng có thể chọn Tự động, chuyển đổi giữa hai chế độ dựa trên thời gian trong ngày.

Một ứng dụng có thể trông hoàn hảo trong Chế độ sáng nhưng lại khác hẳn trong Chế độ tối. Đôi khi, Chế độ tối có thể vô tình phá vỡ ý định thiết kế ban đầu của nhà phát triển, ảnh hưởng đến màu sắc, độ tương phản và thẩm mỹ tổng thể. Điều này có nghĩa là các nhà phát triển phải cẩn thận thiết kế và kiểm tra giao diện trong cả hai chế độ để đảm bảo trải nghiệm nhất quán và thú vị cho tất cả người dùng. Một giải pháp khả thi là chuẩn bị các chế độ xem và tài sản hình ảnh riêng biệt cho Chế độ sáng và Chế độ tối. Tuy nhiên, cách tiếp cận này nhanh chóng trở nên dư thừa và khó duy trì, đặc biệt khi ứng dụng phát triển và thêm các thành phần UI mới. Vì lý do này, hầu hết các nhà phát triển tránh phương pháp này và thay vào đó dựa vào các giải pháp linh hoạt hơn tự động thích ứng với cả hai chế độ ngoại hình.

May mắn thay, Apple đã giới thiệu các màu định nghĩa hệ thống tự động thích ứng với cả Chế độ sáng và Chế độ tối. Bằng cách sử dụng những màu sắc tích hợp này, các nhà phát triển có thể đảm bảo các phần tử UI của họ điều chỉnh một cách liền mạch dựa trên cài đặt ngoại hình của người dùng. Điều này loại bỏ nhu cầu quản lý riêng biệt các thiết kế và giúp duy trì sự nhất quán về hình ảnh trên cả hai chế độ. Ví dụ, các màu như label, systemBackground và secondarySystemBackground thay đổi động tùy thuộc vào ngoại hình hiện tại, cho phép ứng dụng duy trì khả năng đọc và cân bằng hình ảnh trong bất kỳ môi trường nào. Đó là lý do khi bạn chuyển từ Chế độ sáng sang Chế độ tối, màu văn bản mặc định chuyển từ đen sang trắng. Tuy nhiên, nếu một ứng dụng mã hóa cứng màu văn bản thành đen, văn bản sẽ vẫn đen ngay cả trong Chế độ tối, khiến nó gần như không thể nhìn thấy trên nền tối. Để ngăn vấn đề này, các nhà phát triển dựa vào màu sắc hệ thống, đảm bảo văn bản và phần tử UI tự động thích ứng với màu thích hợp cho từng chế độ.

Ban đầu, Splync không thân thiện lắm với người dùng Chế độ tối. Khi một người dùng báo cáo rằng các biểu tượng danh mục khó nhìn thấy trong Chế độ tối, tôi không thể giải quyết ngay lập tức. Lúc đó, tôi đang tập trung cải tiến các tính năng cốt lõi của ứng dụng nên không ưu tiên vấn đề hình ảnh này. Sau khi năm mới 2026 đến, tôi mới xem xét kỹ lưỡng hơn. Điều tôi phát hiện ra là đơn giản nhưng quan trọng: Hình ảnh biểu tượng là màu đen tuyền. Theo thuật ngữ kỹ thuật, chúng được gắn với màu #000000. Điều này có nghĩa là chúng vẫn đen bất kể điện thoại đang sử dụng chế độ nào. Vì vậy, trong Chế độ tối, các biểu tượng đen nằm trên nền tối như ngụy trang. Hơn nữa, tôi đã sử dụng màu trắng cố định trong mã của mình để làm mềm nền biểu tượng. Điều này hoạt động tốt trong Chế độ sáng, nhưng trong Chế độ tối lại tạo ra độ tương phản khó xử và không tự nhiên.

Đây là những gì tôi đã thay đổi. Thay vì áp đặt màu sắc, mã đã được sửa đổi của tôi chỉ dẫn ứng dụng để hệ thống tự động quyết định màu biểu tượng; Đen trong Chế độ sáng và Trắng trong Chế độ tối. Ngoài ra, mã này còn chỉ dẫn ứng dụng sử dụng màu riêng của từng danh mục làm màu nền nhẹ, thêm một đường viền tinh tế sử dụng cùng màu danh mục, và giữ mọi thứ sạch sẽ, dễ nhìn trong cả hai chế độ. Nói đơn giản, tôi đã ngừng áp đặt màu sắc và để iPhone tự xử lý một cách thông minh. Nhờ cải tiến này, biểu tượng danh mục giờ đây tự nhiên thích ứng với Chế độ sáng và Chế độ tối, giúp chúng rõ ràng và cân đối hình ảnh trong mọi môi trường. Sửa chữa này không tốn nhiều thời gian, nhưng tôi quyết định phát hành bản cập nhật ngay lập tức để các vấn đề lâu dài cho người dùng Chế độ tối có thể cuối cùng được giải quyết nhanh chóng.

Không có một thẩm mỹ “hoàn hảo” duy nhất. Mỗi người có một cảm nhận về thiết kế khác nhau. Ngay cả cùng một người cũng có thể cảm thấy khác biệt tùy thuộc vào ngày — hoặc thậm chí là thời gian trong ngày. Những gì trông đẹp vào buổi sáng có thể gây mất tập trung vào buổi tối. Đó là lý do mà các nhà phát triển phải tập trung vào tùy chỉnh, đồng thời cân bằng với sự đơn giản và dễ sử dụng. Thiết kế tốt không phải là ép buộc một kiểu. Đó là để người dùng lựa chọn cảm giác phù hợp với họ — Đó là những gì tôi tin tưởng.