Menu 3 dấu gạch ngang hay còn được gọi là Menu Hamburger – là một thuật ngữ thường được sử dụng khi nói về danh sách liệt kê chức năng của ứng dụng. Nó có thể khiến bạn đói, nhưng không liên quan gì đến thức ăn. Cái tên ngớ ngẩn này đến từ đâu, và Menu này có tác dụng gì? Chúng ta cùng tìm hiểu về lịch sử và tính năng của Menu Hamburger nhé.
Biểu tượng Hamburger dùng để làm menu, icon, button, v.v. đã xuất hiện từ năm 1981. Nó được tạo ra bởi Norm Cox, trưởng nhóm đồ họa của Xerox Star – hãng máy tính cá nhân thương mại đầu tiên trên thế giới.
Norm Cox đã thiết kế biểu tượng như một hộp đựng các lựa chọn Menu. Các đường ngang là một mô tả trừu tượng của một danh sách dọc. Bạn có thể thấy các nút Menu Hamburger hoạt động trên Xerox Star trong video dưới đây vào lúc 21:15.
Biểu tượng này có ý nghĩa rất đơn giản, một phần do những hạn chế về thiết kế vào thời đó. Nó chỉ có thể là khoảng 16 × 16 pixel, vì vậy nó cần phải khác biệt và dễ nhìn thấy. Ba đường kẻ ngang đã hoàn thành mục tiêu đó.
Chỉ cho đến khi điện thoại thông minh và ứng dụng di động xuất hiện, biểu tượng Hamburger mới bùng nổ thành ý thức chính thống. Không gian màn hình hạn chế có nghĩa là các tùy chọn cần được đưa vào menu và biểu tượng Hamburger đã trở thành một lựa chọn phổ biến để biểu thị điều đó.
Lịch sử của biểu tượng Hamburger trong các ứng dụng dành cho thiết bị di động còn mờ mịt hơn một chút. Nó có thể đã được sử dụng lần đầu tiên bởi một ứng dụng Twitter có tên “Tweetie” vào năm 2008 . Ngay sau đó, nó bắt đầu xuất hiện trong hệ điều hành iOS của Apple dành cho iPhone, điều này rất có thể đã dẫn đến sự phổ biến của nó trong thiết kế ứng dụng dành cho thiết bị di động.
Biểu tượng Hamburger để làm gì?
Như đã đề cập ở trên, mục đích ban đầu của biểu tượng hamburger là hoạt động như một menu chứa danh sách các tùy chọn. Đó là nơi bắt nguồn của thiết kế. Menu thường bao gồm các tùy chọn trong một danh sách dọc, do đó ba dòng ngang được xếp chồng lên nhau.
Đó vẫn là những gì biểu tượng Hamburger được sử dụng cho ngày nay, nhưng mục đích của nó đã mở rộng trong các ứng dụng dành cho thiết bị di động. Nó hiện thường được sử dụng cho các menu trượt ra từ một bên của màn hình. (Loại menu này đôi khi được gọi là menu “thanh bên – sidebar”.)
Đây là ví dụ về Icon hamburger đang được sử dụng trong ứng dụng Gmail dành cho Android. Nhấn vào biểu tượng sẽ mở menu từ phía đó của màn hình.
Biểu tượng Hamburger cũng có thể được tìm thấy trong Start Menu của Windows 10. Di chuột qua hoặc nhấp vào biểu tượng sẽ mở rộng các phím tắt cho Setting, Power và các tùy chọn người dùng khác.
Biểu tượng hamburger chỉ đơn giản là một biểu tượng có nghĩa là “menu”. Một khi bạn bắt đầu tìm kiếm nó, bạn sẽ thấy nó ở khắp mọi nơi.
Nhờ nghiên cứu của nhà thiết kế Geoff Alday, lịch sử của biểu tượng Hamburger đã được xác định rõ ràng. Tuy nhiên, chúng tôi không thực sự biết tại sao hoặc khi nào nó lại có biệt danh “Hamburger”.
Mọi người dường như đồng ý rằng biệt danh này xuất phát từ ba đường có phần giống ổ bánh mì kẹp thịt. Nhưng ai là người đầu tiên tạo ra mối liên hệ đó? Mình không chắc lắm. Norm Cox chỉ đề cập đến việc gọi đùa nó là “lỗ thông hơi” cho cửa sổ.
Con người dường như chỉ nhìn thấy thức ăn trong rất nhiều thứ.
Không phải ai cũng là fan của biểu tượng Hamburger phổ biến. Trong những năm gần đây, các nhà thiết kế ứng dụng đã bắt đầu không dùng biểu tượng này nửa.
Biểu tượng Hamburger được thiết kế cực kỳ đơn giản. Sự đơn giản đó đôi khi có thể là một nhược điểm. Nó không mang tính mô tả cao và có thể dễ dàng bị bỏ qua nếu bạn không quen thuộc với nó.
Các thanh điều hướng đã trở thành một cách phổ biến hơn để sắp xếp các mục menu. Tuy nhiên, thanh điều hướng không hoạt động cho mọi ứng dụng, vì vậy bạn vẫn thường thấy biểu tượng Hamburger. Một biểu tượng Menu phổ biến hơn đó là sử dụng dấu ba chấm dọc, như được hiển thị bên dưới trong Chrome.
Đây là truyền thuyết về là rất nhiều cuộc nói chuyện về Hamburger và thiết kế giao diện phần mềm. Tất cả những gì bạn cần biết là menu Hamburger thường có ba dòng nằm ngang trong một chồng dọc. Hãy chú ý đến dấu ba chấm. Sử dụng các nút này khi bạn đang tìm menu và các tùy chọn khác.
Xem Them Chi Tiet
Nhung Mon Do Cong Nghe Duoc Yeu Thich
Do Cong Nghe Phu Kien
0 nhận xét:
Đăng nhận xét