Ngày nay, bạn không thể làm bất cứ ai ngạc nhiên với hoạt ảnh trong thiết kế. Hoạt ảnh trên trang web là một thành phần quan trọng. Microiterations liên kết màn hình của các trang khác nhau, các hiệu ứng giải thích các tùy chọn, đi kèm với các thao tác của người dùng. Giao diện hoạt hình giúp thiết lập phản hồi hoặc đơn giản là thu hút sự chú ý.
Sau khi xem qua đủ các bài báo về hoạt hình, tôi thấy rằng nếu không xem xét một trường hợp cụ thể, thì lời khuyên là quá chung chung. Không có tài nguyên web nào trình bày rõ ràng các nguyên tắc và quy tắc UX để sử dụng hoạt ảnh cho các trang web.
Đang tải hoạt ảnh
Ngày nay, Internet tốc độ cao cho phép bạn mở các trang web và ứng dụng trong vài giây, nhưng đôi khi có những trường hợp bạn phải đợi cho đến khi một lượng lớn dữ liệu được tải.
Để khiến khách truy cập trang web thú vị hơn khi đợi quá trình tải xuống hoàn tất, bạn có thể tạo một hoạt ảnh đẹp.
Điều hướng và menu (Không cuộn)
Menu thả xuống đã nhận được làn gió thứ hai về hình ảnh động trong thiết kế web và trở thành một lựa chọn phổ biến cho các ứng dụng di động. Cách tiếp cận này không chỉ là một giải pháp tuyệt vời để chuyển menu chính của trang web thành một giao diện nhỏ, mà còn là cách thực sự hợp lý và thiết thực duy nhất bao gồm tất cả các yếu tố điều hướng.
Đó là một ý tưởng tuyệt vời cho các bước thiết kế web . Nó cũng là sự mở đầu cho một xu hướng lớn khác - việc sử dụng các nút menu bánh hamburger, mặc dù chúng tôi không thực sự thích chúng.
Phòng trưng bày và Trình chiếu
Công cụ này được sử dụng tích cực để hiển thị hình ảnh ở nhiều chế độ. Và không cần người dùng phân tâm.
Người thiết kế luôn tự mình đưa ra quyết định, tốc độ nhanh như thế nào. Ngoài ra, anh ta quyết định có bao nhiêu hình ảnh ở đây trong chu kỳ. Nhưng điều quan trọng là phải đưa ra những quyết định này một cách nhẹ nhàng nhất. Ngay cả khi tỷ lệ chênh lệch một chút, trang web vẫn có thể nhận được những mũi tên thực sự trong công việc của anh ấy và đó là một ý tưởng tồi cho người dùng.
Phòng trưng bày và trình chiếu dễ sử dụng. Theo cách hoàn toàn tự nhiên, chúng thể hiện chức năng thực của album ảnh. Nhưng không nên sử dụng quá nhiều phép ẩn dụ. Điều trị thị giác chất lượng cao là giải pháp tốt nhất. Thiết kế trang web động thực tế của thanh trượt hoặc thư viện nên được thu nhỏ, do đó, mỗi hình ảnh sẽ được nhìn thấy trong 5-9 giây.
Thu hút sự chú ý
Hoạt ảnh là một công cụ mạnh mẽ để thu hút sự chú ý của khách truy cập vào trang đích hoặc trang web. Trước khi áp dụng công nghệ này cho tài nguyên web, nhà tiếp thị nên tính đến mục tiêu chuyển đổi, tần suất của hoạt ảnh và cơ chế tác động của nó đối với người dùng.
Cuộn
Cách thức hoạt động của loại hoạt hình này một mặt khá đơn giản và mặt khác lại phức tạp. Giai đoạn dễ dàng hơn bao gồm tập hợp một số điểm kỹ thuật thành một tổng thể. Khó khăn nằm ở chỗ mọi thứ sẽ tương tác với nhau một cách chính xác như thế nào để người dùng thực sự có ấn tượng rằng trước mặt anh ta có một đối tượng duy nhất và đang phát triển tốt, sẵn sàng tương tác.
Tách một loại nội dung này với một loại nội dung khác, cho phép người dùng tập trung giải quyết một vấn đề cụ thể:đọc mô tả, xem ảnh, nhận xét, v.v.
Chuyển động trang
Với sự trợ giúp của phần tử này, người dùng có thể hiểu mối quan hệ thứ bậc giữa các trang web hoạt hình, mục đích của chúng. Ví dụ, một số dòng của một đối tượng động có thể mang thông tin, trong khi những dòng khác có thể là các nút có thể nhấp được. Và người dùng hiểu điều này một cách trực quan ngay cả trước khi anh ta hiểu những gì anh ta nhìn thấy.
Nền
Nếu nền với hoạt ảnh được tạo theo cách thích hợp, trang web có thể có được sức sống theo cách thích hợp. Câu hỏi chính ở đây là thực hiện điều độ. Tại một thời điểm, đây là những phần riêng lẻ. Trong một số trường hợp, toàn bộ hình ảnh phải được di chuyển.