5 ví dụ về sử dụng hình ảnh minh họa trên website

Hình minh họa có thể được thêm vào những nhân vật, sự cá tính, phong cách khiến cho thiết kế website trở nên chuyên nghiệp. Tuy nhiên, vẫn có khả năng lẫn lộn giữa sự tương tác hay giới thiệu đơn thuần nếu nó không được làm tốt.

Điều quan trọng là đảm bảo sự phân biệt giữa các yếu tố tương tác được hay nội dung minh họa thuần túy.

Điều này sẽ giúp website không chỉ đẹp mà còn dễ sử dụng đối với người dùng thông qua các hành động tương tác với hình minh họa.

Những phong cách khác nhau

Phân biệt giữa tương tác và minh họa có thể được tiếp cận theo những chiều hướng khác nhau. Tuy nhiên, tốt nhất là nếu các nút, các yếu tố điều hướng hay tương tác được sẽ hoàn toàn khác so với những hình ảnh minh họa còn lại trên trang, giúp chúng nổi bật và thúc đẩy hành động của người dùng.

Ví dụ, nếu các hình minh họa ở dạng khối thô thì những thứ có thể tương tác được lại nổi lên với hình sắc nét cũng như đổ bóng. Nếu hình minh họa ở dạng đơn sắc thì nó cũng là một cách tốt để phân biệt với phần còn lại của website với những màu sắc rực rỡ.

Chúng tôi xin giới thiệu ngay 5 mẫu minh họa nổi tiếng

1. Basecamp

Website này giới thiệu các ứng dụng quản lý dự án. Hình minh họa được ứng dụng một cách hoàn hảo để giới thiệu về các tính năng của ứng dụng cũng như bạn sẽ có thể làm gì với nó.

2. Xperiments

Trên trang Xperiments, các yếu tố minh họa và tương tác được trộn với nhau quá nhiều khiến cho việc sử dụng website trở nên khó hiểu.

3. MailChimp

Ứng dụng email marketing là một ví dụ tuyệt vời trong việc sử dụng hình ảnh minh họa rất khác biệt với những yếu tố tương tác được.

4. Indubitablee

Website chuyên về thiết kế web này là một sự kết hợp hoàn hảo giữa những yếu tố minh họa và tương tác. Họ thậm chí còn sử dụng màu sắc để nhấn mạnh sự khác biệt.

5. Ian James Cox

Trang web của James Cox sử dụng cả hai yếu tố minh họa và điều hướng để tạo nên một thanh điều hướng nội dung hết sức động đáo.

Bài viết liên quan: Những nguyên tắc sống còn để thiết kế website bán trực tuyến .