- Ngôn ngữ thị giác của ứng dụng Gemini được thiết kế để người dùng có thể trực quan hiểu và tin tưởng vào năng lực của một trợ lý AI đang không ngừng tiến hóa
- Để giúp người dùng hiểu và tin tưởng AI, các mục tiêu cốt lõi được đặt ra là tính trực quan, cảm giác đắm chìm, sự thân thiện và độ tin cậy
- Gradient, hình khối dựa trên cấu trúc tròn và chuyển động có chủ đích kết hợp với nhau để thể hiện trực quan quá trình suy nghĩ và năng lượng của Gemini
- Dựa trên di sản logo và thiết kế Material của Google, một hệ thống thị giác mới vừa quen thuộc vừa linh hoạt đã được xây dựng
- Thông qua chuyển động và sự thay đổi màu sắc, thiết kế cho thấy quá trình Gemini suy nghĩ và phản hồi, đồng thời tăng cường cảm giác người dùng đang cộng tác với hệ thống
- Cách tiếp cận này là một mô hình thiết kế kết nối tương tác giữa AI và con người theo cách mượt mà và đáng tin cậy, đồng thời gợi mở hướng đi cho các giao diện tiến hóa trong tương lai
Khám phá thị giác của ứng dụng Gemini
- Gemini là một trợ lý AI liên tục học hỏi và thích nghi, nên cần một ngôn ngữ thị giác mới vượt ra ngoài cách tiếp cận thiết kế tuyến tính truyền thống
- Mục tiêu là mang lại trải nghiệm trực quan, đắm chìm và đáng tin cậy
- Giúp người dùng khám phá các tính năng đang thay đổi và xây dựng sự tự tin
- Bên cạnh "biểu tượng lấp lánh" đại diện, nhiều yếu tố thị giác như gradient, vùng chứa phản hồi và chuyển động có chủ đích cũng được tích hợp
- Những yếu tố này kết hợp để tạo nên sự rõ ràng và cảm giác quen thuộc như phép màu
Lịch sử của tính lưu động và vai trò của gradient
- Giống như thiết kế biểu tượng của Susan Kare trong giao diện Macintosh trước đây, Gemini cũng đảm nhận bài toán kết nối trực quan với các khái niệm AI trừu tượng
- Nếu các biểu tượng của Kare là cây cầu nối giữa sự hiểu biết của con người và máy móc, thì Gemini đảm nhiệm vai trò tương tự thông qua gradient
- Gradient truyền tải dòng chảy năng lượng và tính định hướng, dẫn sự chú ý của người dùng tới các yếu tố quan trọng
- Khi nhập giọng nói, gradient tập trung và lan tỏa được dùng để trực quan hóa quá trình suy nghĩ của AI
- Khác với các trợ lý trong quá khứ như Clippy, Gemini hướng đến cách biểu đạt có tính thích nghi và dễ khám phá
Hình dạng nền tảng và di sản thiết kế của Google
- Ngôn ngữ thị giác của Gemini lấy cảm hứng từ cấu trúc logo tròn của Google để thể hiện sự đơn giản và hài hòa
- Logo Gemini được hình thành từ không gian đổ bóng do bốn hình tròn tạo ra
- Bằng cách biến đổi bốn chấm màu và các hình khối của thiết kế Material, thiết kế vừa giữ được ngôn ngữ thị giác quen thuộc của Google vừa phát triển thành cách biểu đạt AI linh hoạt hơn
- Các góc bo tròn cũng được áp dụng cho các thành phần UI như nút bấm và vùng chứa để duy trì tính nhất quán
- Hình tròn tượng trưng cho sự tập trung và lan tỏa của năng lượng, trực quan hóa cách Gemini xử lý và mở rộng ý tưởng
- Trưởng nhóm thiết kế Anna Sera Garcia giải thích rằng minh họa cần có chất lượng ấm áp và cảm giác không gian
- Mục tiêu là một cảm giác "lạc quan, vui tươi nhưng tinh tế", phản ánh quá trình tư duy phi tuyến tính
Chuyển động có chủ đích và tương tác
- Chuyển động của Gemini không phải để trang trí mà là yếu tố dẫn hướng cốt lõi, kết nối hành động của người dùng với phản hồi của hệ thống
- Mỗi hoạt ảnh đều có điểm bắt đầu và kết thúc rõ ràng, mang lại tính định hướng và cảm giác cộng tác
- Chuyển động nội tại thể hiện suy nghĩ, phân tích và trí tuệ, qua đó tăng tính minh bạch của AI
- Ví dụ:
- Tốc độ chuyển động truyền tải cảm giác kỳ vọng và giải tỏa
- Gợn sóng gradient tỏa tròn biểu hiện dạng sóng giọng nói
- Hoạt ảnh biểu tượng dùng để thông báo tính năng mới
- Garcia cho biết: "Cũng như công nghệ đã thay đổi cách chúng ta trò chuyện, Gemini khám phá các nguyên lý nền tảng của tương tác trực quan"
Sự mềm mại và niềm tin trong thay đổi
- Các giải pháp thị giác của Gemini tạo ấn tượng điềm tĩnh và tinh tế, đồng thời che đi sự phức tạp của quá trình tạo ra chúng
- Minh họa onboarding liên tục được cải tiến, chồng thêm những cách biểu đạt mới lên các yếu tố hiện có
- Thiết kế đề cao sự mềm mại cho phép mắc lỗi và khuyến khích khám phá
- Thông qua gradient dao động, ngôn ngữ rõ ràng và tín hiệu minh bạch, người dùng được giúp cảm thấy an tâm
- Gradient là một ngôn ngữ thị giác giàu hy vọng, có tính chỉ dẫn và mềm mại, gắn kết với bản sắc thương hiệu Google
Vai trò của nhà thiết kế: người lập bản đồ cho sự thay đổi
- Thiết kế của Gemini không phải là một sản phẩm hoàn chỉnh cố định mà gần với quá trình lập bản đồ được cập nhật liên tục
- Nhà thiết kế cần xây dựng sự chưa hoàn hảo có chủ đích và giàu suy xét, thay vì một hệ thống hoàn hảo
- Trong các hệ thống AI luôn thay đổi, nhà thiết kế cần đảm nhận vai trò thiết kế trải nghiệm mang tính quan hệ
Chưa có bình luận nào.