1. Style khác nhau
Phân biệt giữa tương tác và minh họa và tiếp cận theo nhiều cách khác nhau. Tuy nhiên, nếu các nút lệnh, điều hướng và lời kêu gọi hành động không cùng style với các minh họa trên phần còn lại của trang thì phải làm cho chúng được nổi bật.
Ví dụ, nếu các hình minh họa có kết cấu thô thì nên tạo hình ảnh sắc nét và có đổ bóng. Nếu hình minh họa là 1 dòng màu sắc thì phải tạo màu sắc rực rỡ để phân biệt với các yếu tố còn lại.
2. Mở đường
Phân biệt các yếu tố trực quan từ hình ảnh minh họa giúp giảm thiểu được sự nhầm lẫn để người sử dụng dễ dàng tìm thấy những nơi họ muốn tới và họ sẽ phải kinh ngạc trước nghệ thuật tuyệt đẹp của website
5 ví dụ
1. Basecamp
Website sử dụng các hình minh họa tượng trưng để thể hiện những điều chúng ta thực hiện trên website
2. Xperiments
Trên Xperiments website, các yếu tố minh họa và tương tác được kết hợp chặt chẽ với nhau, đôi khi có thể dẫn đến 1 số điểm tương tác khó hiểu.
3. MailChimp
Ứng dụng email tiếp thị MailChimp – sử dụng hình ảnh minh họa và nhiều hình ảnh đa dạng để phân biệt với các yếu tố tương tác.
4. Indubitablee
Website kết hợp cân bằng giữa hình minh họa và các yếu tố tương tác, có thể sử dụng màu sắc để nhận ra sự khác biệt trực quan.
5. Ian James Cox
Kết hợp yếu tố minh họa và chuyển hướng truyền thống để điều hướng nội dung website.
