Liquid Glass

Liquid Glass

Thiết kế Liquid Glass trên iOS 26.1 trên một chiếc iPhone 15
Nhà phát triển	Apple Inc.
Phát hành lần đầu	9 tháng 6 năm 2025; 11 tháng trước (2025-06-09)
Hệ điều hành	iOS, iPadOS, macOS, tvOS, visionOS, watchOS
Thay thế cho	Aqua (macOS) Thiết kế phẳng (iOS, iPadOS)
Thể loại	Ngôn ngữ thiết kế
Website	developer.apple.com/documentation/technologyoverviews/liquid-glass

Liquid Glass (tạm dịch: Thủy tinh Lỏng) là một ngôn ngữ thiết kế được phát triển bởi Apple như một chủ đề trực quan thống nhất cho các giao diện người dùng đồ họa trong bộ hệ điều hành của hãng. Nó được công bố lần đầu tiên vào ngày 9 tháng 6 năm 2025, tại Hội nghị các nhà phát triển toàn cầu (WWDC). Liquid Glass có giao diện linh hoạt, năng động giống như thủy tinh, có khả năng phản xạ và khúc xạ nền phía sau. Liquid Glass được giới thiệu trong iOS 26, iPadOS 26, macOS Tahoe, tvOS 26, visionOS 26, và watchOS 26.^[1]

Apple tìm kiếm một ngôn ngữ thiết kế mới để thống nhất giao diện và cảm nhận của các yếu tố giao diện trên các thiết bị của mình, vốn có kích thước cửa sổ và màn hình hiển thị đa dạng.^[2][3]

Hãng mô tả Liquid Glass là một "vật liệu" năng động kết hợp "các đặc tính quang học của thủy tinh với cảm giác linh hoạt".^[4] Theo hướng dẫn giao diện con người (Human Interface Guidelines) cập nhật của Apple, các ứng dụng được tạo bằng Liquid Glass nên thể hiện sự phân cấp giữa nội dung và các nút điều khiển.^[5] Thiết kế này có các yếu tố tự động thích ứng với môi trường của chúng bằng cách phản xạ và khúc xạ ánh sáng. Các yếu tố kỹ thuật số có tính bán trong suốt, tương phản với các điểm sáng bên ngoài của hình dạng chúng.^[6][7]

Phó chủ tịch cấp cao về kỹ thuật phần mềm của Apple, Craig Federighi, cho biết các nhà thiết kế đã sử dụng các xưởng thiết kế công nghiệp của công ty để chế tạo thủy tinh với nhiều độ mờ đục và đặc tính thấu kính khác nhau, để họ có thể khớp chặt chẽ các đặc tính giao diện với đặc tính của thủy tinh thật.^[7]

Liquid Glass cải tổ các thành phần giao diện iOS hiện có như văn bản, thanh trượt, công tắc gạt, cảnh báo, bảng điều khiển, thanh bên, và thiết kế kính mờ tổng thể, bằng cách giới thiệu một "vật liệu" mới, mà theo cách gọi của Apple là một hiệu ứng hình ảnh mang lại cảm giác về chiều sâu và sự phân cấp giữa các yếu tố.^[8][9] Vật liệu mới được giới thiệu bởi Liquid Glass khúc xạ và phản xạ bất kỳ yếu tố nào được đặt phía sau nó, sử dụng ánh sáng và trình đổ bóng (shader) thực tế để trông giống như một mảnh thủy tinh thật. Vật liệu này thích ứng với giao diện sáng hoặc tối để làm cho văn bản và biểu tượng trên vật liệu dễ đọc, và phản ứng với chuyển động của thiết bị trên iOS và iPadOS.^[10] Vật liệu này được tích hợp vào các ứng dụng khác nhau và toàn bộ hệ thống, chẳng hạn như thanh Dock, thông báo và Trung tâm điều khiển, đồng thời cũng có thể được sử dụng bởi các ứng dụng của bên thứ ba.^[9][11] Federighi cho biết Apple silicon cung cấp sức mạnh tính toán bổ sung cần thiết để chạy Liquid Glass.^[12][13]

