Contents
Vào năm 2017, một ngôn ngữ thiết kế mới được gọi là Hệ thống thiết kế chất lỏng của Microsoft Vâng Microsoft chính thức phát hành , còn được gọi tắt là Thiết kế thông thạo. Microsoft đặt tham vọng của mình vào thiết kế chất lỏng rất rộng. Gã khổng lồ phần mềm không chỉ muốn mang ngôn ngữ thiết kế mới này lên tất cả các sản phẩm của mình mà còn muốn nó được áp dụng trên các nền tảng AR, ứng dụng di động VR, Android và iOS.
Vậy thiết kế chất lỏng là gì?
Như đã nói ở trên Fluent Design là một ngôn ngữ thiết kế Cross-platform được Microsoft phát triển và phát hành vào năm 2017. Fluent Design là phiên bản cải tiến của Metro Design và kế thừa những ưu điểm của ngôn ngữ Material Design của Google.
Fluent Design là ngôn ngữ thiết kế mới của MicrosoftFluent Design được tạo nên từ 5 yếu tố chính bao gồm:
- Ánh sáng lờ mờ),
- Độ sâu (Độ sâu)
- Phong trào (Phong trào)
- material (vật liệu)
- Khả năng mở rộng.
Những yếu tố này sẽ làm cho Fluent Design trở thành ngôn ngữ thiết kế chính xác cho các ứng dụng thực tế ảo và trải nghiệm mới.
Chi tiết về các yếu tố tạo nên Thiết kế trôi chảy
1. ánh sáng
Theo ngôn ngữ Fluent Design, ánh sáng là công cụ thu hút sự chú ý của người dùng, tai nghe mắt thấy, vì vậy việc bố trí ánh sáng đúng và hợp lý sẽ giúp giao diện người dùng dễ sử dụng và đẹp hơn rất nhiều. Các nút có ánh sáng nổi bật sẽ hướng dẫn người dùng sử dụng các chức năng, dịch vụ …
2. Chiều sâu
Ngoài yếu tố Ánh sáng, Độ sâu làm cho các dịch vụ và ứng dụng trông đẹp hơn, linh hoạt hơn và dễ sử dụng hơn. Thay vì những khung hình phẳng và nhàm chán của Metro Design, Fluent Design với ánh sáng và chiều sâu hợp lý đã tạo nên một diện mạo mới hấp dẫn cho các giao diện ứng dụng, biểu tượng ứng dụng …
3. Phong trào
Chuyển động là thứ thu hút sự chú ý của người dùng. Giao diện ứng dụng trở nên thú vị hơn khi người dùng có thể nhìn thấy và tương tác với các yếu tố chuyển động. Có nhiều kiểu chuyển động trong Fluent Design, chẳng hạn như làm sâu hơn, mờ dần, thị sai (thị sai: hiển thị các đối tượng ở xa và gần sẽ khác nhau) …
Bộ biểu tượng ứng dụng mới của Microsoft được thiết kế theo phong cách Fluent Design
Microsoft giải thích ý nghĩa của các mẫu logo Fluent Design sẽ được sử dụng trong Windows 10
4. Vật liệu
Với Fluent Design, Microsoft hy vọng rằng các ứng dụng và dịch vụ của họ có thể mô phỏng độ nhạy và sự sống động của các vật liệu trong thế giới thực. Sẽ không còn là những ô vuông không có gì đặc biệt, vật liệu mới, những mảng mờ, hay còn gọi là vật liệu acrylic, sẽ là điểm nhấn của Fluent Design.
5. Khả năng mở rộng / Giảm
Mọi thứ được thiết kế trong Fluent Design sẽ thay đổi tỷ lệ dựa trên các yếu tố hình thức, kích thước màn hình và không gian khác nhau (0D và 3D). Kết quả là đối tượng ứng dụng sẽ được hiển thị động tùy theo nền tảng mà nó đang chạy. Điều này rất hữu ích cho các ứng dụng và dịch vụ đa nền tảng có thể chạy trong môi trường AR và VR.
Quay lưng lại với quá khứ, nhìn về tương lai
Trên thực tế, các yếu tố quan trọng của Fluent Design trái ngược hẳn với khái niệm phẳng của Metro Design, vốn là mục tiêu của Microsoft trong quá khứ. Tuy nhiên, ngôn ngữ thiết kế mới của Microsoft vẫn giữ được sự gọn gàng của Metro, làm mới diện mạo của Aero, một ngôn ngữ thiết kế được giới thiệu trong Windows Vista và Windows 7.
Các tính năng mà Fluent Design “vay mượn” từ Aero bao gồm
- hiệu ứng mờ,
- hiệu ứng thị sai
- Bóng tối
- Đánh dấu hiệu ứng theo con trỏ chuột …
Không chỉ tất cả các ứng dụng và dịch vụ của mình, Microsoft còn muốn mang Fluent Design lên các nền tảng AR và VR, cũng như các ứng dụng di động trên iOS và Android.
Với thiết kế chất lỏng Mục tiêu cuối cùng của Microsoft là tạo ra thực tế hỗn hợp, mang đến cho người dùng những giao diện ứng dụng và phần mềm tự nhiên, mang hơi thở cuộc sống thực. vượt ra ngoài các mẫu thiết kế thông thường.