Visual Design – Thiết kế hình ảnh trong UX Design

Visual Design là một trong những thuật ngữ quan trọng đối với UX/UI Design. Chúng ta đều biết hình ảnh là yếu tố quan trọng cho tất cả các website. Hình ảnh có thể tăng tương tác với người dùng, truyền đạt thông điệp nhanh nhất đến người dùng.

Trong bài viết này, Blog Lại Văn Đức tiếp tục phân tích Thuật Ngữ UX Design với thuật ngữ Visual Design. Đây là bài viết phân tích thứ 7 trong 9 thuật ngữ quan trọng của UX Design chúng ta đang tìm hiểu.

Visual Design là gì ?

Visual Design là thiết kế hình ảnh để sử dụng trong thiết kế website, ứng dụng. Visual Design là một trong những thuật ngữ quan trọng trong thiết kế website nói chung và trong UX Design nói riêng.

Visual Design - Thiết kế hình ảnh trong UX Design
Visual Design – Thiết kế hình ảnh trong UX Design

Khi bố cục website/ứng dụng được thiết kế xong. Lúc đó nội dung bắt đầu được trải đều thì các nhà thiết kế bắt đầu thực hiện việc thiết kế hình ảnh và sắp xếp hình ảnh cho hợp lý trên website/ứng dụng đó. Vấn đề quan trọng nhất là nội dung hình ảnh, vị trí hình ảnh, kích thước hình ảnh và dung lượng hình ảnh phải làm sao cho hợp lý để đạt được mục đích cuối cùng là sự tương tác từ người dùng.

Thiết kế hình ảnh trong UX Design

Chúng ta ai cũng biết rằng hình ảnh là quan trọng. Nhưng để hình ảnh phát huy được hết khả năng của nó thì các nhà thiết kế phải thật cẩn thận trong khi sử dụng mới có thể thành công được.

Cũng còn tùy vào dự án thiết kế website/ứng dụng gì mà việc thiết kế hình ảnh có khác nhau. Nhưng có một số điểm chung như sau:

1. Thiết kế nội dung hình ảnh

Cái này là quan trọng nhất và ai cũng biết nên mình không nói nhiều. Chỉ cần các bạn khi thiết kế nội dung hình ảnh cần phải sát với nội dung website, bài viết hoặc sản phẩm … nơi đặt hình ảnh. Hình ảnh cần có tính khiêu khích người dùng như kiểu “tao đố mày dám click vào đấy” là thành công. Khiêu khích nhưng không được quá lố làm mất giá trị cả Website/ứng dụng.

Màu sắc trong hình ảnh chúng ta cần sử dụng đúng nơi đúng lúc. Ví dụ khi thiết kế hình ảnh cho website xây dựng thì làm ơn cho nhiều màu vàng, hoặc khi thiết kế website vệ sinh, môi trường thì sử dụng màu chủ đạo là màu xanh … Vấn đề màu sắc trong Visual Design chúng ta sẽ không cần bàn nhiều. Vì khi bạn là một nhà thiết kế, chắc chắn bạn cần phải biết ý nghĩa các màu sắc.

2. Visual Design vị trí đặt hình ảnh

Một hình ảnh có thể thay thế hàng ngàn chữ. Điều này là đúng, vì người dùng bây giờ không thích đọc chữ nhiều, chỉ cần hình ảnh có ý nghĩa thì nội dung là không cần thiết. Trong thiết kế đồ họa có infographic. Infographic làm người dùng có hứng thú hơn trong việc đọc nội dung kèm với hình minh họa.

Tầm quan trọng của Visual Design là như vậy, nhưng việc đặt hình ảnh ở chỗ nào mới quan trọng. Nếu như một bài viết cần giảng giải nhiều như bạn đang đọc bài này thì việc chèn nhiều hình ảnh là vô nghĩa, nhưng với bài viết giới thiệu sản phẩm thì có nhiều hình ảnh chắc chắn sẽ làm người đọc thích thú hơn thay vì liệt kê hàng loạt những chức năng mà chả thấy hình ảnh đâu.

Trên website có rất nhiều nơi đặt hình ảnh như trong bài viết, trang chủ, sitebar … Các bạn cần đặt mình vào vị trí người dùng để xem chỗ nào cần đặt, chỗ nào cần có nội dung cho việc tương tác hiệu quả hơn.

3. Kích thước hình ảnh trong Visual Design

Nếu website bạn đang thiết kế là website tin tức, blog, doanh nghiệp thì kích thước hình ảnh lên để vừa phải. Không nên to quá hoặc bé quá. Bạn hãy xem khung hiển thị bài viết là bao nhiêu hãy cắt hình ảnh cho vừa là được. Ví dụ như Blog Lại Văn Đức của mình đang dùng có kích thước hiển thị bài viết theo bề ngang là 700px thì mình chỉ cắt tầm đó hoặc ít hơnlà vừa. Bởi nếu kích thước hình ảnh của bạn to quá thì nó cũng chỉ hiển thị bấy nhiêu mà thôi.

Bên cạnh đó nếu kích thước hình ảnh của bạn to quá thì liên quan đến dung lượng hình ảnh và sẽ làm tăng tốc độ load của website. Điều này rất quan trọng trong thiết kế trải nghiệm người dùng. Vì vậy bạn nên sử dụng hình ảnh với kích thước vừa phải thôi.

Bên cạnh đó thì bạn cũng nên giảm bớt dung lượng hình ảnh bẳng nhiều cách khác nhau có thể. Nhiều bạn sử dụng nền tảng CMS hay sử dụng Plugin để nén hình ảnh, nhưng nếu bạn không thường xuyên sử dụng hình ảnh trên website thì mình khuyên bạn hãy sử dụng Shortpixel – Website nén giảm dung lượng ảnh tối đa miễn phí Online tại địa chỉ: https://shortpixel.com/online-image-compression

4. Định dạng hình ảnh trong Visual Design

Định dạng hình ảnh sử dụng trên website thường không được chúng ta quan tâm. Nhưng nếu bạn muốn thiết kế website tối ưu khi sử dụng thì cần phải biết một số định dạng hình ảnh thường được sử dụng như: JPG, PNG, GIF, TIFF hay BMP.

Vậy khi nào thì chúng ta sử dụng các định dạng hình ảnh này. Về vấn đề này, mời các bạn tham khảo một bài viết trước đó mình đã đăng trên Kho Stock: Hiểu về các định dạng hình ảnh

Bên trên là một số vấn đề quan trọng trong việc sử dụng hình ảnh với Visual Design. Bên cạnh đó các bạn cũng nên tham khảo một số bài viết lên quan đến vấn đề này trên Blog của mình:

Thế Thôi

Vấn đề hình ảnh trong UX Design rất quan trọng bởi nó đập thẳng vào mắt người dùng khi truy cập website của bạn. Chính vì vậy bạn cần lưu ý một số phương pháp thiết kế và sử dụng bên trên để kích thích nhiều hơn sự tương tác từ người dùng.

Visual Design là thuật ngữ nói về việc sử dụng hình ảnh trên website. Cám ơn các bạn đã theo dõi và chúc các bạn thành công.

0 0 đánh giá
Đánh giá bài viết
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận