Chuyển đến nội dung chính

iOS 26 và Liquid Glass: cuộc thiết kế lại lớn nhất một thập kỷ của Apple có ý nghĩa gì với dev di động

Suốt chín năm, iPhone gần như không đổi diện mạo. iOS 7 làm phẳng phần mềm của Apple vào năm 2013, và mọi bản phát hành từ đó chỉ tinh chỉnh phong cách phẳng, đục ấy chứ không thay đổi tận gốc. iOS 26 — phiên bản đang được phát hành cho iPhone toàn cầu — chấm dứt kỷ nguyên đó. Tính năng chủ đạo là Liquid Glass, một vật liệu trong suốt mà Apple đã áp dụng xuyên suốt hệ điều hành, từ màn hình khóa đến thanh công cụ của app.

Liquid Glass thực chất là gì

Liquid Glass là một vật liệu kết xuất, không chỉ là bảng màu. Giống thủy tinh thật, nó cho ánh sáng và màu của nội dung phía sau xuyên qua, khúc xạ và phản chiếu khi bạn cuộn. Apple mô tả nó là nền tảng cho “một thập kỷ thiết kế iOS tiếp theo” — tức đây không phải thử nghiệm một mùa, mà là chuẩn mực mới.

Với người dùng, hiệu ứng thấy ngay: thanh công cụ trong suốt, thanh tab bắt màu theo nội dung phía sau, và các nút như đang lơ lửng trên giao diện. Lần đầu tiên kể từ iOS 7, mở một app quen thuộc lại thấy mới mẻ.

Vì sao dev nên quan tâm

Một thay đổi vật liệu toàn hệ thống không bao giờ chỉ là thẩm mỹ. Khi Apple đổi ngôn ngữ thiết kế, ba điều xảy ra với người làm app:

  • Thành phần gốc tự đổi phong cách. App dùng control chuẩn của UIKit và SwiftUI sẽ tự thừa hưởng Liquid Glass. Đó là món quà cho đội bám giao diện mặc định — và lời cảnh báo cho đội tự dựng giao diện riêng giờ trông lỗi thời.
  • Cần kiểm tra lại tương phản và độ dễ đọc. Trong suốt nghĩa là chữ và biểu tượng nằm trên nền thay đổi theo nội dung. Bố cục vốn giả định nền đặc phía sau có thể mất tương phản. Mỗi màn hình xứng đáng được rà lại về khả năng tiếp cận.
  • Giao diện thương hiệu phải chọn. Nghiêng theo Liquid Glass cho cảm giác bản địa, hay giữ bản sắc riêng? Cả hai đều hợp lệ, nhưng phải là quyết định có chủ đích.

Ý nghĩa nếu bạn làm bằng Flutter

Đội đa nền tảng không nhận Liquid Glass “miễn phí” như app UIKit thuần, nhưng hệ sinh thái Flutter đã theo kịp nhanh. Các bản Flutter gần đây đã hỗ trợ đầy đủ bộ công cụ iOS 26 và giới thiệu Cupertino Squircles — góc bo cong liên tục khớp với hình dạng bản địa của Apple. Nếu mục tiêu là một app thấy “thuộc về” iOS 26, việc bám sát bộ widget Cupertino và kiểm thử với SDK iOS mới nhất giờ quan trọng hơn năm ngoái.

Kết luận

iOS 26 là bản cập nhật iPhone có ý nghĩa thị giác lớn nhất trong chín năm, và Liquid Glass sẽ ở lại. Với dev, việc cần làm không kịch tính nhưng có thật: tận dụng thành phần hệ thống khi có thể, kiểm tra lại độ dễ đọc ở mọi nơi, và giữ bộ công cụ luôn mới. Những app “hợp” iOS 26 nhất sẽ là app của các đội coi cuộc thiết kế lại này là dịp để rà soát giao diện — chứ không phải vấn đề để phớt lờ.


Bài viết gốc đăng tại FlutterCook. Bản trên đó là bản được cập nhật mới nhất.

Nhận xét

Bài đăng phổ biến từ blog này

Thiết kế giao diện với DotNetBar (Phần 1)

Đây là phiên bản DotNetBar hỗ trợ C# và Visual Basic https://www.dropbox.com/s/wx80jpvgnlrmtux/DotNetBar.rar  , phiên bản này hỗ trợ giao diện Metro cực kỳ “dễ thương” Các bạn load về và cài đặt, khi cài đặt xong sẽ có source code mẫu của tất cả các control. Để sử dụng được các control của DotNetBar các bạn nhớ add item vào controls box. Thiết kế giao diện với DotNetBar, giao diện sẽ rất đẹp. Link các video hướng dẫn chi tiết cách sử dụng và coding: http://www.devcomponents.com/dotnetbar/movies.aspx Hiện tại DotNetBar có rất nhiều công cụ cực mạnh, trong đó có 3 công cụ dưới đây: DotNetBar for Windows Forms Requires with Visual Studio 2003, 2005, 2008, 2010 or 2012.   DotNetBar for WPF Requires with Visual Studio 2010 or 2012 and Windows Presentation Foundation.   DotNetBar for Silverlight Requires with Visual Studio 2010 or 2012 and Silverlight. Dưới đây là một số hình ảnh về các control trong DotnetBar.   Metro User Interface  controls with Metro Tiles, toolba...

5 concepts every Flutter dev should know

  Phụ lục: State management architecture Testing IDE Shortcuts Platform channel Maintaining a project Tôi đã làm việc với Flagship trong một thời gian dài, và đây là những điều mà tôi phát hiện ra là điều cần phải có đối với bất kỳ nhà phát triển Flagship nào, về tổng thể nó sẽ khiến bạn trở thành một nhà phát triển Flagship giỏi trong thời gian dài. 1. State management architecture Đây là một trong những chủ đề quan trọng nhất trong cộng đồng thiết bị rung, nó khá quan trọng nếu bạn muốn duy trì một dự án rung kích thước trung bình hoặc lớn. Nó sẽ giúp tạo một dự án suôn sẻ và thêm các tính năng mới một cách hoàn hảo.  2. Testing Đây là một chủ đề duy nhất mà tôi không hiểu tại sao nó lại quan trọng trước đó trong sự nghiệp của tôi, nhưng khi tôi tiến lên trong sự nghiệp của mình và có kinh nghiệm với nhiều dự án và vấn đề xảy ra trong môi trường sản xuất. Tôi đã nhận ra một cách khó khăn, tại sao điều này lại quan trọng như vậy. Nếu bạn vẫn muốn có thêm lý do để cân nhắc thử...

Announcing Flutter 2

  Phụ lục: Flutter on the web Flutter 2 on desktops, foldables, and embedded devices The growing Flutter ecosystem Dart: The secret sauce behind Flutter Flutter 2: Available now Hôm nay, chúng tôi sẽ công bố Flutter 2: một bản nâng cấp lớn cho Flutter cho phép các nhà phát triển tạo các ứng dụng đẹp, nhanh chóng và di động cho bất kỳ nền tảng nào. Với Flutter 2, bạn có thể sử dụng cùng một cơ sở mã để gửi các ứng dụng gốc cho năm hệ điều hành: IOS, Android, Windows, macOS và Linux; cũng như trải nghiệm web nhắm mục tiêu các trình duyệt như Chrome, Firefox, Safari hoặc Edge. Flutter thậm chí có thể được nhúng vào ô tô, TV và thiết bị gia dụng thông minh, mang đến trải nghiệm di động và lan tỏa nhất cho thế giới điện toán xung quanh. Mục tiêu của chúng tôi là thay đổi cơ bản cách các nhà phát triển nghĩ về việc xây dựng ứng dụng, bắt đầu không phải với nền tảng bạn đang nhắm mục tiêu mà là với trải nghiệm bạn muốn tạo. Flutter cho phép bạn tạo ra những trải nghiệm tuyệt đẹp trong đó ...