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?

Hướng dẫn sao lưu backup Google Photos, khi Google đã không còn miễn phí lưu lượng.

Hướng dẫn sao lưu backup Google Photos, khi Google đã không còn miễn phí lưu lượng.

Gần đây người dùng được nhận một email với nội dung không còn miễn phí cho Google Photos nữa. Bạn cần làm gì ?

10 xu hướng thiết kế web sẽ thịnh hành năm 2021

10 xu hướng thiết kế web sẽ thịnh hành năm 2021

Ai mà không muốn có một thiết kế trang web tuyệt vời, nổi bật nhất trong thế giới online? Tất nhiên, đi đầu trong xu hướng là điều cần thiết để nắm bắt những điều nên thay đổi trên trang web của bạn

So sánh Relational Database của Alibaba, Amazon, Google, IBM và Microsoft

So sánh Relational Database của Alibaba, Amazon, Google, IBM và Microsoft

Bạn đang xử lý dữ liệu của khách hàng hay ghi lại hàng loạt các thông tin giao dịch lớn? Bạn đang tìm hiểu về Relational Database và phân vân chưa biết chọn tên tuổi nào? Hoặc bạn đang cần lưu trữ dữ liệu từ máy tính, điện thoại hoặc các thiết bị IoT?

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