우리 주변에 항상 존재하지만, 이름은 몰랐던 메뉴 아이콘들 🍔🔍

반응형

햄버거 메뉴 아이콘을 묘사한 이미지

 

"이 아이콘은 이름이 대체 뭐지?" 🤔

"도대체 이 아이콘은 뭐라고 불러야 하지?" 🤔

 

혹시 웹사이트나 앱을 사용하다가 이런 생각 해본 적 있으신가요?

우리가 매일 사용하는 IT 세상은 수많은 아이콘으로 가득 차 있지만,

정작 그 이름을 아는 사람은 많지 않습니다.

마치 얼굴은 아는데 이름을 모르는 옆집 사람처럼 말이죠!

익명의 영웅들처럼 묵묵히 제 역할을 수행하는 IT 아이콘들!

 

이번 포스팅에서는 우리 주변에서 흔히 볼 수 있지만,

정확한 이름은 몰랐던 메뉴 아이콘들의 숨겨진 이름들을 파헤쳐 보고,

여러분의 IT 지식에 한 스푼 재미를 더해드리겠습니다. 😉

 

햄버거 메뉴 (Hamburger Menu) 🍔

생김새

  • 三 (세 줄이 쌓인 모양)

가장 먼저 소개할 아이콘은 바로 '햄버거 메뉴'입니다.

세 줄이 쌓인 모양이 햄버거🍔를 닮았다고 해서 붙여진 이름인데요.

웹사이트나 앱에서 메뉴를 표시할 때 자주 사용됩니다.

 

유래

1981년, 제록스(Xerox)사의 '스타(Star)'라는 컴퓨터에서 처음 사용되었습니다.

당시에는 화면 공간이 부족했기 때문에,

여러 메뉴를 하나의 아이콘 안에 담기 위해 고안되었다고 합니다.

 

쓰임새

햄버거 메뉴를 누르면 가려져 있던 메뉴 목록이 나타납니다.

주로 화면 공간이 제한적인 모바일 환경에서 자주 사용되며,

웹사이트의 디자인을 깔끔하게 유지하는 데 도움을 줍니다.

 

  • 주로 메인 내비게이션 메뉴를 숨기고 표시하는 데 사용됩니다.
  • 웹사이트나 앱의 주요 섹션이나 카테고리를 나타냅니다.
  • 특히 모바일 디자인에서 화면 공간을 절약하기 위해 자주 사용됩니다.

케밥 메뉴 (Kebab Menu) 🥙

생김새

  • ⋮ (세로로 나열된 점 세 개)

두 번째 아이콘은 '케밥 메뉴'입니다.

세로로 나란히 위치한 점 세 개가 마치 꼬치에 꽂힌 케밥🥙을 연상시킨다고 해서 붙여진 이름입니다.

햄버거 메뉴와 마찬가지로 메뉴를 표시할 때 사용됩니다.

 

유래 

정확한 유래는 알려져 있지 않지만,

햄버거 메뉴보다 나중에 등장한 것으로 알려져 있습니다.

사용자 인터페이스 디자인의 진화 과정에서 자연스럽게 발전한 것으로,

여러 기업과 개발자들이 동시에 비슷한 아이디어를 적용하면서 보편화 된 것으로 보여집니다.

 

쓰임새

케밥 메뉴 역시 클릭하면 추가적인 메뉴 목록이 나타납니다.

주로 특정 항목에 대한 추가적인 옵션을 제공하거나,

설정 메뉴를 표시할 때 사용됩니다.

 

  • 주로 추가 옵션이나 작업을 표시하는 데 사용됩니다.
  • 특정 항목이나 콘텐츠와 관련된 부가적인 기능을 제공합니다.
  • 예: 편집, 삭제, 공유 등의 옵션을 포함할 수 있습니다.

미트볼 메뉴 (Meatball Menu) 🧆

생김새

  • ●●● (가로로 나열된 점 세 개)

세 번째 아이콘은 '미트볼 메뉴'입니다.

가로로 나란히 위치한 점 세 개가 미트볼🧆을 닮았다고 해서 붙여진 이름입니다.

케밥 메뉴와 마찬가지로 추가적인 옵션을 제공할 때 사용됩니다.

 

유래

미트볼 메뉴는 최초 사용처를 특정하기는 어려우나,

구글 안드로이드 운영체제와 크롬 브라우저에서 도입되어

대중화에 크게 기여한 것으로 알려져 있습니다.

 

쓰임새

미트볼 메뉴를 누르면 해당 항목과 관련된 추가적인 옵션이 나타납니다.

예를 들어, 이메일 앱에서 미트볼 메뉴를 누르면

'답장', '전체 답장', '전달' 등의 옵션이 나타날 수 있습니다.

 

기타 자주 사용되는 메뉴 아이콘들

아래의 아이콘들은 대부분의 앱과 웹사이트에서 공통적으로 사용되며,

사용자들이 직관적으로 이해할 수 있도록 설계되어 있습니다.

 

기어(톱니바퀴) 아이콘 (⚙️)

  • 주로 설정이나 환경 설정을 나타냅니다.

플러스 아이콘 (+)

  • 새 항목 추가나 확장을 의미합니다.

검색(돋보기) 아이콘 (🔍)

  • 검색 기능을 나타냅니다.

홈 아이콘 (🏠)

  • 메인 페이지나 홈 화면으로 이동을 의미합니다.

프로필 아이콘 (👤)

  • 사용자 계정이나 프로필 관련 기능을 나타냅니다.

종 아이콘 (🔔)

  • 알림이나 새 소식을 표시합니다.

즐겨찾기(스타) 아이콘 (🌟)

  • 즐겨찾기 관련 기능을 나타냅니다. 주로 좋아하는 콘텐츠를 저장할 때 사용합니다.

하트 아이콘 (❤️)

  • 좋아요, 즐겨찾기 등을 나타냅니다.

달력 아이콘 (📅)

  • 일정이나 이벤트 관련 기능을 나타냅니다.

메시지 아이콘 (💬)

  • 채팅이나 메시지 기능을 의미합니다.

지금까지 우리가 자주 사용하지만 이름을 몰랐던 메뉴 아이콘들에 대해 알아보았습니다.

오늘 알아본 IT 아이콘 이름들, 생각보다 어렵지 않죠?

앞으로 웹사이트나 앱을 사용할 때, 이러한 아이콘들의 이름을 떠올리며

"아, 이건 햄버거 메뉴였지!" 라고 말할 수 있기를 바랍니다. 😊

댓글로 여러분이 아는 IT 아이콘 이름을 자유롭게 공유해주세요!

 

다음 포스팅에서는 더욱 다양하고 흥미로운 IT 이야기로 찾아오겠습니다.

블로그 구독하기 버튼을 눌러 새로운 소식을 놓치지 마세요!

 

 

 

 

 

 

반응형