Các biểu tượng ứng dụng đã được thiết kế lại để sử dụng hệ thống phân lớp giống như hệ thống được sử dụng trên visionOS và tvOS, áp dụng độ bán trong suốt và hiệu ứng lấp lánh giống thủy tinh, cũng phản ứng với chuyển động của thiết bị, đồng thời sử dụng nhiều gradient hơn. Các biểu tượng ứng dụng giờ đây có thể áp dụng giao diện trong suốt (clear look) mới, làm cho nền sử dụng vật liệu Liquid Glass ở tông màu sáng hoặc tối, khiến nó trông như trong suốt.^[14] Các thanh công cụ và các yếu tố khác trên màn hình không còn được ghim vào viền thiết bị nữa, thay vào đó được tách thành các bong bóng xuất hiện và biến mất dựa trên ngữ cảnh. Ví dụ: thanh tab của ứng dụng Nhạc thu nhỏ lại khi cuộn. Thiết kế mới cũng cho phép vật liệu thay đổi hình dạng và kích thước, chẳng hạn như chú giải công cụ chọn văn bản mở rộng để hiển thị tất cả các tùy chọn trong một danh sách dọc.^[15] Trong một video trình bày chi tiết về sự thay đổi thiết kế, Apple tuyên bố rằng ngôn ngữ này chịu ảnh hưởng của ngôn ngữ thiết kế Aqua của macOS, tính năng làm mờ Gaussian thời gian thực trong iOS 7, chuyển động trong iPhone X, Dynamic Island trên iPhone 14 Pro trở về sau, và giao diện người dùng giống thủy tinh của visionOS.^[6][7]

Liquid Glass đã nhận được những phản ứng trái chiều. Một số người dùng ca ngợi tính thẩm mỹ của các hệ điều hành được thiết kế bằng ngôn ngữ này^[16] và ấn tượng bởi các hiệu ứng tái tạo các đặc tính khúc xạ và thấu kính của thủy tinh.^[17][18] Tuy nhiên, những người dùng khác lưu ý rằng một số yếu tố quá trong suốt, khiến văn bản khó đọc trong môi trường có độ tương phản thấp, chẳng hạn như dưới ánh sáng mặt trời trực tiếp.^[16][19] Các nhà thiết kế được phỏng vấn bởi Wired cảm thấy rằng các hiệu ứng hình ảnh làm xao nhãng khỏi nội dung ứng dụng.^[17] Một nhà thiết kế cho biết các nhà phát triển với đội ngũ nhỏ hơn có thể gặp khó khăn trong việc đáp ứng các tiêu chuẩn hình ảnh cao do giao diện mới đặt ra.^[17]

Thiết kế này đánh dấu sự thay đổi trong các ngôn ngữ thiết kế của Apple, chuyển từ một số đặc điểm của thiết kế phẳng được phổ biến bởi Jony Ive trong iOS 7 (2013) sang các yếu tố mô phỏng thực tế (skeuomorphic) biểu cảm hơn.^[17][20] Nhiều nhà phê bình và người dùng mạng xã hội nhận thấy sự tương đồng với Aqua và Windows Aero, bao gồm các kết cấu giống thủy tinh được phổ biến bởi Windows Vista.^[18][21][22] Liquid Glass chịu ảnh hưởng mạnh mẽ từ "glassmorphism", một phong cách thiết kế trở nên phổ biến vào năm 2021 một phần nhờ Windows 11 của Microsoft và việc sử dụng Hệ thống thiết kế Fluent cũng như macOS Big Sur của chính Apple.^[23][24]

Các khiếu nại về tính dễ đọc trong bản phát hành beta đầu tiên dành cho nhà phát triển đã khiến Apple điều chỉnh độ trong suốt của Liquid Glass.^[25][26] Những người đánh giá lưu ý rằng bản Beta 3 dành cho nhà phát triển đã làm cho các thanh điều hướng và khung giao diện (interface chrome) mờ đục hơn để tạo độ tương phản, và các bản beta tiếp theo đã tinh chỉnh vật liệu hơn nữa, bao gồm các điều chỉnh đối với lớp phủ hệ thống và nền phương thức (modal backgrounds). Một số bản build sau đó đã giới thiệu các điều khiển bổ sung để điều tiết mức độ trong suốt, mang lại cho người dùng sự linh hoạt hơn về khả năng đọc trong các điều kiện ánh sáng khác nhau.^[27]

• Aqua (giao diện người dùng)
• Hệ thống thiết kế Fluent
• Frutiger Aero
• Windows Aero
• Neumorphism

• Liquid Glass trong Tài liệu Nhà phát triển của Apple

Bản mẫu:MacOS