Các khuynh hướng thiết kế menu trong web

Nguồn: Vitaly Friedman, Smashing Magazine

Thanh menu là yếu tố quan trọng nhất trong thiết kế web. Thanh menu giúp người dùng xác định được vị trí và hướng dẫn họ khám phá những phần còn lại trong trang web. Chúng ta hãy cùng xem qua một số dạng thiết kế menu sau:

1. Menu gồm: từ khóa + nội dung gợi mở:

Nhiệm vụ của thanh menu là cung cấp thông tin, hướng dẫn người dùng một cách rõ ràng những phân mục trong trang web. Tuy nhiên rất khó để nắm hết thông tin của trang web thông qua một vài từ khóa đơn giản, đặc biệt là đối với các menu ngang. Đó chính là lý do tại sao các mục trong menu lại có thêm nội dung gởi mở giúp người dùng nắm thông tin trang web tổng quan hơn. Dưới đây là một số ví dụ:

2. Menu gồm: từ khóa+ nội dung gởi mở + Icon

Để việc định hướng trực quan hơn, từng phân mục được thiết kế gồm từ khóa + nội dung gợi mở + Icon.

3. Menu gồm: từ khóa + Icon

4. Menu gồm: text+icon check list

 

 

5. Thiết kế thanh menu theo kiểu Imac.

Hiện nay có một số trang web thiết kế phần menu tương tự như trang web Imac. Điều thú vị là các trang web này không có liên quan gì đến trang web Apple. Những dạng nút này thường được thấy ở các website phát triển sản phẩm phần mềm.

6. Sử dụng những icon trực quan:

Nhằm tạo ra những menu lôi cuốn, người thiết kế thường tạo ra những icon hấp dẫn. Và điều quan trọng là đảm bảo rằng các icon đó dễ nhận biết, truyền đạt thông tin dễ dàng.

6. Sử dụng kiểu viết tay dùng trong các menu


Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: