Năm 2017, ngôn ngữ thiết kế mới có tên Microsoft Fluent Design System được Microsoft chính thức trình làng , hay còn được gọi ngắn gọn là Fluent Design. Microsoft đặt tham vọng vào Fluent Design là rất lớn. Gã khổng lồ phần mềm không chỉ muốn đưa 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 ứng dụng trên cả các nền tảng AR, VR, các ứng dụng di động Android và iOS nữa.
Vậy Fluent Design là gì?
Như đã nói ở trên Fluent Design là một ngôn ngữ thiết kế đa nền tảng được Microsoft phát triển và ra mắt vào năm 2017. Fluent Design là phiên bản nâng cấp của Metro Design và kế thừa cả những ưu điểm từ ngôn ngữ thiết kế 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 bởi 5 yếu tố chính gồm
- Ánh sáng (Light),
- Chiều sâu (Depth)
- Chuyển động (Motion)
- Chất liệu (Material)
- Khả năng mở rộng/thu hẹp (Scale).
Các yếu tố này sẽ giúp Fluent Design trở thành ngôn ngữ thiết kế tối ưu cho các ứng dụng thực tế ảo và các trải nghiệm mới.
Chi tiết về những yếu tố tạo nên Fluent Design
1. Ánh sáng
Trong ngôn ngữ Fluent Design thì ánh sáng là công cụ thu hút sự chú ý của người dùng , mắt thấy tai nghe vì vậy việc bố trí ánh sáng đúng, hợp lý sẽ giúp giao diện người dùng thân thiện hơn, đẹp hơn rất nhiều. Các nút bấm có ánh sáng nổi bật sẽ hướng dẫn người dùng sử dụng đúng chức năng, dịch vụ...
2. Chiều sâu
Bên cạnh yếu tố Ánh sáng thì Chiều sâu giúp dịch vụ, ứng dụng trông đẹp mắt hơn, mượt mà hơn và thân thiện hơn. Thay vì các khung hình phẳng và buồn tẻ của Metro Design, Fluent Design với ánh sáng và chiều sâu hợp lý tạo ra sự mới mẻ, hấp dẫn cho giao diện ứng dụng, biểu tượng ứng dụng...
3. Chuyển động
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 lý thú hơn khi người dùng có thể thấy và tương tác với những yếu tố chuyển động. Có rất nhiều loại chuyển động trong Fluent Design như đào sâu, mờ dần, thị sai (parallax - cách hiển thị của các vật ở xa và ở gần sẽ khác nhau)...
Bộ icon ứng dụng mới của Microsoft được thiết kế theo phong cách Fluent Design
Microsoft lý giải ý nghĩa của những mẫu logo Fluent Design sẽ được sử dụng trên Windows 10
4. Chất liệu
Với Fluent Design gã khổng lồ Microsoft hy vọng các ứng dụng, dịch vụ của họ có thể mô phỏng sự nhạy cảm và sức sống của các chất liệu trong thế giới thực. Không còn là những ô vuông nhạt nhẽo, các chất liệu mới, những mảng mờ trong hay còn được gọi là vật liệu Acrylic sẽ là điểm nhấn đặc biệt của Fluent Design.
5. Khả năng mở rộng/thu hẹp
Mọi thứ được thiết kế trên Fluent Design sẽ được chia tỷ lệ theo các yếu tố hình thức, kích thước hiển thị và không gian (0D và 3D) khác nhau. Nhờ vậy, ứng dụng, đối tượng sẽ hiển thị một cách linh hoạt theo nền tảng mà nó đang chạy. Điều này rất có ích cho những ứng dụng, dịch vụ đa nền tảng, có thể chạy trong môi trường AR, VR.
Quay lưng với quá khứ, hướng tới tương lai
Thực tế, các yếu tố chính của Fluent Design lại trái ngược hoàn toàn với khái niệm phẳng của Metro Design vốn là mục tiêu của Microsoft trước đây. 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 hình ảnh của Aero, một ngôn ngữ thiết kế được giới thiệu trong Windows Vista và Windows 7.
Các đặc trưng mà Fluent Design "vay mượn" từ Aero bao gồm
- Hiệu ứng trong mờ,
- Các hiệu ứng parallax
- Đổ bóng
- Hiệu ứng nổi bật 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 đưa Fluent Design lên cả các nền tảng AR, VR cũng như các ứng dụng di động trên iOS và Android.
Với Fluent Design mục tiêu cuối cùng của Microsoft là tạo ra một thực tế hỗn hợp, mang lại cho người dùng các giao diện ứng dụng, phần mềm tự nhiên, mang hơi thở của cuộc sống thực vượt ra khỏi những khuôn mẫu thiết kế chung.
