Tính đối xứng có thể phá vỡ sẽ tạo ra sự tương phản và thu hút cho dự án của bạn. Hãy tìm hiểu về thời điểm và cách áp dụng điều này cho các dự án của bạn.
Thời gian tạo ảnh động bất đối xứng giúp cải thiện trải nghiệm người dùng nhờ việc cho phép bạn thể hiện cá tính, đồng thời phản hồi nhanh chóng với các tương tác của người dùng. Điều này cũng đem lại sự tương phản cho cảm giác, giúp giao diện trở nên bắt mắt hơn.
- Sử dụng thời gian ảnh động bất đối xứng để tăng thêm cá tính và sự tương phản cho tác phẩm của bạn.
- Luôn ưu tiên hoạt động tương tác của người dùng; sử dụng thời lượng ngắn hơn khi phản hồi thao tác nhấn hoặc nhấp và đặt trước thời lượng dài hơn cho những lần bạn không muốn như vậy.
Giống như hầu hết "quy tắc" của ảnh động, bạn nên thử nghiệm để tìm ra điều gì phù hợp với ứng dụng của mình, nhưng về trải nghiệm người dùng, người dùng rất thiếu kiên nhẫn. Nguyên tắc chung là luôn phản hồi nhanh chóng hoạt động tương tác của người dùng. Điều đó có nghĩa là trong hầu hết trường hợp, hành động của người dùng là bất đối xứng và do đó ảnh động cũng có thể như vậy.
Ví dụ: khi người dùng nhấn để hiển thị một thành phần điều hướng bằng thanh bên, bạn nên hiển thị thành phần đó nhanh nhất có thể, với thời lượng khoảng 100 mili giây. Tuy nhiên, khi người dùng đóng trình đơn, bạn có thể tạo ảnh động cho khung hiển thị chậm hơn một chút, giả sử vào khoảng 300 mili giây.
Ngược lại, khi bạn hiển thị chế độ xem phụ, chế độ này thường hiển thị lỗi hoặc một số thông báo quan trọng khác. Trong những trường hợp như vậy, bạn sẽ muốn hiển thị chế độ xem chậm hơn một chút, một lần nữa vào khoảng 300 mili giây, nhưng thao tác đóng mà người dùng kích hoạt sẽ xảy ra rất nhanh.
Như vậy, quy tắc chung là như sau:
- Đối với ảnh động trên giao diện người dùng do hoạt động tương tác của người dùng kích hoạt, chẳng hạn như chuyển đổi khung hiển thị hoặc hiển thị một phần tử, ảnh động sẽ có phần mở đầu nhanh (thời lượng ngắn), nhưng phần kết thúc chậm (có thời lượng dài hơn).
- Đối với ảnh động trên giao diện người dùng do mã của bạn kích hoạt (chẳng hạn như lỗi hoặc khung hiển thị phương thức) có phần giới thiệu chậm hơn (thời lượng dài hơn), nhưng phần kết thúc nhanh (thời lượng ngắn).