15 Hamburger Icon ấn tượng trong thiết kế web

Dưới đây là những thiết kế “hamburger" icon thuộc 15 website đẹp mắt để bạn tham khảo cách sử dụng chúng. Một chi tiết nhỏ tưởng chừng như không có gì đặc biệt nhưng lại ấn chứa tính năng vô cùng cần thiết, đó là menu.

Ngày càng nhiều trang web sử dụng icon menu "hamburger" (biểu tượng gồm 3 đường thẳng song song với nhau). Trong một số trường hợp icon kiểu này được tạo ra bởi 3 đường kẻ dọc, hoặc đa số trường hợp là kẻ ngang. Tác dụng của nó là giúp tiết kiệm không gian dành cho thiết kế. Khi bấm vào biểu tượng này, toàn bộ menu chi tiết sẽ hiện ra. Đây chính là một cách làm menu ẩn thông minh trong các website hiện đại. Bạn sẽ thấy hiệu quả mà nó mang lại cho các website, đó là sự gọn gàng và thoáng mắt hơn hẳn so với việc hiển thị một thanh menu nhiều chữ trên trang. Thay vào đó, sẽ có nhiều vị trí thoáng mắt hơn với người nhìn hoặc tận dụng vị trí đó để bố trí thêm các chi tiết trang trí khác. 

Rất nhiều chuyên gia thiết kế website tin rằng icon cũng có tính toàn cầu và mọi người trên thế giới, bất kể ở đâu đi nữa cũng hiểu được ý nghĩa của biểu tượng đó khi dùng web. Rất nhiều website và thương hiệu lớn sử dụng nút bấm này, từ Google đến Starbucks. Nó đã trở thành icon mang tính quốc tế. 

Dưới đây là những thiết kế “hamburger" icon thuộc 15 website đẹp mắt để bạn tham khảo cách sử dụng chúng. Một chi tiết nhỏ tưởng chừng như không có gì đặc biệt nhưng lại ấn chứa tính năng vô cùng cần thiết, đó là menu. Bạn sẽ học hỏi được nhiều từ cách đặt vị trí của icon này trên website, sao cho nó không bị mờ nhạt và người dùng web vẫn có thể chú ý đến nó. Ngoài ra thì hình dáng, màu sắc của chúng tuy đơn giản nhưng cũng phải khiến chúng nổi bật trên nền website. 

Hãy chú ý đến vị trí đặt các icon đó trên thiet ke web. Thường thường đó là vị trí trên cùng bên phải hoặc trên cùng bên trái để thuận tầm mắt của người dùng web. 

Earth to Echo

glacéau smartwater

 

15 Hamburger Icon ấn tượng trong thiết kế web

Wild

 

15 Hamburger Icon ấn tượng trong thiết kế web

Outdated Browser

 

15 Hamburger Icon ấn tượng trong thiết kế web

Jam3 Site

 

15 Hamburger Icon ấn tượng trong thiết kế web

Serge Thoraval

 

15 Hamburger Icon ấn tượng trong thiết kế web

Mobee

 

15 Hamburger Icon ấn tượng trong thiết kế web

Pollen

 

15 Hamburger Icon ấn tượng trong thiết kế web

Mr President

 

15 Hamburger Icon ấn tượng trong thiết kế web

Olympic Story

 

15 Hamburger Icon ấn tượng trong thiết kế web

Huge

 

15 Hamburger Icon ấn tượng trong thiết kế web

Fixed Digital Agency

 

15 Hamburger Icon ấn tượng trong thiết kế web

Killing Kennedy

 

15 Hamburger Icon ấn tượng trong thiết kế web

MoreSleep

 

15 Hamburger Icon ấn tượng trong thiết kế web

Teehan

15 Hamburger Icon ấn tượng trong thiết kế web

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: Ngôi Sao Số
Có: 0/0 đã cho sao
tiếc gì 1 click để cho sao

Bạn đã xem chưa?

Google PageSpeed Scores được cập nhật với Lighthouse 8.0

Google PageSpeed Scores được cập nhật với Lighthouse 8.0

Google đã công bố bản phát hành Lighthouse 8.0 với sự kết hợp giữa tính năng cho điểm chặt chẽ hơn nhưng "dễ dãi" hơn. Hầu hết các trang web đều được cải thiện điểm số.

Google không xếp hạng dựa trên URL thân thiện, cũng không phân biệt bài blog hay dịch vụ

Google không xếp hạng dựa trên URL thân thiện, cũng không phân biệt bài blog hay dịch vụ

Thông thường Seoer ở Việt Nam luôn muốn xây dựng cấu trúc URL "đẹp". Nhưng với câu trả lời từ John Mueller (Senior Webmaster Trends Analyst) thì tất cả đều ngã ngửa.

Google nói về cách sử dụng từ khoá trong nội dung

Google nói về cách sử dụng từ khoá trong nội dung

Các SEOer thường cố gắng làm bài viết có chứa quá nhiều từ khóa, bài viết đôi khi đọc rất buồn cười và vô giá trị. Điều này sẽ không còn nữa?

Quay lại trang Blog
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây