Freeive

uiux·발행 2026.07.20

Hotdog, Bento menu, 음식 비유 메뉴 패밀리

햄버거, 케밥, 미트볼에 이은 음식 비유 메뉴 두 가지. 핫도그와 벤토 메뉴가 Google Apps Launcher 같은 패턴으로 어떻게 자리잡았는지 살펴봅니다.

한 줄로

햄버거, 케밥, 미트볼에 이은 음식 비유 메뉴 두 가지입니다. 핫도그(가운데 한 줄)와 벤토(9점 그리드)입니다.

Hotdog menu

화면 가운데에 가로 한 줄입니다. 안드로이드의 Bottom Navigation Bar에서 단일 동작을 표시할 때 사용합니다. 햄버거(3줄)에서 가운데 1줄만 남긴 형태가 핫도그입니다.

거의 안 쓰입니다. 매우 특수한 경우에만 사용합니다.

Bento menu

9개 점이 정사각형 그리드(3×3)로 배치됩니다. 일본 도시락 벤토(弁当)에서 비유했습니다. 칸칸이 나뉜 모습입니다.

대표 사용처는 다음과 같습니다.

Google Apps Launcher: Gmail 우측 상단의 점 9개. 다른 Google 서비스(드라이브, 캘린더, 지도 등)로 빠르게 이동합니다.
Microsoft 365: 비슷한 위치입니다.
Notion: 워크스페이스 전환.

음식 비유 메뉴 패밀리

Hamburger: 가로 3줄, 글로벌 메뉴.
Kebab: 세로 3점, 항목 옵션.
Meatballs: 가로 3점, 화면 옵션.
Bento: 9점 그리드, 앱 런처.
Hotdog: 가로 1줄, 단일 동작.

왜 다 음식인가

햄버거가 먼저 정착한 뒤, 비슷한 모양의 아이콘들에 같은 패턴으로 음식 이름을 붙이는 게 디자인 커뮤니티의 농담 같은 관행이 됐습니다. 핫도그와 벤토는 2010년대 후반에 굳어진 비유입니다.

바이브 메이커가 챙길 한 가지

여러 서비스를 운영하는 1인 랩이라면 bento menu가 유용합니다. 사용자가 본인 모든 도구를 한 곳에서 발견합니다. 단, 서비스가 3개 이상일 때만 의미 있습니다.

관련

Hamburger menu · Kebab menu · Meatballs menu

#UI/UX#용어사전#메뉴 아이콘#핫도그 메뉴#벤토 메뉴#UI 패턴·컴포넌트

Comments

댓글 0

로그인 상태 확인 중…

댓글 불러오는 중…

Recent

다른 일기도 같이.