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ọp nhiều phòng ban, lên lịch họp ngày càng dễ hơn với Google Meet

Họp nhiều phòng ban, lên lịch họp ngày càng dễ hơn với Google Meet

Trong một cuộc khảo sát toàn cầu gần đây của Google ủy quyền từ Economist Impact, để tìm hiểu về việc người dùng tìm kiếm cách thức để làm việc và kết nối với nhau với mô hình làm việc từ xa.

Tại sao nên chọn đăng ký Google Workspace tại Ngôi Sao Số

Tại sao nên chọn đăng ký Google Workspace tại Ngôi Sao Số

Bạn đang phân vân không biết lựa chọn đối tác nào để chuyển đổi gói G Suite miễn phí sang Google Workspace, thử tìm hiểu một số thế mạnh của chúng tớ nhé.

Công cụ Google Workspace Migrate dành cho quản trị viên tài khoản hiện đã sẵn sàng

Công cụ Google Workspace Migrate dành cho quản trị viên tài khoản hiện đã sẵn sàng

Công cụ Google Workspace Migrate giúp việc di chuyển dữ liệu từ các đơn vị thứ 3 về sử dụng dịch vụ Google workspace dễ dàng hơn. Ngoài việc kiểm tra và lập kế hoạch, nó còn giúp quan sát lập kế hoạch di chuyển tốt hơn.

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