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 đổi tên G Suite thành Google Workspace

Google đổi tên G Suite thành Google Workspace

Ngày 12/10/2020 vừa qua, các quản trị viên G Suite nhận được thông báo ra mắt Google Workspace và một gói dịch vụ mới. Về cơ bản, các thông số dịch vụ không đổi.

Những điểm mới của Google Workspace so với G Suite

Những điểm mới của Google Workspace so với G Suite

Bắt đầu từ ngày 13 tháng 10 năm 2020, dịch vụ G Suite hay tên mới là Google Workspace sẽ có nhiều quyền kiểm soát hơn đối với cách người dùng cuối.

File manage - Quản lý file của Directadmin đã ăn đứt Cpanel?

File manage - Quản lý file của Directadmin đã ăn đứt Cpanel?

Giờ đây bạn có thể nhìn thấy sự trực quan, đơn giản và dễ sử dụng khu vực quản lý file trên Directadmin hơn bao giờ hết.

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