Thiết kếĐăng ngày 6 phút đọc
Widget Liquid Glass trên iOS 26: đẹp và vẫn dễ đọc
Widget Liquid Glass trên iOS 26 trông thế nào ở chế độ mặc định, tối, tô màu và trong suốt (Clear), cách thiết kế widget dễ đọc trên nền kính và chọn hình nền.
Có bản tiếng:English
Liquid Glass là ngôn ngữ thiết kế mới của Apple trên iOS 26, mang chất liệu trong mờ như kính vào khắp hệ thống, từ thanh điều hướng, menu đến biểu tượng và widget trên màn hình chính. Widget giờ có thể hiển thị ở kiểu trong suốt (Clear) bên cạnh các kiểu mặc định, tối và tô màu. Kết quả rất đẹp, nhưng cũng đặt ra một câu hỏi thực tế: làm sao để widget vẫn dễ đọc khi nền phía sau thay đổi liên tục? Bài viết này giải thích các chế độ hiển thị, nguyên tắc thiết kế cho nền kính và cách chọn hình nền phù hợp.
Liquid Glass là gì?
Nói đơn giản, Liquid Glass là cách Apple làm cho giao diện trông như được làm từ một lớp kính có độ dày. Các bề mặt trong mờ, để lộ một phần nội dung phía sau, có độ khúc xạ và ánh sáng phản chiếu nhẹ ở viền, đồng thời phản ứng với chuyển động và nội dung bên dưới.
Mục tiêu của phong cách này là làm nội dung chính nổi bật hơn, còn các lớp điều khiển thì nhẹ nhàng lùi về sau. Trên màn hình chính, điều đó có nghĩa là biểu tượng và widget hoà vào hình nền nhiều hơn, thay vì là những khối màu đặc tách biệt.
Đây là thay đổi lớn nhất về mặt thị giác của iPhone trong nhiều năm, nên không lạ khi nhiều người muốn làm mới toàn bộ màn hình chính sau khi cập nhật.
Các chế độ hiển thị widget trên iOS 26
Bạn chọn kiểu hiển thị cho biểu tượng và widget bằng cách nhấn giữ vùng trống trên màn hình chính, rồi vào Sửa → Tuỳ chỉnh (Edit → Customize). Mỗi chế độ thay đổi cách widget được vẽ:
| Chế độ | Widget trông thế nào | Hợp với |
|---|---|---|
| Mặc định | Giữ màu sắc gốc do nhà thiết kế widget chọn | Người thích widget nhiều màu, giàu thông tin |
| Tối | Nền tối, màu được làm dịu cho dễ nhìn vào ban đêm | Màn hình nền tối, dùng máy nhiều buổi tối |
| Tô màu | Toàn bộ biểu tượng và widget được phủ một tông màu do bạn chọn | Người muốn màn hình đồng nhất theo một màu |
| Trong suốt (Clear) | Widget như một tấm kính, nội dung hiện rõ trên nền mờ của hình nền | Hình nền đẹp mà bạn muốn khoe |
Điều quan trọng cần hiểu: ở chế độ tô màu và trong suốt, hệ thống sẽ điều chỉnh màu của widget. Màu bạn hoặc nhà thiết kế chọn ban đầu có thể không còn giữ nguyên. Đây là lý do một widget chỉ dựa vào màu sắc để truyền đạt thông tin sẽ dễ bị "mất chữ" trên iOS 26.
Thiết kế widget dễ đọc trên nền kính
Dù bạn tự thiết kế widget hay chỉ chọn mẫu có sẵn, những nguyên tắc sau giúp widget luôn rõ ràng ở mọi chế độ.
Ưu tiên độ tương phản
Nền kính để lộ hình nền phía sau, nên độ tương phản giữa chữ và nền không cố định. Chữ trắng có thể rất rõ trên vùng tối của ảnh nhưng biến mất trên vùng trời sáng. Hãy chọn widget có chữ đủ đậm và có lớp mờ đủ dày phía sau để giữ tương phản ổn định.
Dùng độ đậm thay vì màu sắc
Ở chế độ tô màu và trong suốt, màu có thể bị hệ thống thay đổi. Vì vậy, cách tạo thứ bậc thông tin bền vững nhất là dùng độ đậm và kích thước chữ: con số chính đậm và lớn, thông tin phụ mảnh và nhỏ hơn. Nếu cần phân biệt trạng thái (đã xong, chưa xong), hãy dùng hình dạng như vòng tròn đầy và vòng tròn rỗng thay cho xanh và đỏ.
Hình khối đơn giản
Trên nền kính, các chi tiết phức tạp như hoạ tiết nhỏ, bóng đổ nhiều lớp hay viền mảnh dễ bị rối. Hình khối đơn giản, bo góc nhất quán và ít lớp chồng nhau sẽ cho cảm giác "kính" sạch sẽ hơn.
Tránh chữ quá nhỏ
Chữ nhỏ trên nền trong mờ khó đọc hơn hẳn chữ cùng cỡ trên nền đặc. Với widget kích cỡ Nhỏ, hãy giới hạn ở một con số hoặc một dòng chính. Nếu cần nhiều thông tin, chuyển sang kích cỡ Vừa hoặc Lớn thay vì nhồi nhét. Bạn có thể xem lại cách đổi kích cỡ trong bài cách thêm widget vào màn hình chính iPhone.
Chọn hình nền cho màn hình Liquid Glass
Hình nền giờ là một phần của widget, vì nó hiện xuyên qua lớp kính. Vài gợi ý:
- Chọn ảnh có vùng màu đều ở những chỗ đặt widget, ví dụ bầu trời, mặt nước, tường trơn, vải.
- Tránh ảnh nhiều chi tiết nhỏ và tương phản gắt như tán lá, đám đông hay chữ viết, vì chúng sẽ "lọt" qua lớp kính và làm rối nội dung.
- Ảnh chuyển màu mềm (gradient) gần như luôn đẹp với chế độ trong suốt.
- Thử độ sáng tổng thể: hình nền tối trung bình giúp chữ trắng nổi bật; hình nền sáng hợp với chữ tối và chế độ mặc định hơn.
- Đặt widget ở vùng yên tĩnh của ảnh, còn phần chủ thể đẹp nhất thì để lộ ra ở những ô trống.
Nếu cần thêm ý tưởng phối màu, bài ý tưởng màn hình chính đẹp có hẳn một bố cục "kính mờ ấm" rất hợp với iOS 26.
Phong cách Clear Frost của WidgyKit
Clear Frost là phong cách widget của WidgyKit lấy cảm hứng từ kính mờ: nền trong mờ nhẹ, chữ đậm rõ, hình khối đơn giản và bo góc đồng nhất. Phong cách này áp dụng đúng những nguyên tắc ở trên, nên đặt cạnh biểu tượng Liquid Glass vẫn hài hoà mà không đánh đổi khả năng đọc.
Vì WidgyKit gom nhiều loại widget trong một app, bạn có thể dùng cùng phong cách Clear Frost cho đồng hồ, thời tiết, lịch âm, thói quen và đếm ngược. Cả màn hình liền mạch, thay vì mỗi widget một kiểu kính khác nhau. Mỗi mẫu cũng có bố cục riêng cho ba kích cỡ Nhỏ, Vừa và Lớn, để nội dung luôn vừa vặn khi bạn đổi cỡ.
Một gợi ý bố cục dễ áp dụng:
- Hàng trên cùng: widget đồng hồ kích cỡ Vừa kiểu Clear Frost.
- Hàng giữa: hai widget kích cỡ Nhỏ, ví dụ lịch âm và thời tiết.
- Phần còn lại: chừa khoảng trống để hình nền thở, chỉ đặt vài app thường dùng ở thanh dock.
Câu hỏi thường gặp
Widget cũ có hoạt động ở chế độ trong suốt không?
Thông thường có, hệ thống sẽ tự áp dụng kiểu hiển thị. Tuy nhiên, widget không được thiết kế cho nền kính có thể kém rõ, nhất là nếu dựa nhiều vào màu sắc.
Làm sao chuyển widget sang kiểu trong suốt?
Nhấn giữ vùng trống trên màn hình chính, chọn Sửa → Tuỳ chỉnh, rồi chọn kiểu trong suốt. Bạn có thể quay lại kiểu mặc định bất cứ lúc nào.
Widget kiểu kính có cập nhật chậm hơn không?
Không. Kiểu hiển thị chỉ thay đổi cách widget được vẽ; thời điểm làm mới vẫn do hệ điều hành quyết định như ở các chế độ khác.
Lời kết
Liquid Glass khiến màn hình chính iPhone trông nhẹ nhàng và liền mạch hơn bao giờ hết, miễn là widget được thiết kế để đọc tốt trên nền kính. Hãy nghĩ đến tương phản, độ đậm, hình khối đơn giản và một hình nền yên tĩnh. Nếu muốn có sẵn một bộ widget theo tinh thần đó, bạn có thể xem bộ sưu tập widget WidgyKit. Còn nếu thích tự tay thiết kế, WidgyKit Studio cho phép bạn xem trước widget ở chế độ sáng và tối trước khi xuất bản.
Đọc tiếp
Năng suất6 phút đọc
Widget đồng hồ thế giới cho đội làm việc từ xa
Cách dùng widget đồng hồ thế giới khi làm việc từ xa với khách hàng Nhật, Mỹ, châu Âu, Úc: chọn thành phố, giờ mùa hè, xếp lịch họp và nhắn tin đúng giờ.
Cảm hứng5 phút đọc
Ý tưởng widget đếm ngược: từ Tết, sinh nhật đến ngày lương
Tổng hợp ý tưởng widget đếm ngược cho màn hình chính: Tết Đinh Mùi 2027, sinh nhật, kỳ thi, chuyến đi, đám cưới, ngày giỗ âm lịch, ngày lương và deadline.
Năng suất5 phút đọc
Hướng dẫn dùng widget theo dõi thói quen để không bỏ cuộc
Cách dùng widget theo dõi thói quen trên màn hình chính: chọn 1–3 thói quen, kiểu hiển thị vòng hay chuỗi ngày, kích cỡ, vị trí đặt và lộ trình 30 ngày.