Chọn tốc độ phù hợp cho dự án của bạn, đó là tốc độ giảm dần, tốc độ thoát hoặc cả hai. Thậm chí, bạn có thể sử dụng số trang không truy cập để tăng thêm niềm vui!
Đã thảo luận về các tuỳ chọn có sẵn để gia tốc hiệu ứng chuyển động, bạn nên sử dụng loại nào trong dự án và nên có loại thời lượng nào cho ảnh động?
Tóm tắt
- Sử dụng ảnh động dễ mở cho các thành phần giao diện người dùng. Việc dễ dàng chuyển đổi Quintic là một cách rất hay, mặc dù nhanh chóng và dễ dàng.
- Hãy đảm bảo sử dụng thời lượng hiệu ứng chuyển động, mức độ dễ dàng và độ trễ phải trong khoảng từ 200 mili giây đến 500 mili giây, trong khi độ thoát và độ giãn đàn hồi nên kéo dài trong khoảng từ 800 mili giây đến 1200 mili giây.
Nói chung, việc ngừng hỗ trợ sẽ là cách thích hợp và chắc chắn là cách mặc định phù hợp. Quá trình này bắt đầu nhanh chóng, mang lại cho ảnh động của bạn cảm giác phản hồi là điều đáng mong muốn, nhưng ở cuối ảnh sẽ chậm lại.
Có một nhóm các phương trình dễ rút gọn phổ biến ngoài phương trình được chỉ định bằng từ khoá ease-out trong CSS. Phương trình này có mức độ "linh hoạt". Để có hiệu ứng dễ dàng nhanh chóng, hãy cân nhắc sử dụng tính năng Giảm tốc độ quét.
Xem ảnh động dễ bỏ qua Quintic
Bạn nên sử dụng các phương trình gia tốc khác, đặc biệt là độ nảy hoặc độ co giãn, một cách hạn chế và chỉ khi phù hợp với dự án của bạn. Có một số điều khiến người dùng thoát khỏi trải nghiệm, chẳng hạn như một ảnh động gây khó chịu. Nếu dự án của bạn không nhằm mục đích giải trí thì đừng để các yếu tố nảy lên xung quanh giao diện người dùng. Ngược lại, nếu bạn đang tạo một trang web đơn giản, thì bạn hoàn toàn nên sử dụng số trang không truy cập!
Dễ dàng thử nghiệm, xem dự án nào phù hợp với đặc điểm riêng của dự án rồi từ đó tiến hành. Để xem danh sách đầy đủ các loại gia tốc, cùng với bản minh hoạ, hãy truy cập easings.net.
Chọn thời lượng ảnh động phù hợp
Quan trọng là mọi ảnh động được thêm vào dự án của bạn đều có thời lượng chính xác. Quá ngắn và hoạt ảnh sẽ có vẻ hung hăng và sắc nét; quá dài sẽ gây trở ngại và gây khó chịu.
- Thời lượng quay video: khoảng 200 mili giây đến 500 mili giây. Điều này giúp mắt có cơ hội nhìn thấy ảnh động nhưng không có cảm giác gây cản trở.
- Thời gian di chuyển nhanh: khoảng 200 mili giây đến 500 mili giây. Hãy lưu ý rằng hệ thống sẽ rung lắc khi kết thúc và sẽ không có sự thay đổi nào về thời gian làm giảm tác động đó.
- Hiệu ứng thoát hoặc đàn hồi: khoảng 800 mili giây – 1200 mili giây. Bạn cần chờ để hiệu ứng co giãn hoặc nảy nảy nở có thời gian " ổn định". Nếu không có thêm thời gian này, phần nảy đàn hồi của ảnh động sẽ gây hấn và gây khó chịu cho mắt.
Tất nhiên, đây chỉ là các nguyên tắc. Hãy tự thử nghiệm và chọn phương án phù hợp với dự án của bạn.