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